Typography Project 2B

-
12/06/20 - 19/06/20 / Week 9 - Week 10
Mohamed Shaayif Shakir / 0332075
Typography / Bachelor of Design (Hons) in Creative Media / Taylors University
Task 2 / Project 2B

LECTURES        

Week 9: 12/06/20 Screen & Print

This weeks lecture was on screen & print. As technology advances, smartphones and computers are getting more and more available and it has come to a point at which nearly everyone uses their screens as the main medium of communication. This lecture discussed the differences between the type formatting for screen and on paper. For paper type formatting is more close by, closer line length and kerning giving more contrast to it, But for screen its the opposite.

Week 10: 19/06/20 Feedback Session

Feedback was given to all students on their progress on project 2B.

Week 11-12: 26/06/20 - 03/07/20 Consultation

Consultation for progress on the project.


INSTRUCTIONS



Task 2 / Project 2B

Our objective for this task is to use the experience gained from our previous exercises and projects to express a social message typographically. The 2 messages I chose are 'Black Lives Matter' or 'End Police Brutality' because I feel these messages are very important relevant during this time period.

Figure 1.01 - Black lives matter sketch

Figure 1.02 - End police brutality sketch

I started in Adobe Illustrator with an A3 canvas according to the instructions. I created margins and rows using the ruler guides and square tool. For the first idea 'Black Lives Matter' I made the canvas black. I used the font Futura std Light Condensed because it was narrow and tall. I adjusted the kerning and tracking.

Figure 1.03 - Font and composition reference. I chose this because this movie is connected to the bllack community.


Figure 1.04 - Margins

Figure 1.05 - Black canvas

Figure 1.06 - Rows for reference

Figure 1.07 - Rows set using guides

Figure 1.08 - Font, Font sizes and alignment set

Figure 1.09 - Kerning and Tracking adjusting.

Figure 1.10 - Everything adjusted

The dark grey on black signifies the black community. My ideas for the animiation is to make it slowly visible front he blank background to show how more and more people are supporting the cause. The blankness initially shows how the community is oppressed.

For the second one I used the picture of a police line for reference. Managed to get it done using pen tool and rectangle tool. I used the font Universe ltd 59 Ultra Condensed. The word brutality is in red to show the blood poured by police brutality and racism. For the animation of this one I want to keep it simple and just show it go across the screen into place as if the police line is being drawn.

Figure 1.11 - Reference

Figure 1.12 - Rectangle in yellow for the base

Figure 1.13 - Pattern using pentool

Figure 1.14 - Clipping mask

Figure 1.15 - Converted text to shapes and rotated.

Figure 1.16 - Dark background to give more contrast

Figure 1.17 - Brutality in red

After getting feedback I was told to change the composition. To make the end police part with the pattern and typographically express brutality.

Figure 1.18 - New composition

In photoshop, I made the brutality dripping in blood. For the animation, I brought it into Adobe After effects and made the blood drip down using the liquefy tool.Then exported as a gif.

Figure 1.19 - Animation in After effects

Figure 1.20 - Jpeg

Figure 1.21 - Gif

After getting feedback, I was told it lacked precense. So I rearranged and changed the size to make it more eye catching and give it presence.

Figure 1.22 - Jpeg

Figure 1.23 - Gif


Figure 1.24 - PDF
           




FEEDBACK

Week 9
No feedback given, Only briefing of project

Week 10
Specific Feedback - Was told to change the composition, And got a few ideas on how to proceed
General feedback - We were advised to typographically express keywords and focus on those more.

Week 11
Specific Feedback - I was given feedback to add presence to my composition
General feedback - No general feedback

REFLECTIONS

Week 9

Experience: Looking back through exercises to retouch on my learning for this project.

Observation: Past exercises all served a purpose in teaching us techniques to be used in this project.

Findings: Without looking back, A lot of the stuff I had learned had been implemented into my brain.

Week 10

Experience: Worked on sketches and ways to digitize them.

Observation: My rate of workflow had increased a lot compared to when I first started.

Findings: Learned to add patterns to text using illustrator.


FURTHER READING

After getting feedback for week 10 I was told my design lacked presence so I did research on what it is and how to implement it into my work. I looked through a page linked by Mr. Vinod for this

Figure 2.0 - Source: https://www.instagram.com/krisandrewsmall/


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