Typography I – Archetypes (Process + Final)

Before diving into the processes of my final, there were a few ideas I had in mind. It didn’t work out because of the little time we had to do this final project, and it was difficult to do what I wanted to initially in a short span of time. I stick to basing my archetypes on The Hunger Games: Catching Fire though.

MY INITIAL IDEAS

I thought of doing it like a 3d modular structure (an organic-looking building):

I thought of doing it like the Capitol building using thick poster blocks:

I also thought of doing something like cubes (the ones that could turn some part of itself):

There were simply too many ideas I had that I wish I could do with more time given, but I knew I had to figure something new out soon – a simple but different work that ticks the boxes of the objectives of the Archetype project.

Hence coming up with the website idea, but having my typography done through mostly After Effects and Illustrator. The layout of my paragraphs is simply through repeated double column sizes and heights, and space. And of course, the font and type size for them is standardised as well. I put this whole idea onto paper to roughly sketch out how I want my website to look like. (seen below)

MOVING ONTO….. THE CREATION OF MY TYPO FOR ARCHETYPES

The 6 archetypes I planned on doing:

  1. Lover (Peeta Mellark)
  2. Hero (Katniss Everdeen)
  3. Ruler (President Snow)
  4. Caregiver (Mrs Everdeen)
  5. Innocent (Primrose Everdeen)
  6. Creator (Cinna)

L O V E R

Now I see Peeta Mellark as Lover because of his soft nature, his loving nature for people for Katniss especially, and for nature itself (He can camouflage himself in nature because he’s good in the art as well). Hence I decided to create vines surrounding him.

It’s my first time using after effects so I was worried I couldn’t get it almost good enough. I tried anyway.

H E R O

We all know the ‘girl on fire’ is the hero – Katniss Everdeen. A rebel and all but for the good cause of everyone. Because she’s the famous ‘girl on fire’, I literally made the letterings of H E R O on fire (looks more badass that way too).

This one below is a photoshop version of what I did, what I had in mine. The flames will be moving once I create this on After Effects.

R U L E R

This is the ruthless, high-class looking President Snow. Hence white to represent what we think he is – sophisticated, high-status with a white rose tucked in the pocket of his suits. But he’s the poison that kills people, the blood that’s indirectly on his hands. Hence the bloody red colour gradient in the letters (seen below) that I simply did on illustrator first.

C A R E G I V E R

Mrs Everdeen – considered one of the weakest and emotional character but strongest in what she does – healing. She’s a healer for a lot of people, a mother of two, a caregiver really. I used the ripple effect for this one.

I N N O C E N T

Little Prim, lovely one that got called out for Hunger Games but instead her sister volunteered for her. Little Prim that cries over animals being killed, sweet one she is. But brave as well to help do anything to make sure Katniss is safe, and the people she helps to heal as well.

Here are some fonts I thought would look good for her archetype:

In the end, I stuck with this:

Ok so sadly I DIDN’T SAVE THIS ONE PROCESS ON AFTER EFFECTS, why why why. But here’s the final one for innocent:

C R E A T O R

 

And I chose this as Cinna – a very important character I feel…where what he creates with Katniss’s outfits really emphasizes the kind of person she is. A strong brave girl ready to fight.

Here below I manually did the white glow on Photoshop by simply making dots over the letters each.

And then to make each different sides of each letter to glow in different colours, I manually did it on Photoshop’s video timeline.

I further added on a touch of dark bluish glow, slowly increasing in brightness to make it look more magical – like what Cinna does with Katniss’s wedding dress that turned out to be a majestic looking Mockingjay dress. That’s magical.

And as for the layout, I chose a double column grid and it’s all standardized throughout every page for every archetype. This was all done in WIX.

FINAL

https://qissinclaire.wixsite.com/50shadesofhungergame

 

 

 

 

Typography I – The Walls Have Ears Project: Process & Final

“The walls….they can hear you.”

Here are the sentences I’ve chosen from convos I’ve eavesdropped:

  1. Screw this I really want some cheese right now please (10 words)

  2. You are just a speck of dust in the universe (10 words)

  3. He gives me life but why does everything feel so cold? (10 words)

Behind these sentences:

For  1

“Screw this I really want some cheese right now please”

You know how when you hear people’s conversations, you’d expect it to be so scandalicious BUT NAHHH. I thought it was funny that this lady beside me was super hungry and it’s true that a hungry woman is an angry woman, because hell, she looked super cranky alright. JUST BECAUSE HER FRIEND TOLD HER CHEESE IS BAD FOR HER DIET. It’s hilarious I had to look at my phone and laugh silently so that they’d think I’m laughing at something on my phone.

For  2

“You are just a speck of dust in the universe”

Ok, I’ll be honest, this was actually taken from a deep conversation I had with a guy. And it just ticked me off when he said those words and I could sorta remember that it went like this: “we are just a speck of dust looking like we have big problems now but…in a bigger perspective, in the universe, we are just that tiny.” So I summarised what he said in that line and yeah, deep sch-tuff.

For  3

“He gives me life but why does everything feel so cold?”

We were at this waterfall in Selangor at that time and was just playing in the water when I overheard my friend (a girl) saying this but instead of saying “cold” she said “empty”. My guess is, she feels empty even being with this ‘guy’. I decided why not change it to the word ‘cold’ because (haha) WE WERE ALL FEELING COLD THERE IN THE WATERFALL yet we play in the water anyway. Also, the water was super cold. Yeahhhh there’s no link or context to her words but haha it makes sense right? Now that you read the whole sentence -“He gives me life but why does everything feel so cold?” – it sounds deeper too.


Here are my draft sketches before I move onto Illustrator to create the poster designs.

“You are just a speck of dust in the universe”

“He gives me life but why does everything feel so cold?”

“Screw this I really want some cheese right now please”

INSPO

PAULA SCHER’S, IDEA FOR ‘COLD’
FOR THE ‘CHEESE’ EFFECT
IDEA FOR THE CHEESE TYPO

FINAL

“He gives me life but why does everything feel so cold?”
“You are just a speck of dust in the universe”
“Screw this I really want some cheese right now please”

 

 

Links used for inspo:

https://fromupnorth.com/design-inspiration-roundup-04-2018-c1868b4594c9

https://www.shutterstock.com/explore/fall-for-shutterstock?utm_source=designtaxi&utm_medium=acq_display&utm_campaign=image_us_directbuy&utm_term=1_allvisitors_interstitial_1&utm_content=fall2018_en_2000x1200&dclid=CjkKEQjwlejcBRDr64efna2Y44kBEiQA5qe1wRnw25AvgLHgDMHCduv4TXJZeqKgMQGtYWBTUqFxTLHw_wcB

http://theinspirationgrid.com/creative-typography-artworks-by-mat-brown/

http://theinspirationgrid.com/new-typographic-artworks-by-carlo-cadenas/

https://www.behance.net/gallery/11541583/3D-Typography

 

Typography I – In-Class Activity Wk 9

WeeeewOOOO this was fun but took too much of my time trying to get the grids and layout right. Not sure whether I like this ‘baseline grid’ guy at all.

(look Mummm, I finally made my own menu page, and I even made it HALAL!)

Typography I – In-Class Activity Wk 6

‘PLAY NICE’ – seems a bit more dangerous than the idea of ‘play’ to me, so I just did ‘nice’ within a knife-outlined image. Every letter in caps lock and bold to signify something screaming “beware”. The main challenge I had with this was the spacing in between each letter, especially in ‘Play’. Like the spacing between the Y at the end, AGH. I tried I really did.

*lets out a long sighhhhhhhhh*