Illustration & Visual Narrative / Task 3 - Illustrated Typography Poster
04/11/2024 - 03/12/2024 / Week 7 - Week 10
Ye YingYing / 0364398
Illustration & Visual Narrative / Bachelor of Design (Hons) in Creative Media / Taylor's University
Task 3 - Illustrated Typography Poster
All Works Here - Google Drive
- Quote -
My chosen inspiring quote of the day is [ You are not fully dressed until you wear a smile. ]
- The reason I chose this quote is because it highlights the importance of a smile as an essential part of one’s appearance. No matter how stylish or well-dressed someone is, they aren’t truly complete without a smile. It encourages us to value our inner attitudes and emotions. True charm and attractiveness come not only from outward appearance but from the joy and confidence that a smile expresses. A smile is the simplest “accessory” that costs nothing but can significantly enhance one’s presence and approachability. While fashion and clothing may define style, the true finishing touch is always a smile.
- Inspiration -
- Based on the quote I chose, [ You are not fully dressed until you wear a smile ] I aim to focus on the word "Smile". I looked up some typographic expressions for it. I feel like the use of the letter "m" can be very effective in expressing the smile.
- Rationale -
- My idea is to create a poster that merges elements of photocopy textures, collage art, and fashion aesthetics to convey the powerful message that a while clothing defines style, a smile truly completes the look. And shows the idea of that confidence and joy are the best "accessories" anyone can wear. The design combines a minimalist color palette with bold, eye-catching details to draw viewers' attention.
- Sketch -
- The typographic expression for the word "smile" is based on integrating the concept of joy and facial expression directly into the typography. The design uses the arc of the letter "m" as mouth and the letters "i" and "l" as eyes to create the visual impression of a smiling face.
- Typeface -
- I chose this font because its structured design is clean, is giving stylish feel that matches the theme, and has elegant curves that I think will align well with the minimalist aesthetic of the poster without overwhelming other elements.
- Design Progress -
- Use the "Type on a Path Tool", to create a curve text, place it on top of the hanger
- Use the "Arc Tool", to create a curve line, use as the smile line, connecting the letter "m"
- Use the "Path Tool" and then "Divide Object Below", to shorten the letter "i", make it more looks like an eye, and more joyful
- Tilt all the letters based on the path of the smiley curve
- Use "Shpae Builder" to delete the extra part, to smooth the smile
- FINAL WORK -
- DPI - Poster Design Progress -
Click Here
CLASS EXERCISE
- Week 7: Illustrator Techniques -
This week, we learned several illustrator tools.
- Intertwine
- Brush Tool
- 3D Effect
- Clipping Mask
- Expand
- Knife Tool
Applied of Intertwine
 |
| Brush Tool & 3D Effect |
- Type in the name
- Use the brush tool to draw a flow
- Apply the 3D effect to the name
- Adjust the flow path
- Use intertwine to add depth
Final Work
 |
| Clipping Mask |
 |
| Final Work |
- Type in the number, and move up the 0
- Apply clipping mask to the texture pic
- Use the brush tool to draw flow
- Apply Intertwine to create depth
- Expand the path
- Select the path
- Apply gradient
- Use the Knife Tool to divide the gradient
- Week 8: Envelope Distort -
This week, we had an online replacement class and Mr. Hafiz introduced us to the [ Envelope Distort ]
 |
Final Work |
 |
| Progress of the fish exercise |
- Draw out the shape with the Ellipse tool
- Create the point arche with Convert
- Use Shape Builder to make the fish
- Use the rectangle tool and pathfinder (minus fonts) to select the wanted area
- Create the text and adjust the kerning, etc.
- Select both the text and the wanted area, and use envelope distort (make with top object)
- Expand the text to the path, and smooth
- Select a pic with a pattern or texture
- Click Trace, then select preset as black and white
- Use Magic Wand to delete the white part, and change the black path to white color.
- Select the fishtail, by using the envelope distort (make with wrap) tool, adjust its shape
- Use the envelope distort (make with top object) tool on the pattern
LECTURE NOTES
- Week 7: Transitions -
Moment to Moment
- Creates a slow, immersive experience that draws readers into the smallest details.
Action to Action
- Keeps the story dynamic and fast-paced.
Subject to Subject
- Allows for quick shifts in focus between different characters or objects within the same scene, enhancing dialogue or interactions.
Scene to Scene
- Efficiently moves the story across time and space, allowing the narrative to progress quickly.
Aspect to Aspect
- Builds atmosphere and mood by focusing on various parts of a scene.
REFLECTION
Additionally, creating effective typographic expressions was quite difficult. Conveying the right emotion and tone through typography required a lot of experimentation and attention to detail. However, I realized that I relied more on Photoshop (DPI-related work) for creating elements and designs rather than fully exploring Adobe Illustrator for IVN. While Photoshop helped me achieve the look I wanted, I feel I missed an opportunity to delve deeper into typography techniques and tools in Illustrator.
I really enjoyed this task because I loved the concept I created and the positive quote I chose to highlight. The quote felt meaningful and uplifting, and it was exciting to bring it to life through my artwork. Moving forward, I aim to explore more in Illustrator and experiment with typography further, while continuing to refine my skills in both DPI and IVN.
Comments
Post a Comment