ILLUSTRATION AND VISUAL NARRATIVE / PROJECT 1 / Task 3

on


4/11/2024 - 1/12/2024 / Week 7 - Week 10

Aricia Man Yi Xuan / 0375026

Illustration and Visual Narrative

Bachelor of Design (Hons) in Creative Media

Project 1 / Task 3: Illustrated Typographic Poster

Google Drive Link

TABLE OF CONTENTS

    3.2 Sketches
    3.3 Progress
    3.5 Final Outcome

1. LECTURES

Week 7 :
Today (6/11/2024), we were assigned a new task 3, which is to create an illustrated typographic poster that explores the art of typography as a visual and expressive element. Mr. Hafiz demonstrated how to design a font using Intertwine tool and clipping mask in class, and we followed him to do our own practice.

Fig.1.1.1 Illustrated Typography Practice / (Week 7, 6/11/2024)

Week 8 (Independent Week):
Today (14/11/2024), we have a replacement online class via Teams. It's a continuation of last week Illustrator class, where Mr. Hafiz taught us using the pen tool in Illustrator. Mr. Hafiz also given a pencil exercise in Google Classroom and below is my practice.

Fig.1.1.2 Pencil Exercise / (Week 8, 14/11/2024)

Week 9 :
Today (20/11/2024), Mr. Hafiz showed us some examples of the poster typographic style design in class, and we continued our artwork.

TAP ME BACK TO TOP

2. INSTRUCTIONS

Fig.2.1.1 Instructions

Illustrated Typographic Poster

- "Quotes of the Day" : Choose an inspiring quote of the day as the foundation for your poster.
- Typeface and Composition: Select a combination of sans-serif typefaces (Google Fonts).
- Canvas Setup: Use an A4 portrait canvas in Adobe Illustrator.
- Illustrator Techniques: Intertwine, Clipping Mask, 3D Effects, Warping
- Supporting Visuals: Add minor photography or digital elements from your digital Imaging Photography (DPI) work to complement your typographic design.

3. TASK 3: POSTER DESIGN

3.1 References and Concept

Fig.3.1.1 References from Pinterest / (Week 7, 8/11/2024)

Fig.3.1.2 References of Design / (Week 7, 8/11/2024)

Before I started my sketch, I did some research on Pinterest and Google. I found some interesting images in which a woman was drowning. I think this scenery is related to my quotes, and I get some inspiration from it for my design. Moreover, I like the style of the 3D bubble font; it's cute and aesthetic. I also found some holographic background for the design of my typographic.

Concept

Title: I'm not perfect, I'm Limited Edition.

Quotes Ideas:
I chose this quotes for my poster design to express a message for today's generation, who often feel pressured by unrealistic beauty standards. People always think that they're not good enough and always compare themselves to others. However, no one is born perfect. We don't have to be flawless to be valuable; we are born to be special and unique. Instead, our qualities and imperfections make us rare and irreplaceable.

Details:
- Typographic: 
The word "I'm not perfect", I want to design as a transparent foam bubble word, represents the idea that perfection is not a necessity or priority - it's fleeting and see-through, symbolizing its lack of substance or weight in defining one's value.

The word "I'm limited edition" is designed with vibrancy and present in a 3D effect with holographic colours to highlight its uniqueness and exclusivity, reinforcing the idea that individuality is what truly matters.

- Digital Image:
For the digital image, I used my own portrait image, and I wanted to express a woman with a calm expression emphasized confidence and satisfaction, aligning with the idea of embracing one's imperfections. The woman is in the water, gazing at the words "I'm Limited Edition", to symbolize a moment of reflection and self-realization, showing that she is accepting and embracing herself.

3.2 Sketches

Fig.3.2.1 Sketches of Poster / （Week 9, 22/11/2024)

Rough sketches done on paper. I choose two types of sans serif fonts provided (Google fonts), which are Nerko One Regular and Rubik Bubbles Regular for the basics of my typographic.

3.3 Progress

In Photoshop:

Fig.3.3.1 My portrait digital image & Background on Pinterest / (Week 9, 22/11/2024)

