ADVANCED TYPOGRAPHY- TASK 2
Week 5(29/9/22) to Week 9 (26/10/22)
Student: Tai Ser Yeet
(0345798)
Programme: Bachelor of Design (Honours) in Creative Media
Task:
Task 2-Key Artwork & Collateral
WEEK 6
PRE-RECORDED LECTURE
All lecture notes until Ad_Typo are under TASK 1's post.
INSTRUCTIONS
Fig 1.1 Image Citations, Week 5 (28/9/22)
TASK 2A: KEY ARTWORK
SUBHEADING
- Monogram- Can use initials e.g S.Y. Tai
- YSL & CK (Calvin Klein) is a monogram
- Use either initial, first name( Ser Yeet), pet name (Yeet)
- it shouldn't be complicated or confusing
- Outcomes from Task 3A will be used for Task 3B
- Can use other fonts from 10 downloaded typefaces
- Using text alone is not enough; you can add minor graphical elements & also customize the typeface because if not, anyone can just type out your monogram
- No color/ only B&W
- Have to use Illustrator because it has to be resized (vector-based not pixel-based)
- What's the most prominent feature of yourself?
- What is something that best reflects who you are as a person?
- You could also extract letters from your face structure just as a trial
- Could study the earliest forms of visual communication
- @worldoftype Instagram & @typegoodness for Key Artwork
- have 9 artwork & the social media page must be done before Week 9
WEEK 5- RESEARCHING
|
|
Fig 1.2 Design Rules, Week 5(28/9/22) |
- Use the same compositional design principles to create the monogram.
|
|
|
|
- The aim is to include as little detail as possible & think of the basic skeleton of the monogram
|
|
|
|
- Do not only use Roman Letters because that would not give variety. Instead, use other type styles such as italics, scripts(cursive), etc.
- We could even use lowercase but because names are always capitalized, it will look odd & in my opinion, unprofessional.
- We can mix different types of styles together.
|
|
|
Fig 1.2.3 Design Methods, Week 5(28/9/22) |
- We can modify the proportions of the typeface in order to fit into a certain design but just keep in mind the legibility.
- Option to also make the monogram readable even when it is turned sideways or upside down. This gives more power to it.
- Initials can come together to form an icon such as if you are a butcher, then the letters could form a knife.
|
|
|
Fig 1.2.4 Design Ornaments, Week 5(28/9/22) |
- Do not use ornaments to cover up a mediocre monogram. Instead, look into the body of the monogram & perfect the composition before adding any details.
- The patterns may look a bit much but sometimes it compliments the design so still okay.
- Look into the purpose of using ornaments before incorporating them.
- The goal here is a hierarchy of info- so we can do it by playing with the color contrast. The monogram at the center is clearly the subject of focus whereas the side elements are there to frame it; not to distract the attention away from it.
- Spice up the letters by adding serifs, patterns, strokes, hash fills, etc. But do not go too far
- We can try to interlock the letters of the monogram.
- Curlicues, crowns, shields, swords, and more could be used to fill negative spaces.
WEEK 5- INSPIRATION
|
|
|
Fig 1.3 Inspiration 1, Week 5(28/9/22) |
WEEK 6-
From my research process, I had come to realize my liking for scripts and swashy letterings. The royalty and luxurious feeling of the style reminded me of the show I used to watch and loved which was the Netflix Series: The Crown. For context, the show portrays the lives of the British royal family but mostly, revolves around Queen Elizabeth's time as a sovereign of the United Kingdom. Eventually, I decided to use the show as a reference in creating my monogram.
SKETCHES
|
|
|
Fig 1.4 Reference Picture of Script Letterings, Week 6, Helena
Ohman (5/10/22) |
|
|
|
Fig 1.4.2 Sketches, Week 6 (5/10/22) |
ATTEMPT 1
I created a fancy "E", duplicated it and overlapped the reflected other half to form this unique shape that resembles a royal sceptre. Then I modified an existing "Y" with a serif typeface and thin the strokes to maintain consistency with the "E"s, later placing it right at the vertical axis of the structure.
|
|
|
Fig 1.5 Digitalised Work 1, Week 6 (5/10/22) |
For the final letter "T", I did the same method used for the letter "Y"
but also making the serif very thin. I placed it a few centimeters below
the crotch of the "Y".
|
|
|
Fig 1.5.2 Digitalised Work 1, Week 6 (5/10/22) |
|
|
|
Fig 1.5.4 Tracing the Letterings, Week 6 (5/10/22) |
WEEK 7-
|
|
| Fig 1.6.6 Minion Pro From Regular to Italics to Swash Style (Wikipedia), Week 7 (5/10/22) |
|
|
|
Fig 1.6.7 Flamboyant Swashes Week 7 (5/10/22) |
Thinking about what Mr.Vinod said in class about incorporating something that best represents you, my rationale for choosing this piece of work is also aligned with something from home. For context, because my father generally adored vintage & antique-styles materials, he had based the furniture, flooring & cabinets on a specific theme. The theme included warm brown tones of color and furniture with swashed patterns, curved forms & arches. After living in that environment for all my life, the choice of style eventually rubbed off on me & I began to develop a liking towards that as well.
|
|
|
|
|
|
|
|
ANIMATED MONOGRAM
The first idea goes like this: The three dots from the end of the swashes will appear first and slowly reveal the TSY then the stars will reveal in a similar way. The moon would come in from the bottom left side and finally, the cane stick from the top sticking its way through the center of the monogram.
The second idea would be: The direction of the animation would start from right to left. The Y would begin by outlining itself, followed by the S and T. After that, it would fill itself in with the black color. The moon from the left side would fly in and clash with the TSY and lastly, the cane would stick right through the middle.
|
|
|
Fig 1.8 Separating Different Parts In Different Layers, Week
8 (17/10/22) |
|
|
|
Fig 1.8.4 Playing with the Keyframes, Week 8
(17/10/22) |
|
|
|
Fig 1.8.5 Adjusting the Speed, Week 8 (17/10/22) |
|
|
|
Fig 1.8.6 Setting Keyframes for Graphical Elements, Week 8
(17/10/22) |
FINAL SUBMISSION OF TASK 2A : KEY ARTWORK
|
|
Fig 1.9 Final Submission of Task 2A-Key Artwork, Week 8
(17/10/22) |
Fig 1.9.3 Final Submission of Task 2A, PDF, Week 8 (17/10/22) |
COLOR SCHEME
I was heavily inspired by the gel manicure nails I did before
school started. For some reason, I always loved bold and heavy
patterns hence, my nails were painted royal blue at the tips.
Maybe it is the desire to stand out or be different from the rest?
I am not certain. Anyhow, below is evidence of my love for
the color.
FEEDBACK BY MR.VINOD
The two pieces of advice that stuck with me during Week 9's
feedback to my peers were :
PATTERNS
To create patterns to be used on my collaterals, I extracted
certain graphical elements that I saw potential in being repeated
instead of getting it from the actual letterform. The elements I got were the the swash, moon as well as the cane stick as seen in Fig 2.2.1.
COLLATERAL #1
Because my plan for collaterals was to have items made from leather, I went onto Freepik and found a leather briefcase just as a test run to see how my monogram would look like on it. For some reason, I found it rather weird and unnatural, as though it was not embossed into the leather. Perhaps it was just that I looked at it for a very long time. Anyhow, I went to experiment with a different mockup instead.
COLLATERAL #2
For this piece of work, I chose a business card. Inserting my monogram in the mockup was easy as everything is labelled properly for the user. After making this, one of my peers told me that Mr. Vinod rejected the idea of using business cards as one of the collaterals as the whole point of Tasl 3B was to build a personalised identity for an individual and not for a brand.
|
|
|
Fig 2.3.3 Minor Adjustments to Monogram, Week 9
(24/10/22) |
I went back and fixed the curvature of the cane stick as it looked rather uneven. I achieved the eveness by overlapping a circle and a square to form this curved door shape. After that the offset path function was used to add the inner stroke. The shape was then filled in with color, making sure to leave the counterspace unfilled.
|
|
|
Fig 2.3.4 Minor Adjustments to Monogram, Week 9
(24/10/22) |
EXPANSION #1
To create my first expansion, I used the fourth pattern made from the swash of the letter Y (See Fig 2.2.5) and placed it over a blue background. After that, the opacity of the pattern is reduced to about half which created an illusion as though it is far behind the monogram. And you guessed it, the monogram which was colored in Beige, was then placed right smack in the center of the post. I also did a similar expansion post but with the color red from my color pallette.
|
|
|
Fig 2.3.5 Different Colored Monograms, Week 9 (24/10/22) |
|
|
|
Fig 2.3.6 Adding the Pattern, Week 9 (24/10/22) |
COLLATERAL #3 (BOOKMARK)
Again, the fourth pattern was overlayed on the tag with a reduced opacity to avoid taking the attention away fromthe monogram which would later be placed on the center.

