Illustration & Visual Narrative - Task 3: Illustrated Typography Poster

7/11/2024 - 29/11/2024 (Week 7 - Week 10) 
Shema Goldie Angwen / 0372129 
Illustration & Visual Narrative 
Bachelor of Design (Hons) in Creative Media / Taylor's University
Task 3: Illustrated Typography Poster


TABLE OF CONTENTS


INSTRUCTIONS


Illustrated Typographic Poster (20%)
For this assignment, you'll design a typographic poster that explores the art of typography as a visual and expressive element. Your 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. This is an opportunity to experiment with typography as a visual medium, incorporating Illustrator techniques and minor graphical elements to enhance your message.

Requirements:
  • Quote Selection: Choose an inspiring quote of the day as the foundation for your poster.
  • Typeface and Composition: Select a combination of sans-serif typefaces from Google Fonts https://fonts.google.com to build visual contrast and emphasis.
  • Canvas Setup: Use an A4 portrait canvas in Adobe Illustrator.


PRACTICAL

Research and References

  
Figure 1.1: References from Pinterest

Figure 1.2: Typography References 


Rationale

Quotes of the day: Capture The Beauty of Nature

Inspired by the third reference, this poster highlights the beauty of nature through an image of a mountain emerging from a camera. The photograph of the camera symbolizes the act of photographing, while the pictures of nature illustrate the beauty that is being captured. It conveys the idea that photography allowed the beauty of nature to be shared an appreciated by more people. The phrase “Capture the Beauty of Nature” serves as a reminder to cherish and value the wonderful sights of nature.

For the typography, I am planning on following the shape of the camera lens and use a clipping mask with a sunset picture. 


Sketches
 
Figure 1.3: Hand Drawing and Digital Sketch

Pictures I used
Figure 1.4: Camera image that I took (19/11/2024)

Figure 1.5: Sunset image that I took in Bali (13/05/2024)

Figure 1.6: Mountain Image that I took in Kintamani, Bali (14/05/2024)

Figure 1.7: Sky Image - Source from Pinterest: https://pin.it/Q0VCbbjIO

The Process
To start, I edited the camera image I had taken in Adobe Photoshop. I removed the 'Canon' brand logo using Edit > Content-Aware Fill, as Mr. Hafiz mentioned it was distracting. I also edited the position of the camera lens, moving it to the center so later on I could position the mountain perfectly in the middle. 

Figure 1.8: The Process of Removing 'Canon' Brand Logo

Next, in another file, I added a layer and inserted the edited camera picture. Then, I added a new layer and inserted a black circle to cover the camera lens. After that, I added another layer for the mountain picture, used the Quick Selection Tool to select the mountain picture, and adjusted the color balance and hue/saturation. Next, I added another layer for the sunset image, set the blending mode to Vivid Light, and adjusted the opacity to 48%. 

Figure 1.9: The Process of Compiling Images

Turned out Mr. Hafiz gave me some feedback and suggested revisions: 
  • The camera body since it is dark, can be a clipping mask or a blended mode image of a dark sky with stars, and maybe the moon. -> For this suggestion, I then decided to place an image of a dark sky within the camera lens. I had tried placing it on the camera body, but it appeared too crowded. 
  • If I wanted to keep the composition of the image, I could have the word “Capture the beauty” in the camera and the word “Nature” behind the trees, meaning between the trees and the mountain. Other than that, the shape and manipulation is good. -> I followed this suggestion and decided to do revision. 
I decided to make another file and inserted the mountain picture and used Quick Selection Tool to select and take the forest part. After that, I added this file to the main file and placed it as the topmost layer.
Figure 1.10: The Process of Selecting Forest Part

Next, in a separate file, I cropped the sky picture into a circle and then replaced the previous black circle covering the camera lens to this sky image, following Mr. Hafiz's feedback. 
Figure 1.11: The Process of Cropping Sky Image

Next, I started working on the typography in Adobe Illustrator. I used Futura typeface. For the phrase 'Capture the Beauty' I used the Ellipse Tool, then the Knife Tool, and created the text. I outlined the text send it to the back, and applied Envelope Distort by selecting both the word and the shape. I used this as a guide I planned to trace it later.
Figure 1.12: The Process of Making Typography

In another layer, I added the text letter by letter and traced it using the guide I had created earlier, using Create Text > Outline Text > Curvature. Then, I added the sunset image, selected both the sunset and the text, and applied a clipping mask.

Figure 1.13: The Process of Making Typography

For the 'Nature', I followed the same steps, but without the guide, simply adjusting it while matching it with the background. I placed the word 'nature' between the forests and the mountain. 

Figure 1.14: The Process of Making Typography

The Final Outcome
Figure 1.15: The Final Outcome


FEEDBACK

Mr Hafiz suggested that for the camera body since it is dark, can be a clipping mask or a blended mode image of a dark sky with stars, and maybe the moon. He also mentioned that if I wanted to keep the composition of the image, I could have the word “Capture the beauty” in the camera and the word “Nature” behind the trees, meaning between the trees and the mountain. Other than that, the shape and manipulation is good. 


REFLECTIONS

Experience
This project allowed me to explore ideas for creating a poster that is creative and looking for references has been very helpful.

Observations
I observed that it is important to match the text with the image. Design is not just about picture, it's about conveying the message. 

Findings
I found that editing in Photoshop has become easier for me now compared to a few months ago, as I am more familiar with the tools.  

Comments

Popular Posts