Illustration & Visual narrative | Task 2: Decisive Moment


05/06/2024 - 03/07/2024 / Week 7 - Week 11

Rio Sato / 0360530
Illustration & Visual Narrative / Bachelor of Design (Honours) in Creative Media / Taylors University
Task 2: Decisive Moment

1. LECTURES

Week 7 - Briefing Assignment 1: Fly Me to the Moon

Project Brief

Fig. 1.1 Module Information Booklet

Week 8 - No lecture

Indipent Learning Week

Week 9 - Video Lecture


Refer and apply it to the project 
  • Fly Me To The Moon Poster
  • Equality Competition Poster
Week 10 - No Lecture

Week 11 - Assignment Brief for Final Project

2. TUTORIAL 

Week 7 - Transparency Gradient and Noise

How to add Transparency
  1. Group all Objects
  2. Cover it all by Gradient Square
  3. Cut the Gradient Square
  4. Select the Object and Make a Mask by the Transparency Window
  5. Click mask and paste Gradient Square
  6. Adjust Transparency
How to add Noise
  1. Select the Object and Copy(Ctrl+C) and Paste over the object(Cntrl+F)
  2. Click the Transparency button and Adjust the Transparency
  3. Change the White to Transparent(Opacity 0) by Gradient Window
How to add Texture
  1. Go to Effect: Stylize: Grain
  2. Select the Grain Type
  3. Change the Opacity
Memo: White- Visible, Black- Transparent

Fig. 2.1 Gradient


Week 8 - No Tutorial

No Tutorial due to Indipent Learning Week

Week 9 - Illustrated Type

By using the brush tool, you can create and adjust typography.
Fig. 2.2 Illustrated Type


Week 10 - Illustrated Type

In the week 10 tutorial, the tutor showed how to add texture and text to the object. Also, there are some techniques to add 3D and shadow effects to the text.

Fig. 2.3 Illustrated Type


Fig. 2.4 Illustrated Type

Fig. 2.5 Illustrated Type

Week 11 - No Tutorial

Online Feedback Session

3. PRACTICAL 

Fly Me To The Moon

Choose a song from a provided list, understand its lyrics, and sketch initial ideas. Then, create a storyline, illustrate, and animate a 'moment' from the song to serve as the album cover. The design should include illustrated typography and consider foreground, mid-ground, and background.

The songs list is as below:

  • Fly me to the moon
  • The way you look tonight
  • Come fly with me
  • Girl from Ipanema
  • New York, New York

Submission of non-animated cover on week 9

Animated the album cover on week 11

The IVN project criteria include a recommended art style (Art Deco, Minimalist, Retro, Pop Art, Art Nouveau), originality, technique, interpretation of the song into the illustration, storytelling, and requirements such as an initial storyline, ideas and sketches, illustration, and a final animation gif. The proposal should tell a story and show emotion, not just a character with a blank expression.


Process Work for Non-animated Cover

Fig. 3.1 Idea Board


I was particularly concerned about the color balance. Initially, I planned to make all the objects their actual colors, but then I thought the brightness and presence of the moon wouldn't stand out.
I was torn between making the whole scene twilight (orange) or night (blue), but I felt more comfortable with the latter.

Fig. 3.2 Color Study

To express neon colors, three colors were used. By layering deep colors, intermediate colors, and bright colors in sequence, it looks like the text is popping out, resembling a neon sign.

Fig. 3.3 Neon Color

I added a circular transparency at the end, imagining the moonlight.

Fig. 3.4 Added Moon Light

Final Outcome

Fig. 3.5 Fly Me To The Moon Non-Animated


Process Work for Animated the Album Cover

I planned to create an animated album cover featuring a moving car and changing neon colors.

First, I created a GIF of a moving car in After Effects. By adding slight up and down movements, it looks like a driving car.

Fig. 3.6 in After Effect

