Image Mapping: Cat Portrait City Map

by NikoParada in Design > Art

115 Views, 1 Favorites, 0 Comments

Image Mapping: Cat Portrait City Map

Cat City.jpg
IMG_20260527_111937_58793w.jpg

I'm passionate about drawing, and this is my first instructable. For this project, I wanted to combine illustration with maps, exploring how an image can work when combined with a map.

So let's begin!

Supplies

IMG_20260526_011505_958.jpg

Image References (Photograph of the Subject and Stylized Maps)

Cutter

Pencil or marker

Cardboard

Suit the Picture

IMG_20260526_011701_373.jpg
IMG_20260526_011808_165.jpg
worldcat.pngw960_p3516625.jpg

Choose an image of your preference. In my case, I selected a free image I found of a cat—one that reminds me a lot of my own pet, and also because I found it curious and amusing—the theory suggesting that the world map looks like a cat playing with Australia.

I'll use this image as the background to fill in the buildings on our city map. Maps usually have patterns that indicate structures or points of interest, so we'll use our portrait as a guide to fill in these spaces.

Light Set Up

IMG_20260526_012137_893.jpg
IMG_20260526_012058_706.jpg
IMG_20260526_012203_839.jpg

To trace, use special tracing paper, and if you still can't see the background image, use a backlit drawing table. If you don't have one, you can use a lamp under a glass for better definition.

Draw

IMG_20260526_125635_015.jpg
IMG_20260526_131227_9077.jpg

You can also use a window in your house by sticking the two sheets of paper facing outwards.

When drawing, only trace the most important features of the image, whatever it may be that you have chosen.

Comparison

IMG_20260526_131521_765.jpg
IMG_20260526_131652_961.jpg

While drawing, keep checking that the most characteristic features of the image are in their place.

Topography

IMG_20260527_111937_587catx.jpg

I redefined some details of the image to give it more texture; I drew inspiration from the lines generated by the topography on maps.

Glue the Map

IMG_20260526_124720_024.jpg
IMG_20260526_124544_317.jpg
IMG_20260526_124530_807a.jpg
CityMap2.jpg

Now, using glue, attach the city map guide sheet to the piece of cardboard.

I used a city map image found online (credit goes to its creators.)

I've attached the image I used, and you can also enlarge the map as you like.

But If you want something completely random, you can use this website: https://www.fantasytowngenerator.com/

Cut Out

IMG_20260526_124805_335.jpg
IMG_20260526_125227_276.jpg

Cut out the building areas. These areas are shown in black, so the next challenge is to cut out all these spaces to create the top layer of the map canvas/portrait.

Sectors

IMG_20260526_171912_172.jpg
IMG_20260527_110806_003.jpg
IMG_20260527_110839_146.jpg

What I recommend is to cut section by section; use the main avenues as a guide and trim in groups, carefully.

Frame

IMG_20260527_110735_531.jpg

To make the cuts more comfortably, trim the excess edges, cut out the entire page, leaving the border so that it functions as a picture frame.

Meow Map

IMG_20260527_111937_58793w.jpg

Now, join the two pieces with glue, leaving an internal gap to create shadows that will add greater impact to the finished piece.

You can perform this process with any image you wish; you can also modify the map or use one of your choice. Thank you for viewing my project.