20.4.2023 - 31.5.2023/ Week 4 - Week 9
Sim Jian Xiong (0356498)
Bachelor of Design (Hons) in Creative Media
JUMP TO:
Sim Jian Xiong (0356498)
Bachelor of Design (Hons) in Creative Media
Task 2: Key Artwork & Collateral
JUMP TO:
Task 2 Final Submissions
LECTURES
I've explored Pentagram and Pinterest for certain parts and traits of the letters to help me convey my personality.
I looked at several game covers to understand the possible placement of key
artwork and logos as well as the applications of my colour palette.
Fig 4.3 Shape #3, Week 9 (31.5.2023)
FEEDBACK
REFLECTION
LECTURES
For this task, we have to design our first name or pseudonym into a logo
artwork.
INSPIRATION & IDEATION
About Me:
I'm often feel tired due to lack of sleep, but I manage
to get job done by the end of the day. Also, due to lack of experience in
certain areas, I'm prone to accidents and mistakes. My favourite
gaming genre is horror due to some having intense lore behind it.
Further, I asked my mother what she think of me. Besides, who knows me
better than the one who raise me half of my life?
Mother's Comment:
"You're quiet, humble with a strong burning fire inside
you wanting to succeed".
|
| Fig 1.1 Inspiration, Week 4 (20.4.2023) |
I've explored Pentagram and Pinterest for certain parts and traits of the letters to help me convey my personality.
- Fading effect - Tiredness, ghostly
- Bumps/Nooks - Prone to accidents
- Sharp points - Strength, masculinity
Ultimately, I want my logo to look like it belongs to a horror game.
.png)
|
| Fig 1.2 Sketches #1, Week 4 (20.4.2023) |
Using my first name, I started off by imitating parts from Fig 1.1, picking
certain parts off from each image and form them together. During
development, I slowly transformed the "S" into a sharp snake silhouette to
fulfill horror, quiet and strength. I've turned "i" and
"m" into the number 13 as I'm prone to accidents and mistakes.
DIGITIZATION #1
|
|
Fig 1.3 Digitalization, Week 4 (20.4.2023) |
I started by tracing my sketch in Illustrator. The "S" and the "3" shared
the same "tail" for consistency. Because of my shading style in my sketch, I
noticed that there some triangular gaps, which I applied onto the digital
version to make it more personal.
DIGITIZATION #2
One common feedback I've received is that my key artwork is somewhat readable, more specifically the "i" and "m" is confused with 13, which is a problem I'm trying to solve. My first name is Sim, not S13 or Si3. And so, I ended up with a nail for strength and a "M" that is on fire for the passion to succeed one day. I thicken the "S" so that its stroke width goes along with the other two.
This week, I've explored with different arrangements and shapes, but I
couldn't figure out what to do with the "i" and "m". I'm quite proud of
the "S" but it wasn't able to fit in well along with the others. It felt
no matter what I do, I couldn't surpass my first attempt.
I ended with two variations, either a sword/crown or a crown. For the first variation, I tried to use the gap between "S" and "M" to create the shape of the "i". I only the second one as the "i" is more clearly seen. I should not repeat the readability issue.
For refinement, I've adjusted the height of letterforms so that certain
parts are aligned together. I wanted the "i" and "m" to be the same height
to improve the reading flow. Because the "m" shares the same tail with the
"s", one could read as "SM" and miss the "i" at first glance due to the
law of similarity.
|
| Fig 1.4 Digitalization. Week 6 (10.5.2023) |
One common feedback I've received is that my key artwork is somewhat readable, more specifically the "i" and "m" is confused with 13, which is a problem I'm trying to solve. My first name is Sim, not S13 or Si3. And so, I ended up with a nail for strength and a "M" that is on fire for the passion to succeed one day. I thicken the "S" so that its stroke width goes along with the other two.
|
|
Fig 1.5 Digitalization Exploration, Week 6 (10.5.2023) |
DIGITIZATION #3
|
| Fig 1.6 Inspiration, Week 6 (12.5.2023) |
I looked further into the two websites and managed to stumble into this
particular image. I spotted the "Mi" having similar trait with my first
digitalization, with the "tail" of the "M" pointing to the "i", but most
importantly - it is more readable.
.png)
|
| Fig 1.6 Sketches #2, Week 6 (12.5.2023) |
Thus, I went back to sketching, trying to figure out a form that can
combine the three letters together before I digitalize them.
|
| Fig 1.6 Digitalization, Week 6 (12.5.2023) |
I ended with two variations, either a sword/crown or a crown. For the first variation, I tried to use the gap between "S" and "M" to create the shape of the "i". I only the second one as the "i" is more clearly seen. I should not repeat the readability issue.
|
|
Fig 1.6 Digitalization, Week 6 (12.5.2023) |
|
|
Fig 1.7 Complied Progress of Key Artwork, Week 6 (12.5.2023) |
Exercise 2(B): Collateral
After that, we are now tasked to create an Instagram account, transforming
our key artwork into a brand to promote ourselves to the world.
Instagram Account:
- Animated Key Artwork (GIF/MP4)
- Key Artwork in BW & Colour
- 3 Collaterals - T-shirt (Mandatory) + 2 other
- Colour Palette
- Photo of ourselves
- Minimum 9 tiles (1024 x 1024px)
COLOUR PALETTE
.jpg)
|
| Fig 1.8 Creating Frames, Week 7 (17.5.2023) |
I've chosen this colour scheme on
Colour Hunt as it as a horror vibe with its green and a menacing tone of red
and black.
ANIMATED KEY ARTWORK
For my animation, I've decided to make it simple where the "snake" will
slither up and spit up the crown before swallowing it. It makes sense for
snakes do swallow as they have no teeth.
|
| Fig 1.9 Creating Frames, Week 7 (17.5.2023) |
I've created and organize the frames in Illustrator so that it's easier to
apply them onto Photoshop. Because the end product is a GIF, I added extra
frames where it slithers away so that it loops.
|
| Fig 2.1 Photoshop Screengrab, Week 7 (17.5.2023) |
PHOTO OF MYSELF
|
| Fig 2.2 Wanted, Week 7 (17.5.2023) |
Additionally, we also have to include a photo of ourselves in the account.
I've taken a front, side and back of myself. I went for my back as it is
mysterious, which suits the horror vibe of my key artwork.
GAME COVER
The game cover is the main selling point for my brand so I wanted it to
appear like an actual one.
|
|
Fig 2.3 References, Week 7 (18.5.2023) |
|
| Fig 2.4 Game Cover Progress on Illustrator, Week 7 (18.5.2023) |
|
| Fig 2.5 Game Cover Progress on Photoshop, Week 7 (19.5.2023) |
Step by Step Progress (Illustrator):
- I arranged images according to the rule of thirds. I've used a syringe image as the horror theme because I have a fear of needles
- Traced the arm using the pen tool and filled it with colours from the palette
- I realize my bored expression doesn't match with the theme so I traced it over with a horrified eye. I've also created a variation of the cover with the same colour palette
Step by Step Progress (Photoshop):
- I've chosen to use an empty game box template that stand sideways so it's more dynamic
- Using the wrap tool, I managed to edit my covers onto the boxes
- Finally, I added a reflection to make them more realistic
STORY
A game cover usually tells or hints the content of the game. So I came up
with a suitable story and created a few shapes to form an arrow.
|
|
Fig 2.6 Arrow, Week 7 (20.5.2023) |
MERCH
Of course, every video game comes with its own promotional merch.
Shirts
|
|
Fig 2.7 Shirts, Week 7 (21.5.2023) |
I used Displace and Blending Options on photoshop so that the creases of the
shirts can be seen under the key artwork for realism.
Game Controller
|
| Fig 2.8 Game Controller, Week 8 (22.5.2023) |
Bag
|
| Fig 2.9 Bag, Week 8 (23.5.2023) |
Tools Used: Wrap, Displacement & Blending Options
INSTAGRAM GRID
|
| Fig 3.1 Instagram Grid Progress, Week 8 (24.5.2023) |
When you scroll down on Instagram once on mobile, you will see the first
15 tiles. I was inspired by the grid layout where they've arranged it like
a puzzle. I've planned it out beforehand that my grid will have an arrow
pointing straight down towards the games.
FINAL SUBMISSIONS
.jpg)
|
| Fig 3.2 Final Key Artwork (Black and White), Week 9 (31.5.2023) |
|
||
Fig 3.3 Final Key Artwork (Coloured), Week 9 (31.5.2023) Fig 3.4 Final Key Artwork (Coloured Reverse), Week 9 (31.5.2023)
Fig 3.5 Final Key Artwork GIF, Week 9 (31.5.2023)
|
|
Fig 3.7 Game Cover, Week 9 (31.5.2023).jpg)
|
Fig 3.8 Game Cover (Variation), Week 9 (31.5.2023)
|
| Fig 3.9 Final Game Covers, Week 9 (31.5.2023) |
|
| Fig 4.1 Shape #1, Week 9 (31.5.2023) |
|
Fig 4.2 Shape #2, Week 9 (31.5.2023)
|
.jpg)
|
| Fig 4.4 Colour Palette, Week 9 (31.5.2023) |
|
| Fig 4.5 Shirt #1, Week 9 (31.5.2023) |
|
| Fig 4.6 Shirt #2, Week 9 (31.5.2023) |
|
| Fig 4.7 Game Controller, Week 9 (31.5.2023) |
 Fig 4.8 Bag, Week 9 (31.5.2023)  |