After that, I created four types of images with different neon colors and put them into Photoshop to make a GIF.

Fig. 3.8 Color #1

Fig. 3.9 Color #2

Fig. 3.10 Color #3

Fig. 3.11 Color #4

I combined all of the elements in After Effects and merged them into the final GIF in Photoshop.

Fig. 3.12 in After Effect

Final Outcome

Fig. 3.13 Albumcover - Fly Me To The Moon

Comments

Post a Comment

Popular posts from this blog

Advanced Typography | Final Compilation & Reflection

Image
18/12/2024 /  Week 13 Rio Sato / 0360530 Final Compilation & Reflection Advanced Typography / Bachelor of Design (Honours) in Creative Media / Taylors University WEBSITE LINKS TO EACH TASK 1.1    Task 1: Exercises 1 & 2 1.2   Task 2: Key Artwork & Collateral 1.3   Task 3: Type Exploration and Application SUBMISSION Exercises 1 & 2 25/09/2024 -   16/10/2024 / Week 1 - Week 4 Task 1: Exercise 1 - Typographic Systems Fig. 1.1 Final  Radial   System - JPEG Fig. 1.2 Final  Bilateral   System - JPEG Fig. 1.3 Final  Axial   System - JPEG Fig. 1.4 Final  Modular   System - JPEG Fig. 1.5 Final  Dilatational   System - JPEG Fig. 1.6 Final  Random   System - JPEG Fig. 1.7 Final  Grid   System - JPEG Fig. 1.8 Final  Transitional   System - JPEG Fig. 1.9 Final Task 1 - Exercise 1: Typographic Systems - PDF Task 1: Exercise 2 - Type and Play Fig. 2.1 Compiled pr...
Read more

Advanced Typography | Task 1: Exercises 1 & 2

Image
25/09/2024 -   16/10/2024 / Week 1 - Week 4 Rio Sato / 0360530 Exercises 1 & 2 Advanced Typography / Bachelor of Design (Honours) in Creative Media / Taylors University Lectures: Week 1 - Lecture 1 Advanced Typography: Typographic Systems Typographic systems provide a sense of purpose that focuses and directs the decision-making. Shape grammar is a set of shape rules that apply in a step-by-step way to generate a set, or language, of designs. Fig. 1.1 Axial system (source: type 365) Axial System: All elements are organised to the left or right of a single axis. Fig. 1.2 Radial system (source: type 365) Radial System: All elements are extended from a point of focus. Fig. 1.3 Dilatational system (source: type 365) Dilatational System: All elements expand from a central point in a circular fashion. Fig. 1.4 Random system Random System: Elements appear to have no specific pattern or relationship. Fig. 1.5 Grid system (source: type 365) Grid System: A system of vertical and hor...
Read more

Advanced Typography | Task 2: Key Artwork & Collateral

Image
23/10/2024 -   20/11/2024 / Week 5 - Week 9 Rio Sato / 0360530 Key Artwork & Collateral Advanced Typography / Bachelor of Design (Honours) in Creative Media / Taylors University LECTURES WEEK 5 - LECTURE 5 Advanced Typography: Perception and Organisation Contrast Fig. 1.1 Size (by Carl Dair) Fig. 1.2 Weight Fig. 1.3 Form Fig. 1.4 Structure Fig. 1.5 Texture Fig. 1.6 Direction (by Carl Dair) Fig. 1.7 Colour Fig. 1.8 Form Form: The overall look and feel of the elements that make up the typographic composition. To represent a concept by doing so in a visual form. The interplay of meaning and form brings a balanced harmony both in terms of function and expression. When a typeface is perceived as a form, it no longer reads as a letter because it has been manipulated by distortion, texture, enlargement, and has been extruded into a space. Fig. 1.9 Gestalt theory for organisation INSTRUCTIONS Fig. 2.1 Module Information Booklet - Advanced Typography 2024 Task 2A: Key Artwork ...
Read more