Advanced Typography - Project 1A

-

14 September 2020 - 05 October 2020 (Week 4 - Week 7)

Mohamed Shaayif Shakir (0332075)

Advanced Typography

Project 1A


Lectures

Week 5 - Perception & Organization

This weeks lecture is on perception and organization. It discusses how contrast, form and organization is used to create a layout of type with good visual hierarchy.
The first and very important thing used to create good and perception and organization is contrast. The meaning of contrast is when something stands out or is highlighted within a layout. The many ways which is used to give contrast are: size, color, weight, texture and direction. The next form is the overall look of the layout to give it a visual form. last one organization, is pretty self explanatory. which is how the contrast and form are placed in the layout to give its finished look.

Instructions



Project 1A

To create a key artwork for the given title events in the first exercise. I selected the topic: All Ripped Up: Punk Influences on Design.

I started by doing research online.

Figure 1.00 - research

Figure 1.01 - Research

Figure 1.02 - Research


Figure 1.03 - Research

I noticed that a lot of punk influenced designs were very colorful with a black and white element in it. I decided to go for a feel like that.
I made the background using a television test card, which I felt was very symbolic of the early punk movement days. I kept the letters in boxes made in pentool.

Figure 1.04 - Background

Figure 1.05 - Letters

Figure 1.06 - Idea 1

Figure 1.07 - Key artwork 1 with different layout

I decided to make a second key artwork, using the same design aesthetic. I used the television test cards colors to create a very colorful background that resembles the 80's music art. I tested different fonts on the middle section of it.

Figure 1.08 - Key artwork 2 - marker font

Figure 1.09 - Keyartwork 2 - punk font

Figure 1.10 - Keyartwork 2 - basic font

After getting feed back, I was told it does not work well with the title which is punk. So I re did it, using some elements from my first artworks.

Figure 1.11 - Key artwork 3 draft

Figure 1.12 - Key artwork 3 draft

Figure 1.13 - Key artwork 3 draft


Figure 1.14 - Key artwork 3 draft


Figure 1.15 - Key artwork 3 draft

Figure 1.16 - Key artwork 3 draft

After getting feedback, I was told to change the second font and make the paper seem more torn.

Figure 1.18 - Key artwork 3 draft
Figure 1.17 - Key artwork 3 draft

Figure 1.18 - Key artwork final jpg

Figure 1.19 - Key artwork PDF



Feedback

Week 5

Specific: Should not have a background, does not work with the title well, Need to redo.
General: Key artwork should work in black and white and should be without a background.

Week 6

Specific: Font for ''punk influences on design'' does not work. Paper needs to be more torn
General: work on making the poster this week.

Reflection

Week 5

Experience : Fully a feedback session, went by very fast, as instead of screen sharing we showed our work on FB.
Observation : Project 1's key artwork should be an element on it's own instead of like a poster. It should work well when implemented into other things, which we we will be doing as collateral.
Findings : A lot of research is needed to do this correctly.

Week 6

Experience : Very short feedback session on key artwork progress.
Observation : Designing a good key artwork is very difficult, compared by other assignments.
Findings : A lot of students still need work on their key artwork before moving onto the poster.

Further Reading

https://www.printmag.com/post/punk-aesthetic-graphic-design

This article discusses the origin of punk design aesthetic and history.

Figure 10.0 - Screenshot of article



Comments

Post a Comment

Popular posts from this blog

Advanced Animation - Project 1 - Pre Production

-
Image
  Project 1 - Pre Production For project 1 we had to choose a voice clip of our choice and create a scene using that clip. The scene should be about 15-30 seconds long. We had to storyboard, Act and animatics as a pre production process. Figure 1 - Audio clip chosen. Figure 2 - Storyboard Figure 3 - Storyboard Figure 4 - Acting Figure 5 - Animatics/2d Blockout
Read more

Advanced Animation - Project 2 - Production

-
 Project 2 - Production After Animatics and acting was done, we moved onto setting up the set in MAYA. I used a rig for my character called Jasmine Rose by Ahmed Shalaby. I first imported my Acting into Adobe animate and listed out how many frames each scenes used and blocked it out in MAYA. I made set before I did this. Figure 1 - Animation Blocking After I blocked out the scenes I started animating scene by scene. After animating the scenes I added rough lighting to see what it would look like in the final render. I rendered the scenes in this lighting for feedback. Figure 2 - Project 2
Read more

Digital Photography & Imaging - Project 3 (Digital Surrealism)

-
Image
Project 3 - Digital Surrealism The objective this project is to create a surreal artwork in photoshop. Below are some examples of digital surrealism. Process My main idea is to use the first cyborg piece I made and put it into a cyberpunk city. Cyborg image of me Image for background - Artwrok by Chin Fong  https://www.chinfongart.com/art I used quick selection to cut out myself into this image, after using healing brush to remove some of the ninja character which was already in the image. Then it was color matched I used the brush tool to add some glow from the pink sign onto my body in a new layer Saturn image I want to add Whale image I added to the sky, Inspired the the song Gojira - Flying Whales More whale Images Whales and Saturn added in Next I brought it into Adobe after effects for animation. My main idea for animation is to add rain fall into the image. I started by adding the CC rainfall simulation in after effects and playing around with settings a bit. Next step addin...
Read more