Illustrated Typography Poster (Project IVN & DPI)

Justin Cleon (0375523)                   7 Nov 2024 - 28/29 Nov 2024 (Week 7 - Week 10)

|| Poster Design

---

Table of Contects

1. Lectures

2. Task 3 - Illustrated Typography Poster

3. Reflection

---

1. Lectures

Lecture : Intertwine, Clipping Mask, Shadow, & 3D Shape

Figure 2.1 Intertwine, Clipping Mask, & Shadow

Intertwine

• Enter Isolation Mode (double-click on the group)

• Select Foreground and Midground Objects (use the shift key)

• Apply Intertwine: Go to Object > Intertwine > Make

• Adjust the intertwine on the specific areas you want to appear

Clipping Mask

• Place the background: Ctrl + X (to hide), Ctrl + B (to release)

• Place the shape above

• Create a Compound Path (if needed): If you are using multiple shapes as the mask, select the shapes and go to Object > Compound Path > Make

• Create the Clipping Mask: Select both shape and the background. Then, right-click and choose Make Clipping Mask

Shadow

• Object > Expand Appearance (2x)

• Pathfinder > Combine Shape

• Apply Gradient

• Knife Tool to Cut Gradient Stops

3D Shape

• Go to Window > 3D & Materials

• Apply 3D Effects

• Apply 3D Properties

• Apply materials (to add textures or finishes) and lighting (to create shadows, highlights, and depth for a more realistic look)

Lecture : Envelope Distort & Pencil Tool

Figure 2.2 Envelope Distort

Envelope Distort

• Create the Outline of the Letter: Go to Type > Create Outlines (Shift + Ctrl/Cmd + O)

• Arrange the Letter (Ctrl/Cmd + Shift + [)

• Select Both Objects

• Apply Envelope Distort: Go to Object > Envelope Distort > Make with Top Object

Figure 2.3 Pencil Tool

Pencil Tool

• Select the Pencil Tool (N)

• Draw with the Pencil Tool

• Adjust with the Direct Selection Tool (A)

---

2. Task 3 - Illustrated Typography Poster

Research

Figure 2.1 Source: Pinterest

I started by searching for examples of the given words using Pinterest, Google, and some websites to help me get a better idea. 

Sketches

Figure 2.2 Sketches

For the Illustrated Typography Poster, I want to create a design using a clipping mask. My rough sketches are quite messy, so I can't explain much through them. Once I digitize the sketches, I'll be able to explain better and provide images to illustrate what I mean.

Digitilization of Sketches

Figure 2.3 Digitilization of Sketches

#1 For the first one, I created an outline text effect on the words "Live Each Day With." So I can move the text, and it appears as a stroke when placed over a subject.

#2 For the second one, I created the word "Purpose" using a clipping mask.

#3 & #4 For the third and final one, I added decorations such as wallpaper, shapes, and lines while creating a key for the word "Purpose" to make the meaning clearer.

Final Outcome

So here is the result:

Figure 2.3 Final of Illustrated Typography Poster

---

3. Reflection

For this project, IVN & DPI (Illustrated Typography Poster) is quite so fun because this is the first project to collaborate with another module. Although I had some trouble when I was making an outline text for the words "Live Each Day With". However, I did make it and I was quite satisfied with my result for Illustrated Typography Poster.

---

---