4 November 2024- 25 November 2024 (Week 7-10)
Chika Clarissa Widjaja / 0378636
Illustration & Visual Narrative / Bachelors Of Design (Creative Media) /
Taylor's University
Task 3: Illustrated Typography Poster
TABLE OF CONTENTS
1. LECTURES
2. INSTRUCTIONS
3. RESEARCH & IDEATION
4. DIGITALIZATION
6. RATIONALE
LECTURES
Week 7 (6/11/2024)
Figure 1.1 Intertwine, 3D & Materials
On week 7, Mr Hafiz taught us a few Illustrator techniques:
- Intertwine: overlaps and underlaps elements with each other.
- Clipping Mask: for texture or image fill within the text.
- 3D Effects: Apply depth, materials, and lighting for a dimensional look.
- Warping: Experiment with distortions, meshes, and top-shape warping to alter text shapes.
Notes that Mr. Hafiz said in class:
- Come up/Find your own quote
- Portrait, A4
- Can use ur own font
- Illustrated in adobe illustrator (not just any quote you type)
- Must manipulate it so it becomes part of the composition
- Illustrated type vector (the key word in pinterest)
- Has depth (some in the foreground background)
- Has weight by applying light or darker shadow
- Grading comes from amount or illustrator quality and quantity of your work, font has to have quite a lot of editing
- Submit research reference, final
- DUE WEEK 10
- Joint submission (IVN and DPI)
- Background is gonna help, gonna make it nice
- Grade based on how much u apply concept, method that we have learned in class, and technical ability)
- Refer to google classroom videos in exercises (Illustrated typography)
- Have perspective
Week 8 (13/11/2024)
Independent Learning Week
Week 9 (20/11/2024)
Mr. Hafiz told us we can stay back if we need any feedback, but if not we can go back.
Week 10 (27/11/2024)
No class
INSTRUCTIONS
<iframe
src="https://drive.google.com/file/d/1rxoK_XgwaHhK0s5uO3JyYb_ttnf9d3Y1/preview"
width="640" height="480" allow="autoplay"></iframe>
RESEARCH & IDEATION
David Carson
My quote is "Art has no rules, only endless possibilities. " I wanted to
give a message where
art is a space where you can express creativity and expression. Unlike
other fields with strict rules and formulas, art allows people to explore
and communicate ideas in limitless ways. Because of that, I figured David
Carson's work would be suitable, so I start to research.
David Carson is a well-known graphic designer and art director recognized
for his groundbreaking work in the 1990s. His unique, experimental style
reshaped the graphic design landscape in America. As the art director
for Ray Gun magazine, Carson introduced innovative
typography and striking layouts that set his work apart. He is often
referred to as the "godfather" of grunge typography, a style he frequently
used in his magazine, challenging traditional design norms with its raw,
unpolished look.
Source:
https://www.famousgraphicdesigners.org/david-carson#:~:text=David%20Carson%20is%20a%20prominent,innovative%20typographies%20and%20distinct%20layouts.
Figure 3. 1 David Carson
David Carson’s work really inspired my design, especially when it comes to
how I used typography and mixed materials. He’s known for breaking the rules
of traditional design by using rough, fragmented text and creating layouts
that feel chaotic but still balanced in their own way. Like Carson, Im
planning to use a variety of fonts, textures, and shapes to make my design
feel alive and energetic. The way I layered the letters, added different
textures, and played with overlapping elements is inspired by his style of
pushing the boundaries of what typography can do. Carson’s work showed me
that design doesn’t always have to follow the rules, but it can be about
creating something that feels , real, and full of possibilities, just what
Im going to do with my project.
DIGITALIZATION
Art & has
Font: Fjalla One Regular
For the word "Art" and "Has", I used the pen tool to create an imperfect
rectangle to put below the word "Art" and "Has" and colored it pink.
Then, I added a 'Grain' effect to add some texture.
Figure 4.1 Making of the word "Art"
Font: Bebas Neue
Making the letter N was pretty simple. I used the pen tool to create a
shredded paper effect and created two rectangles (brown and white) and
placed it on top of each other, and adding a 'Texturizer' on
the brown rectangle.
Figure 4.2 Making of the letter "N"
Font: Righteous
For the base, I created a shape using the pen tool and placed it on top of a
newspaper element that I downloaded from google. Then, I used
clipping mask to fill out the shape. For the letter O itself, I
created 3 different colors and stack them together to create a brown
outline. I chose brown so it's still in the same color palette as the
newspaper and blend in well together.
Figure 4.3 Making of the letter "O"
Letter R
Font: Fjalla One
I took a gradient color from Pinterest and used clipping mask. To make it a
little bit more not boring, I created an outline using black and white "R"
and placed it below the letter "R".
Figure 4.4 Making of the letter "R"
Font: Lalezar
I decided to use the Extrude & Bevel (Extrude) option for the
letter "U" to be 3D and added the effect 'sponge'. I figured a purple
background with a yellow-orange color would look good together because it
has a warm and cool balance. Yellow is warm, while purple is cool toned.
Together, these colors feel dynamic yet harmonious.
Figure 4.5 Making of the letter "U"
Font: Racing sans one
The same method of a paper shredded like effect was used. I used clipping
mask to put the teal textured element inside the shape that i created using
the pen tool. Then i added a white textured element behind the text and teal
element.
Figure 4.6 Making of the letter "E"
Font: Viva sans
This time, I decided to warp the word ‘only.’ To do this, I created an
ellipse shape and placed it on top of the word. Then, I used the 'Envelope Distort'
tool and selected ‘make with top object.’ Although the effect wasn’t very
prominent, that was intentional, as ‘only’ wasn’t the word I wanted to
emphasize. This is also why I didn’t separate each letter to create the
word.
Figure 4.7 Making of the word "only"
Font: Hammersmith one
I duplicated the letter L and use it as a shadow to place behind it, and
added a blue shredded paper element, and a grain effect on the letter.
Figure 4.8 Making of the letter "L"
Font: Koulen Regular
For the letter S, I added a grain effect on the purple-ish background
and a texturizer effect on the letter itself.
Figure 4.9 Making of the letter "S"
Font: Rosario Semi Bold
Since the letter E is a bit boring, I created an outline on the letter
and used my pencil tool to add sharp edges to the letter. Next, I
added a craquelure effect on the letter's platform.
Figure 4.10 Making of the letter "E"
Font: Righteous Regular
The letter n is simple. I layered a black and dark grey element that i
created using the pen tool and added a texturizer effect. For the letter
itself, I added a grain effect. The reason why i chose the color red and
black is its very contrasting since red is vibrant and black is a dark
color.
Figure 4.11 Making of the letter "n"
Font: Fjalla One Regular
I added an extra tail at the top and bottom part of the letter B by
making an outline and using the pencil tool to draw it out. The platform
behind the letter has a 'Diffuse Glow' effect. I used these
colors because blue and orange are complementary colors and looks good
together.
Figure 4.12 Making of the letter "D"
Font: Arial Narrow Bold
I traced a shape using the pen tool and added the 'Smudge Stick'
effect. For the letter, i used a baby blue color and 'Diffuse Glow'
effect.
Figure 4.13 Making of the letter "L"
Font: Rosario Semi Bold
First, I placed a duplicate of the letter underneath it, but its
colored white. Then i used the Extrude and Bevel (plane) and
played around with the custom rotation to the way I want it to look. Not
forgetting to add a dark grey platform behind the letter.
Figure 4.14 Making of the letter "E"
Font: Amiko Bold
Since I already used the extrude and plane effect in 3D & Materials,
I decided experiment using the inflate effect by decreasing the
depth, etc.
Figure 4.15 Making of the letter "s"
Font: Coming soon Regular
For the second letter S, I chose a font that mimics a handwritting so it
could look diverse with the other fonts. At first, the font was too
contrast and too black, So i decided to change the color to grey but
still maintaining the shade black. Then i added a yellow and white with
texturizer affect background.
Figure 4.16 Making of the letter "S"
Font: Tilt Warp Regular
I added tracking in the font using the option key and arrow to distance
the word as it was too close. Finally, i used the splatter effect on the
blue rectangle. I chose these colors together because the pastel tones
of both colors create a gentle contrast. Baby pink is warm, while
purple-blue has cool undertones. This subtle play between warmth and
coolness makes the combination feel balanced and visually
appealing.
Figure 4.17 Making of the word "possibilities"
Final Outcome
I rearranged the letters to form a complete sentence. I twisted and
rotated the letters, layering them on top of each other. I made "No Rules"
and "Endless" larger than the other words to emphasize them and ensure
they catch the viewer's attention first. For the rest of the composition,
I created a visual flow to guide the viewer's reading path, starting with
the word "Art" and ending with "Possibilities."
Figure 4.18 Final Outcome Illustrated Typography
Figure 4.19 Final Poster Outcome
RATIONALE
Figure 6.1 Rationale
REFLECTION
In this project, I learned that art can be free and open to many possibilities, just like the message in the design. I explored different tools in Adobe Illustrator to create a fun and bold piece. The 3D and materials tools, like plane, extrude, and inflate, helped me add depth and make the letters stand out. I used the clipping mask to add textures, such as newspaper pieces, which gave the artwork a handmade, layered look. Effects like texturizer, grain, and diffuse glow added rough and interesting textures, while envelope distort allowed me to reshape the letters to make them look more playful. The pencil tool was great for adding extra details and shapes to the letters, making the design more creative.
One of the challenges I faced was making the design feel messy but still clear enough to read. Since the theme was about breaking rules, I wanted the piece to look chaotic while keeping the message easy to understand. Learning to use the 3D tools took some time because aligning the shapes and materials was tricky at first, but after experimenting, I got it to work how I wanted.
Overall, this project taught me how to use Adobe Illustrator in a more creative way and how to combine different tools and effects to bring a concept to life. It was a good reminder that design doesn’t have to be perfect to be effective, and sometimes, breaking the rules can lead to more interesting results.
Figure 6.1 Rationale
Comments
Post a Comment