IVN Task 3
4/10/2024 - 29/10/2024 (Week 7 - Week 10)
Lim Yeng San (0366316)
Illustration and Visual Narrative / Bachelor of Design (Hons) in Creative Media / Taylors University
Task 3
TABLE OF CONTENTS
1. Lectures
2. Instructions
3. Process Work
- Research
- Typography
- Final Outcome
4. Reflection
1. LECTURES
Week 7
We were given a briefing for the third assignment. We also practiced distorting words into images.
Envelope Distort
1. Draw the shape using the pen tool
 |
| Fig 1.1: The fish shape |
2. Cut out a shape in the middle of the fish
3. Type out "Fish" and place the text layer under the cut-out shape
4. Select both "Fish" and the cut-out shape
5. Object > Envelope Distort > Make with top object
 |
| Fig 1.2: The words combined with the image |
6. Duplicate the tail of the fish
7. Insert a scale pattern image
 |
| Fig 1.3: The scale pattern |
8. Use the magic wand tool to remove the background and turn the scale pattern white
9. Move the scale pattern layer under the duplicated tail layer
10. Select the scale pattern and the duplicated tail
11. Object > Envelope Distort > Make with top object
12. Adjust the scale pattern to fit with the tail shape
 |
| Fig 1.4: The fish image with scales |
13. Use the eclipse tool to make a white circle
14. Right click the circle
15. Transform > Scale > Uniform: 80% > Copy
16. Change the smaller circle's colour
 |
| Fig 1.5: The completed fish |
Week 8
We worked on the assignment during Independent Learning Week.
Week 9
We continued working on Task 3
Week 10
We finalized our typography for the poster.
2. INSTRUCTIONS
Fig 2.1: The module information for IVN
3. PROCESS WORK
a) Research
I started the project by researching quotes to use and design. I chose some quotes from USA Today and visual examples from Pinterest.
"It takes courage to grow up and become who you really are." — E.E. Cummings
"It is during our darkest moments that we must focus to see the light." — Aristotle
"Try to be a rainbow in someone's cloud." — Maya Angelou
 |
| Fig 3.1: Visual quote references from Pinterest |
Taken from Pinterest:
It took me a while to choose a quote to design so I drew poster ideas for the quotes which I felt were suitable to be conveyed visually with typography.
 |
| Fig 3.2: Early sketches |
After brainstorming, I decided to use the first sketch and quote.
"It is during our darkest moments that we must focus to see the light." — Aristotle
To get a clearer view of my vision for the typography, I looked at an image reference from Pinterest.
I then redrew the sketch to make the text more readable by writing it leaning left on the top and leaning right on the bottom.
 |
| Fig 3.4: The updated sketch |
I also drew a rough sketch digitally on Adobe Photoshop to see how the colours would work out.
 |
| Fig 3.5: The digital sketch |
I made another sketch after taking the photo
 |
| Fig 3.6: The photo sketch |
I then updated the sketch with more stylized typography
 |
| Fig 3.7: The updated photo sketch |
TYPOGRAPHY
After completing the photography elements of the poster, I worked on arranging the typography in Adobe Illustrator.
 |
| Fig 3.8: The photo |
I separated the quote into two parts, the dark part, "It is during our darkest moments" and the light part, "that we must focus on the light".
For the dark part, I placed it on the dark corner of the image to present the meaning of "darkest moments". I gave emphasis to "darkest moments" by italicizing them and making the words larger.
 |
| Fig 3.9: Progress on the dark part of the quote |
I duplicated "darkest moments", changed it to darker colour and placed it over the lighter words to create the effect of light hitting the bottom of the words.
 |
| Fig 3.10: Continued progress on the dark part of the quote |
For the light part of the quote, I placed it on the white part of the photo to better show the meaning of "light". I gave emphasis to the words "focus" and "light" by italicizing "focus" and increasing their size. I arranged "light" to be read vertically downwards to create an imaginary line for the viewer's eye to follow when they look at the poster.
 |
| Fig 3.11: The light part of the quote |
FINAL OUTCOME
 |
| Fig 3.12: The final poster |
4. REFLECTION
Combining typography with photography really adds meaning to both elements. Going back and forth between the typography and the photo was stressful but I am glad I was able to come up with a poster that fit my expectations.
Comments
Post a Comment