Illustration and Visual Narrative - Task 3: Illustrated Typography Poster
6/11/2024 - 29/11/2024 (Week 7 - Week 10)
Chang Wing / 0367807
Illustration and Visual Narrative / Bachelors of Design (Honours) in Creative Media / Taylor's University
Task 3: Illustrated Typography Poster
Table of Content:
1. Lectures
Lectures
Mr. Hafiz shared some really useful tips for working in Adobe Illustrator. He showed how to make envelope distortions, use compound paths on fonts to create clipping masks on images, and apply the intertwine tool to make overlapping strokes. He also covered how to create 3D fonts and add textures to make fonts more interesting.
Required to design a typographic poster that explores the art of typography as a visual and expressive element. The poster should effectively convey a selected "Quote of the Day" through creative typography, using a combination of typeface families (primarily sans-serif) and unique stylistic choices.
The quote “The Worst Mistake is To Not Make Any” is all about embracing mistakes as part of the journey in both design and life. In design, it encourages taking risks and trying things that might not work, because those “wrong” steps often lead to creative breakthroughs. In life, it reminds us that mistakes are crucial for personal growth and learning, and we should not afraid of trying new things.
The typography features intentional “mistakes” like misspelled words, a mix of italic and Roman styles, different textures and a color (blue) that doesn’t match with color scheme of the word “ANY”, showing that breaking the rules can lead to creativity.
For the photographic design, a hand holding a mouse are added to tie it back to design, reminding us that trying, failing, and experimenting are all part of the process. It’s a simple but powerful way to say that mistakes help us grow and lead to better ideas.
I chose this quote because it reminds people that mistakes are key to growth and self-expression. We should accept diversity and understand that everyone has their own unique way of showing who they are. Instead of judging mistakes, we should see them as a natural part of individuality and creativity, fostering understanding and acceptance.
Figure 2.4 Brush
Figure 2.6 Effect > Artistic > Sponge
Concept Board
2. Instructions
3. Task
4. Reflection
Lectures
Week 7
Figure 1.1 Intertwine
Figure 1.2 Intertwine process in Adobe Illustrator
Figure 1.3 Intertwine + 3D Fonts
Figure 1.4 Clipping Mask
Figure 1.5 Envelope Distort
Week 8
Independent Learning Week (ILW): No lecture for this week.
Week 9
Mr. Hafiz showed more examples of typography poster for us to reference on and gave feedback on our poster design sketches.
Week 10
No lecture for this week. Mr. Hafiz reviewed our designs and provided feedback online to help us finalise them.
Instructions
Task 3: Illustrated Typography Poster
Required to design a typographic poster that explores the art of typography as a visual and expressive element. The poster should effectively convey a selected "Quote of the Day" through creative typography, using a combination of typeface families (primarily sans-serif) and unique stylistic choices.
Integrate Illustrator techniques such as Intertwine, Clipping Mask, 3D Effects or Warping. The photography elements from DPI should support but not overpower the typographic design.
Design Concept
The typography features intentional “mistakes” like misspelled words, a mix of italic and Roman styles, different textures and a color (blue) that doesn’t match with color scheme of the word “ANY”, showing that breaking the rules can lead to creativity.
For the photographic design, a hand holding a mouse are added to tie it back to design, reminding us that trying, failing, and experimenting are all part of the process. It’s a simple but powerful way to say that mistakes help us grow and lead to better ideas.
I chose this quote because it reminds people that mistakes are key to growth and self-expression. We should accept diversity and understand that everyone has their own unique way of showing who they are. Instead of judging mistakes, we should see them as a natural part of individuality and creativity, fostering understanding and acceptance.
The Modular Grid
The Modular Grid is a useful tool for designers to create structure and maintain consistency in layouts. Initially, I planned to use the grid solely as a guide to speed up my typographic composition process but I decided to keep it visible in the final design to symbolise the balance between order and experimentation.
Figure 2.1 The Modular Grid
Process
1. I began by using the Modular Grid to help organise the typography. It gave me a solid structure to work from, making sure everything was balanced and aligned in the layout.
Figure 2.2 Typographic Composition
2. Then I brought in my photo and adjusted the words to connect more deeply with the message of the quote. I wanted the visuals to support the idea of embracing mistakes as part of the journey. I explored with extrude & bevel, inflate, brushes, textures, twirl tool and envelope distort.
Figure 2.3 Typographic + Photographic Composition
3. For the word "WORST," I drew the letters O, R, and S using a charcoal brush. This felt right because "worst" often brings up thoughts of imperfection, brokenness, or something rough. The texture added to that feeling of rawness.
4. For the letters I and S in "MISTAKE," I used a chrome texture. It gave them a sleek, polished look, which felt like a contrast to the messiness of "WORST", adding bold chaotic sense to the design.
Figure 2.5 Effect > Sketch > Chrome
5. The rest of the letters in "MISTAKE" got a sponge texture to keep them soft and a bit more organic. The mix of textures (chrome and sponge) helps bring attention to the word "MISTAKE," making it stand out and reinforcing the theme that mistakes are central to growth.
6. I distorted the typography, inflating it to create a 3D effect, symbolising a breakthrough and the idea of moving beyond flat, ordinary design. It gave the piece more depth and reflected the creative possibilities that come from mistakes.
Figure 2.7 3D Fonts
7. Finally, I extruded the word "ANY" and set it in an isometric position to create a more dynamic, dimensional look. The whole composition was expanded and filled with vibrant colours and strokes, giving it a cartoonish 3D appearance. This exaggerated, playful style emphasises the boldness of making mistakes and exploring new possibilities.
Figure 2.8 Isometric 3D Fonts
Concept Board
Figure 2.9 Concept Board (PDF)
Final Poster Design
Figure 2.10 Final Poster Design
Reflection
The process of creating this poster design was challenging, especially during the ideation phase. We were tasked with integrating both DPI (Photography Elements) and IVN (Typographic Elements), and the photography had to complement, not overshadow, the typography. I especially struggled choosing the right photos as I wanted to ensure the photographic elements didn’t detract from the expressive power of the typography. Balancing both DPI and IVN was difficult, but despite these challenges, I’m quite pleased with the final poster design. It aligned with the meaning of the quote and captured the minimalistic, bold style I aimed for.
Through this task, I learned how to leverage various tools in Adobe Illustrator to enhance my design and communicate the message/concept. The quote I chose has pushed me to step out of my comfort zone and explore a bolder design style, which is something I hadn’t tried before. By learning new tools in Illustrator, I’ve gained the ability to experiment with different styles and techniques, expanding my creative possibilities. This experience has shown me how mastering these tools not only refines my skills but also opens up more avenues for expressing unique concepts in the future projects.-03.png)
Comments
Post a Comment