|
Fig 4.9 IG Screenshot, Week 9 (31.5.2023)
|
Fig 5.1 Final Task 2 (PDF), Week 9 (31.5.2023)
FEEDBACK
Week 5
General Feedback: Create a mark to represent yourself to the
world
Specific Feedback: Looks menacing. Creative, somewhat readable -
"I" and "M" is difficult to read
Week 6
General Feedback: Your designs does not reflect 2 weeks time,
not professional
Specific Feedback: Not sure progress or regress? "S", "I" is
workable but "M" is not convincing. The curvatures of "S" not
working well, cannot have two diagonal points. Add sharp points for
strength and insert nooks
Week 7
General Feedback: Summarise lectures, do not copy & paste
slides
Specific Feedback: Use coloured version of the picture
Week 8
General Feedback: None
Specific Feedback: Repetitive. Use of colour on the KA needs
relooking; only the S being red makes no sense. Overall it lacks
coherence in presentation on Soc. Med
Week 9
General Feedback: The application of the typeface is what makes
it unique
Specific Feedback: Interesting shapes, but lack the use of
colour schemes which takes away the identity. Too much white spaces.
REFLECTION
Experience
Task 2(A)
I was frustrated during the progress of Digitalization #2, I didn't
know to improve on it. I was stuck for quite some time. But I'm
lucky to find that image and continue on.
Task 2(B)
One motivation for me in this task is the creation the game covers
as I designed my key artwork mainly for this. However, the
excitement dies down once I'm finished with it. I was placing my key
artwork on the collaterals without much consideration. Part of me
regrets creating 15 tiles.
Observation
Task 2(A)
I noticed that sketching before digitalization helps a lot in my
case. Rather than imaging the product in my mind, sketching it out
helps to visualize the key artwork and see if it looks good.
Further, I was able to explore and expand my ideas, the "S"
started as a curly, pointy twig into snake silhouette, for example.
Task 2(B)
During the tutorial session, I've observed that some of my
classmates have three or more collaterals aside from t-shirts such
as bags, cups and books. Meanwhile, at that time, I only had shirts
and a game cover on my account. This pushes me to explore more on my
key artwork and make more variety.
Findings
Task 2(A)
In this task, I learned the importance of finding the right source of
inspiration. Imagine if I didn't look further online and didn't come
across the image. I think my key artwork will be stuck in Digitalization
#1 or regress even further due to lack of research.
Task 2(B)
In this task, I've experienced the phrase "quality over quantity". Mr.
Vinod commented a classmate's account to be perfect with matching colour
palette, good amount collaterals and minimum 9 tiles. It is a moment where
I realized my 15 tile arrow grid arrangement with "too much white spaces"
may not be such a good idea.
Comments
Post a Comment