I take a picture in my swimming pool; it's tough to take the angle of the picture that I wanted. I found a background that is more clear and clean for my background. 

Fig.3.3.2 Progress of Masking / (Week 9, 23/11/2024)

To begin, I select and mask my portrait following the techniques I learned from Mr. Hafiz. Then I put the image from Pinterest as my background. Later on, I moved on to Adobe Illustrator to do the next step.

In Illustrator:

Fig.3.3.3 Elements from Pinterest / (Week 9, 20/11/2024)

I used these images for my typographic on clipping mask and 3D effect.

Fig.3.3.4 Progress of typographic / (Week 9, 23/11/2024)

I did the word "I'm Limited Edition" first, using the sans serif font of Nerko One Regular. Then, I used the pencil tool to edit the path and the design of the font.

Tools I used: Pencil Tool & Curvature

Fig.3.3.5 Progress of typographic / (Week 9, 23/11/2024)

Later on, I started to add 3D effects to it. By adjusting the object, materials, and lighting.

Object: Inflate > Perspective (30%)
Materials: Graphic > Select Image add to "your graphics" > select graphic > roughness (0.2)
Lighting: Adjust the light > Intensity (120%), Rotation (145%), Height (45%), Softness (40%), Intensity (86%) > Shadow > Behind Object > Distance from object (32%), Shadow Bounds (400%)

Fig.3.3.6 Progress / (Week 9, 23/11/2024)

After that, I used the Pen Tool to draw a shape of the light from the mouth and made an outer glow and blur to it (Effect > Stylize > Outer Glow) / (Effect > Blur > Radial Blur) to present a sense of the woman was speaking out the words, and it looks more realistic. 

Fig.3.3.7 Progress of Typographic / (Week 9, 23/11/2024)

For the words “I'm not perfect", I used the font Rubik Bubbles Regular. Then, I used the pen tool to draw the sense of liquid on the words. After that, I put the bubble image behind the words and created s clipping mask. I also add a black outer glow to the words to look clearly, as the background is light as well. Finally, to emphasize the word "perfect", I draw a flower pattern line on it and intertwine them.

Fig.3.3.8 Adding Gradient / (Week 9, 23/11/2024)
To emphasize the word and look more clearly, I added a gradient to the background that goes from dark to light.

Fig.3.3.9 Poster Design / (Week 9, 24/11/2024)
Finally, I came out with the finalized poster design. I've changed the background to have a gradient from dark to light to emphasize the quotes.

3.4 Progression Board

Fig.3.4.1 Progression Board / (Week 10, 25/11/2024)

3.5 Final Outcome

Fig.3.5.1 Final Poster Design / (Week 10, 25/11/2024)

Title: I'm not perfect, I'm limited edition.

Description:
This poster is to express the message of self-acceptance and confidence. Through the quote, “I’m not perfect; I’m Limited Edition,” the idea that imperfections are not a flaw but a unique trait that makes a person special is conveyed. The background of the poster transitions smoothly from dark at the top with the words “I’m not perfect,” which evoke a sense of introspection, to lighter tones toward the bottom with the words “I’m limited edition,” which present clarity and hope, symbolizing  journey from self-doubt to self-acceptance.

4. FEEDBACK

Week 10 (25/11/2024):

Specific Feedback:
References are good, you can proceed on with the expressiveness of the type and illustrate it accordingly.

5. REFLECTIONS

Experiences:

It's a fun and interesting artwork, and I enjoyed it very much. I'm happy Mr. Hafiz approved my artwork, and I was satisfied with the final outcome. I like the 3D effect of the word “I'm limited edition" as it matches the initial idea of my visual.

Observation:

I realized that both realistic and unrealistic elements can be combined together without feeling weird; it conveys the message with more depth and vividness to the audience.

Findings:

Through this exercise, I improved my creativity and I learned that good typography and colour are very important in conveying a design's message. It can evoke specific emotions and meanings, making the design more impactful. Hope I can learned more in the future.

TAP ME BACK TO TOP





Comments

Post a Comment