Figure 3.4: Initial sketches (18/11/24).
This sketches have been approved by Mr. Fauzi and was suggested the second one, but Mr. Hafiz suggested me otherwise. He said the second one
used up too many text and he said it's better to focus on one
particular text. After that, I revised my sketch based on the
first one to match the images I had before because I used the
photos I took a year before, not a newly taken photo.
|
|
Figure 3.5: Revised sketch (18/11/24).
|
I went to Google
Fonts and find what sans-serif fonts that I'm going to use, but I didn't
find anything appealing. So, I asked Mr. Hafiz and he said its ok to find
the fonts from
Dafont. I searched in dafont and found a typeface called
Dream Orphans which suits my style.
|
|
Figure 3.6: Choosing fonts (18/11/24).
|
|
➼ Illustration Process
I tried inserting the text to the image and then stretched it a bit, because I found the font too condensed. After setting all up, I began creating outlines for the whole text to start the illustration process.
 |
| Figure 3.7: Initial process (19/11/24). |
|
I started the illustration by using the curvature tool, but first I had to remove some anchor points of the letters so I could control the curves of the letters easier. I wanted the end of the s to shape like a leaf, and I didn't realize I wrote '
simple treasures' instead of '
simple pleasures'.
 |
| Figure 3.8: Curvature tool (19/11/24). |
|
Then I applied a text clipping mask technique that has been taught before in Mr. Hafiz's lecture into the word '
treasures', I used a wood material to represent a treasure box which is made of wood.
All of my illustrated letters are created with the same way as the step above, and for the same letters I only copied from the one that has been illustrated to maintain consistency, maybe some minor tweaks if really needed. Most of my letters have organic curves to it, this is to align well with the poster image.
 |
| Figure 3.9: Clipping mask and more curvature (19/11/24). |
|
Unfortunately, I didn't save my file by accident, so I had to do it all over again. I used the same process as before, but the design is quite different from above. However it still maintain the same characteristics.
 |
| Figure 3.10: Repeated process (20/11/24). |
|
I experimented with envelope distort to the word '
simplest pleasures' to replicate the seashore waves in the image. Here's how it look like before I illustrated it.
 |
| Figure 3.11: Envelope distort experiment (20/11/24). |
|
I also tried that method to other groups of words, and I removed the envelope distort for '
simplest pleasures' as it looks bad in my opinion.
 |
| Figure 3.12: Envelope distort to other words (20/11/24). |
|
Now, I tried using intertwine for my supporting text as we had learned this during the practical session with Mr. Hafiz. I found this technique quite interesting, because it could add some depth to the text without making the text look cheap like the envelope distort I used on '
simplest pleasures' before.
 |
| Figure 3.13: Intertwine experiment (25/11/24). |
|
I asked Mr. Hafiz for feedback during this stage:
 |
| Figure 3.14: Illustrated typography poster, before feedback (26/11/24). |
|
Mr. Hafiz said the layout looks cluttered, because there's a space in between the 2 top lines and the bottom 3 lines which breaks the flow. He suggested me to bring the text closer together and make it bigger to appear more prominent.
Alternatively, he suggested that I could get the quote to intertwine with the image or layer it in between the foreground & background. Based on these two suggestions, I decided to go with the first one first.
I removed the clipping mask and the intertwined effects to keep it simple, duplicated the whole text and make it have a slight trail effect to replicate the words are flowing through the scenery, also made all the text has the same white color but darkened the background to improve readability because I don't want any distracting elements. This is to emphasize more on the realistic concept I made.
 |
| Figure 3.15: Illustrated typography poster, after first feedback (27/11/24). |
|
I sent it to Mr. Hafiz again, and he said the word '
treasures' is already good because it seems like it is attached to the tree branch, which means it appears more connected with the image rather than just a text overlayed above. Mr. Hafiz suggested me to use this method with other words too.
As for the word 'simplest', he said I could make it to be a wave. Again, this is so that the image and the word could relate. Based on these feedbacks, I tried to use envelope distort again so the word could look like it's sitting on the background's rock. Then, I illustrated some letters of 'simplest pleasures', making it thin to further emphasize simplicity. Also, I made some minor tweaks of the word placements along with some refinements so that it appear more connected with the image.
 |
| Figure 3.16: Illustrating text process (27/11/24). |
|
This is the finalized poster along with the progression board:
 |
| Figure 3.17: Progression board (28/11/24). |
 |
| Figure 3.18: Final Illustrated typography poster (28/11/24). |
|
III. REFLECTIONS
It's halfway through the semester, and we are already in the second-to-last task. We have learnt a lot and mastered a few techniques in Illustrator up until now, but I realized that the most important thing in this module is about the concept behind our work, rather than showing our design using every fancy techniques (extrude & bevels, clipping mask, etc.) that have been taught.
With a clear concept, the design could communicate to the viewers effectively regardless of the techniques used. At the end, these tools are only to help me in doing what I really wanted, it's not a compulsory thing to do if my concept doesn't actually need that particular tool, the foundation is the one that truly sets a design apart.
Moving forward, I hope to create designs that could resonate with the viewers deeply, and this is also one of the purpose of designing. Combining Digital Photography & Imaging in this task makes it much more exciting because we had the adapt to the image we created, ensuring the text having harmony with it, resulting in a truly cohesive design.
Comments
Post a Comment