Fig 2.3.7 Bookmark Progress, Week 9 (24/10/22)
COLLATERAL #4 (POSTAGE STAMP)
I wanted to have a stamp as a collateral as I felt that it was in line with the stationary theme I was going for. Not to mention, since I had planned to incorporate a notebook into my collateral, the stamp could be an accessory to it.
COLLATERAL #5 (NOTEBOOK)
I first made selections to the spine and over of the book as those where the areas that I wanted the color to change according to my color pallette. Next, I masked out the area and create a solid color layer. After that, the masked layer was merged with the solid color layer and the job was almost done. Lastly, to allow for the book texture to peak through, I decrease the opacity of the masked layer as well as selecting a blend option to it.
|
|
|
Fig 2.4.1 Adding Pattern to the Notebook, Week 9 (24/10/22) |
|
|
|
Fig 2.4.2 Notebook Progress, Week 9 (24/10/22) |
COLLATERAL #6 (SELF-PORTRAIT)
| Fig 2.5.4 Items With a Dark Blue Color, Week 9 (24/10/22) I had forgotten to mask out an area on the real me so I went area and used the Pen tool to outline the area and made a selection. |
|
|
|
Fig 2.5.3 Adding a Pattern, Week 9 (24/10/22) |
FINAL SUBMISSION OF TASK 2B: KEY COLLATERAL
|
|
|
|
|
|
|
|
|
Fig 2.5.7 Collateral, Week 9 (24/10/22) |
|
|
|
|
| Fig 2.6.5 Collateral, Week 9, PDF, (24/10/22) |
| Fig 2.6.7 Collateral, Week 9, PDF, (24/10/22) |
| Fig 2.6.8 Collateral, Week 9, PDF, (24/10/22) |
| Fig 2.6.9 Collateral, Week 9, PDF, (24/10/22) |
| Fig 2.6.10 Collateral, Week 9, PDF, (24/10/22) |
FEEDBACKS
WEEK 6 - SKETCHES
General Feedback
1.
Relatable & representative of to who you are as a person/
what you like
2.
Only thing represent yourself
3.
Whatever you create has to be within the premise of a
square
4.
If you optimize the square space (take up most of the area)
meaning more surface area taken up, then your monogram is more
prominent therefore it will make a mark on the canvas
5.
Look at the counter space (area outside of the mark you
created). Is it balanced? Is it dominating the space within that
square?
6.
Story behind the form is very important e.g why you choose the
style etc
7.
Make the monogram for an audience that does not know visual
literacy
8.
Must be memorable, unique
Specific Feedback
1.
Merge Chinese & British Monarchy Culture into my monogram.
Basically, Mr. Vinod had said that by choosing the British type
of typeface style & its background, I am in a sense,
abandoning my original roots therefore the suggestion of
merging.
2.
Try to look into more of the Chinese culture because it has a
long history.
3.
Lack of legibility for the first option; Mr. Vinod cannot
decipher the letter “E”
4.
Since the monogram is vertical, it does not really command the
counter space
5.
The symmetry of the monogram is nice though.
WEEK 7 - SKETCHES
General Feedback
1.
Mark is used to represent your unique identity & smtg that
you want to convey. Something that tells a person what are you
majoring. E.g an elegant mark shows to the public that you are
elegant.
2. Need to test the mark on a random person. They need to be able to decipher what letters you have used.
Specific Feedback
3.
The one in the middle & right has a very oriental feel
4.
Scale back the traditional chinese culture by controlling the
brush strokes so maybe its not so thick & vary the
weight.
5.
I am not a Chinese from China, I am a Chinese from Southeast
Asia
6.
Remove the black rectangle with my Chinese name
7.
Hard to read the two E’s in my name (Yeet)
8.
Choose something in the middle of the two attempts
9.
The one on the left is readable on a large scale but if you
scale it down further, it is going be hard to read because of
the thin strokes.
WEEK 8-
- Colour is very important
- Strong colors are ideal for branding
- Read the article published by Mr. Vinod on Kreatif Beats called "Oldest School Badges" of Malaysia: Revised" which deals with old-school emblems and read the part on "Rule of Tincture".
- Choose a color that stands out prominently against the white background
- The more colors you choose to put in the mark, the more complicated it becomes
- Place all the items from the collateral and place them in a flat layout (except for the animated one).
- Task 2A & 2B are all in one post
- Collateral Designs- should be done effectively
WEEK 9- SKETCHES
General Feedback
- create patterns that are related to your artwork
- put some of the colors into the filler pictures (ones other than the collateral)
- have different varieties of collateral such as one on tape, one on a shirt, and also on paper
- the pattern created has to be based on the mark and not a completely different element, something that supports it not taking the attention away
- can take certain characteristics from the mark and apply them to the pattern
- include collateral where you can see the texture of the material
- have various ways that the items are laid out and not all just floating in mid-air
- use the center tile to present the mark so that's the first thing ppl see when they click into your IG feed
- in order to have your mark stand out from all the busy patterns, add a square in between the mark and pattern and then decrease the opacity
REFLECTIONS
OBSERVATIONS
FINDINGS




.png)



Comments
Post a Comment