Task 3: Illustrated Typography Poster

 3/11/2024 - 28/11/2024 Week 7-Week 10

Komugi Uchibori / 0363900

Illustration and Visual Narrative / Bachelor of Design (Hons) in Creative Media

Task 3: Illustrated Typography Poster


Lecture, Practical & Tutorial

I learned how to create typography using intertwin, 3D effects, cripping masks, and envelope distortion in the lectures. After that, I tried to use them with my name, numbers, and the word "fish." Here's the practical work during classes:





Note:
object intertwin
ctrl y = view line n direct selection
object path = make it smooth
create outline compound path arrange it, and send it back (pattern) gripping mask

Task 3: Illustrated Typography Poster
  • Searching
At first, I searched around the typography design and poster on Pinterest. My quote is "Music controls the gravity of my emotions." So I focused on the words music, gravity, and emotions for the typographical design. Plus, I looked into Paula Scher, who is a famous designer, and I got some inspiration from some of her work.(https://www.pentagram.com/ )

fig.1 Searching Pinterest

fig.2 Paula Scher's work

  • Sketch
My quote has 7 words, so I separated them when I designed typography, considering layout for DPI. I have a few ideas at this stage, one is that the word "music" is transformed into notes. Another is likening to music player, outer space, jumping letters, and so on. After showing my sketch, the teacher gave me advice that the word music being effected by the word gravity would be good, so I added my ideas and combined them. Here's my sketch:

fig.3 sketch

fig.4 sketch

fig.5 sketch after getting advice

  • Process
Before beginning to create posters, I explore the composition using a poster I made for DPI. I chose the one on the bottom right as a base and started designing typography. Using Illutrator.

fig.6 Composition Layouts


As for the "music," I designed it like notes, using the way to envelop distortion, direct selection, and curvature. After creating two ellipses, I separated us and ic for each circle part of the note and used envelope division. When I do this, I change the letter size to balance out. M is for the upper part. The original letter of M's center part is lower, so I adjusted to upper using the direct selection tool. The connection between us, ic and M, is also weired and not connected, so I adjusted by curature.

fig.7 Design Music


Next, I designed the minor words "the" and "my." Considering a composition base I made, it should come with another word "control" and "emotion." However, as I explored, I wanted to change it. I made "the" condensed with direct selection because it is not an important word, and I didn't want it to occupy space. As for "my," I made down part of y longer to express shedding tears, which is one of emotions. 

fig.8 Design the & my


There are many kinds of emotions, so I expressed them by painting with different shapes like zigzag and curv. The word "emotion" has two "o."  I use a bigger "o" instead of using two "o." 

fig.9 Design emotions


I associated the word "gravity" with the moment things fall. Therefore, I made it different in size and direction while floating and falling. Only g has a curvy and white part inside the circle part to highlight its letter.

fig.10 Design gravity


As for the "controls and "of," I used original typeface without any change except painting "o" with white in controls. After designing all letters, I decided the final composition for the part "controls the" and "of emotion." The poster has empty space on the bottom left, so I filled the space with words to balance out, like block.

fig.11 composition like block

  • Final work only typography
fig.12 Final typography

  • Final Poster
fig.13 Final poster

Reflection

Desining letters based on daily quotes was fun for me because I could think of the background or various ways of expression and then apply it to a visual poster. When I finished this poster, I was moved by the sense of accomplishment from creating the poster by myself. Also, final work is different from compostion layout with improvement. Actually, I struggled with compose, and there might be a better wayout, but I did my best. I thought about mixing 2D and 3D, but it felt off, so I decided to stick with 2D this time. However, I would like to try it once my skills improve more.

Comments

Post a Comment

Popular posts from this blog

Advanced Typography: Task 2 Key Artwork & Collateral

Image
19 /5/2025 - 17/6/2025 Week 4 - Week 9 Komugi Uchibori / 0363900 Advanced typography / Bachelor of Design (Hons) in Creative Media Task 2 Key Artwork & Collatereal TABLE OF CONTENT LECTURE INSTRUCTION TASK 2 - Key Artwork & Collateral Final Compilation FEEDBACK REFLECTION FURTHER READING LECTURE Week 5 - Perception & Organization Perception in typography: deals with the visual navigation and interpretation of the reader via contrast, formthe organization of the content. Fig.1-1 Contrast Contrast: adds two more principles into the mix—texture and direction. Dair posits 7 kinds of contrast size weight contrast of form contrast of structure contrast of texture contrast of colour contrast of direction Fig.1-2 Contrast of size Size: provides a point to which the reader's attention is drawn, such as the use of the size in making a title or heading bigger or smaller. Fig.1-3 Contrast of Weight Weight: How the bold type can stand out in the middle of lighter type of the same ...
Read more

Advanced Typography: Task 1 Exercises

Image
22 /4/2025 - 13/5/2025 Week 1 - Week4 Komugi Uchibori / 0363900 Advanced typography/Bachelor of Design (Hons) in Creative Media Task 1 Exercises TABLE OF CONTENT LECTURE INSTRUCTION TASK 1 Task 1 Complition FEEDBACK REFLECTION FURTHER READING LECTURE Week 1 - Typographic systems Fig.1-1 Typpographic systems Typographic systems Axial:  All elements are organized to the left or right of a single axis. Radial: All elements are extended from a point of focus. Dilatational: All elements expand from a central point in a circular fashion. Random: Elements appear to have no specific pattern or relationship. Grid: A system of vertical and horizontal division. Transitional: An informal system of layered banding. Banding means segregating information within bands. Modular: A series of non-objective elements that are constructed as a standardized unit. Bilateral : All text is arranged symmetrically on a single axis. Week 2 - Typographic Composition Typographic Composition Fig.1-2 Typographi...
Read more

Video and Sound production: Exercises

Image
21 /4/2025 - 27/7/2025 Week 1 - Week14 Komugi Uchibori / 0363900 Video and Sound production / Bachelor of Design (Hons) in Creative Media Exercises TABLE OF CONTENTS MBI Week 1 Week 2 Week 3 Week 4 Week 5 Week 6-7 Week 8 Week 9 Week 10 Week 11-14 ! Asynchronous class materials and Exercie included in Week sections ! MBI Week 1  Asynchronous class materials:  Shot size Fig.1-1 Shot size Fig.1-2 Extream Long Shot Extream Long shot (Extream Wide Shot): make your subject appear small against their location. Also making the subject feel overwhelmed by its location, emphasizing the location or isolation. Fig.1-3 The Long Shot The Long  Shot (wide shot): refers that If the subject is a person, then his or her whole body will be in view — but not filling the shot. There should be a grate deal of space above and below the subject. Fig.1-4 Full Shot Full Shot: capture the entire subject from head to toe filling the bottom of the frame to the top of the frame while keeping emp...
Read more