Digital Design Process – Design 2

In this blog post, I wish to demonstrate my process from start to finish using screenshots as a work.

I started by outlining the basic shape of Homer Simpson. A combination of using the pen tool, and the pathfinder pallet to merge and divide certain shapes to make the lines as clean as possible.Screen Shot 2016-05-27 at 16.34.12.pngScreen Shot 2016-05-27 at 16.35.18.png

Screen Shot 2016-05-27 at 16.42.44.png

 

 

Screen Shot 2016-05-27 at 16.49.49.png

 

I adjusted the handles all around homer to make sure every element was smooth and realistic, without an imperfections.

 

I then opened a separate document and laid out the typefaces I may or may not use in the design. From my initial planning and sketches, I was able to easily select suitable typefaces. I already had a lot of these in mind, however after looking through my type kit, I found Futura extra black, which I thought stood out and would be great for the body of my design. DK Petit four is my experiment.It’s 3D child like charm may be difficult to warp effectively, and the type may not be readable. Chunk Five is another display font, like Bebas and Futura extra black, however has strong serifs from being a slab serif font. This may contrast nicely with the other two quite neutral display typefaces. For Homer’s face, I wanted to use a combination of thin and shadowed type, as there are more intricate shapes making up Homer’s face. In contrast to his big bold body, I wanted his face to seem more complex, featuring his thought processes on a daily basis. “Bubble Gum” is the bubble font I pointed out I wanted to use earlier in my research for the “mmm doughnuts” on a circle path, forming his eyes. I feel this typeface really brings out the playful, childish behaviour and mindset of the character. The DK Vermillion typefaces makes me think of someone quite simple minded, maybe even dumb, and Homer certainly has those stupid moments in the show. Screen Shot 2016-05-27 at 17.08.22.png

Scan

Screen Shot 2016-05-27 at 16.52.49.png

I then started to write out the lines and converting them into a mesh, In which I could warp the typeface to the shape of Homer.Screen Shot 2016-05-27 at 18.07.17Screen Shot 2016-05-27 at 18.09.04

Screen Shot 2016-05-27 at 18.07.17Screen Shot 2016-05-27 at 18.09.04Screen Shot 2016-05-27 at 18.24.27Screen Shot 2016-05-21 at 10.44.31

I found it quite difficult to get the proportions right when working in a confined and irregular shapes. However, I found using 2 columns and 2 rows in the mesh, I was able to stretch either sides anchor points out to the width of the shape, and then find the middle point. This made the words proportionate but with the necessary warp to get the shape. There was no loss of readability which was key.

I carried on going through each part of homers body from top to toe, using my sketch as a guide. I changed the design slightly from my original sketch. I felt like there should be a prominent quote from home in the centre that makes the design have a purpose. The rest of the text would just be the catchphrases and characters associated with the character. The end result was as follows:

Screen Shot 2016-05-28 at 08.14.52

I was quite happy with the outcome. I started to think about my design and what background I might use to entice my audience. I produced some thumbnail sketches to show my ideas on paper. This will also help determine whether I should colour the design, or just leave it in black.

 

I decided that the design would have more interest if it was coloured. I then went online and googled to see if I could find the exact colours used to make up homers appearance. I found this website really useful, and I was able to match the RGB colours in my swatches palette in illustrator.Screen Shot 2016-05-28 at 08.35.31.png

Screen Shot 2016-05-28 at 08.41.24Screen Shot 2016-05-28 at 08.43.15.png

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s