ILLUSTRATION & VISUAL NARRATIVE - TASK 3

25.9.24 - 16.10.24 (Week 1 - Week 3)

Michelle (0373843)
Illustration & Visual Narrative / Bachelor of Design (Honours) in Creative Media / Taylor's University
Task 3: Illustrated Typography

---

This task is in collaboration with a poster design task in Digital Photography & Imaging. For this project, the poster we make should deliver a quote we picked ourselves. The quote I chose to use is BEYOUTIFUL.

The quote means being your own true self is beautiful. We don’t have to try to be someone we aren’t. Just be yourself is the real beauty.

Research & Ideation

My idea was to create a poster somewhat like the reference below. My concept is to incorporate images of the things which indentified me as a person to look like puzzles that unites to form myself.

Figure 1.1 Poster reference

So I come up with a sketch like the image beneath.

Figure 1.2 Sketch

For the text, I did some research and exploration on references in Pinterest and from the works of the people mentioned in google classroom. The reference I chose are shown below.

Figure 1.3 Sketch

I manipulate the word “you” to create a hugging shape with the hands forming heart shapes to express self love. I used pen tool to create the shape and then colored it in with the blend feature in AI.

For the BE and TIFUL, I keep them uppercase in bold to really differentiate them from the word “you”.

Digitalization

For the digitization, below are the color palette and fonts I used. The colors below are picked based on my poster to make the text in harmony with the rest of the poster. These 3 colors are the main color in my poster design for DPI. 

For BE and TIFUL I used Franklin Gothic Heavy since I want it to be firm, bold and defined, while for you, I picked a more cursive text with constant width since I will need to distort its shape later.

Figure 2.1 Color & font used

I first lay out the text and placed them in position. I inserted my poster design from DPI as a guide so I have a better vision on how the text will look together with the image.

Figure 2.2 Layout

Then I start to create the "hugging" shape using the pen tool.

Figure 2.3 YOU hugging shape

Then, I followed a video tutorial on YouTube I find from the playlist given to us on classroom.

Figure 2.4 YOU width & color pattern

Figure 2.5 YOU blended line

Figure 2.6 Effect applied

Figure 2.7 YOU blended

After, I adjusted the shape, and colored BE and TIFUL to suit the YOU.

Figure 2.8 BE & TIFUL colored

I added white lines to the BE and TIFUL to replicate the division lines portrayed in the poster.

Figure 2.9 BE & TIFUL white lines

I duplicated the YOU, colored it black, and adjusted its layer to act as a shadow.

Figure 2.10 Final touches

Lastly, I added blurred and faint heart shapes to accentuate the “love” theme. I had 3 different versions, but I go with the last one since the first 2 was quite distracting.

Figure 2.11 Heart elements

Final Result

Figure 3 Final Poster

Reflection

This task was quite fun to do, since it's a collaboration I got to learn how 2 subjects in design could collaborate in creating an artwork. I liked how for IVN we got encouraged to think creatively and design an illustrated typography for the text, since most of the posters I've done previously only utilize normal fonts for its text. From this task I learnt a few new features in Adobe Illustrator from the classes on illustrated typography which is exciting!. Although I didn't use all of it in this task, I'm sure it will be useful for my future works, so I'm grateful for it. Overall I am pretty happy and satisfied with this task.