Illustration And Visual Narrative Task 2

on
30.10.2023 ~ 20.11.2023 (Week 6 -Week 9)
Ng Kar Yee / 0367743
Bachelor of Design (Honours) in Creative Media
Illustration And Visual Narrative
Task 2

LECTURES

Week 6⇒ Composition & Depths I

  • Composition in design simply means the arrangement of the elements in your visual.

Basic composition visual rules

  • Visual narrative
  • Visual flow
  • Visual balance
  • Visual hierarchy

1. Visual Narrative

  • Your composition should complement your subject focus and reflect the narrative
  • Think of the look and feel of the scene
  • Get their emotions on the same page

2. Visual Flow

  • Your composition also determines the path of a viewer’s eye through the visual

3. Visual Balance

  • Even though you can’t know the exact path a viewer’s eye is going to take, you can nudge things one way or another

4. Visual Hierarchy

  • The way you visualize and focus your subject matters can have huge effects on the composition the artists make

Different Types Of Shots

  • Establising
  • Bird's eyeview
  • Fame within a frame
  • Medium shot
  • Close-up
  • Worm's eyeview

Week 7⇒ Composition & Depths II

  • When composing a scene, creating an effective space is very important.

 Illustrating elements

  • foreground 
  • middle ground
  • background 

1. Foreground

  • Objects that are nearest to the viewer

2. Middle Ground

  • Objects in between foreground and background

3. Background

  • Objects that are the furthest away from the viewer
Figure 1.0 Examples of Foreground, Middle Ground & Background, week 7 (06/11/2023)

Rule Of Thirds

  • The rule of thirds is a popular method of dividing up a design or photo into thirds by creating a grid that is three columns wide and three rows tall. 
  • Designers and photographers will frequently use grid layouts as guidelines for their work; in graphic design, breaking a canvas up into evenly-spaced rows and columns can help with common issues like aligning text, positioning photos, and generally arranging all the elements in a way that helps guide the viewer’s eye to ingest the information more easily (like reading a book).
  • In photography, visualizing a grid overlaying the picture similarly helps direct attention and focus so the viewer doesn’t feel lost.
  • When the rule of thirds is used in design, the lines meet at four “intersections” at the center of the page, which fall upon the primary focus points of the scene.
  • The human eye naturally lands on these points more readily than other spots in the composition, and the resulting asymmetry (of using the odd number 3, rather than 4 rows and columns) creates just enough tension to bring a dynamic sense of flow to the work
Figure 1.2 Rule Of Thirds, week 7 (06/11/2023)

Figure 1.3 Examples of imagine using the Rule Of Thirds, week 7 (06/11/2023)

Figure 1.4 Examples of imagine using the Rule Of Thirds, week 7 (06/11/2023)

Week 8⇒ Self Learning Week

Week 9⇒ Limited Animation


Limited animation includes

  • secondary action
  • overlapping action
  • follow through
1. Secondary action
  • is any additional animation that emphasizes the main action to create more dimension or personify a character
  • added to scenes to emphasize an action, movement or even sound
2. Overlapping action 
  • is use when different parts of a character move at different times to make their movement look more natural
3. Follow through 
  • is a short moment after the main action

Examples of  illustrator in real life

  • Rebecca Mok
  • Zac Gorman

INSTRUCTIONS

TASK 2

EXERCISE⇒EDITORIAL ILLUSTRATION (DECISIVE MOMENT)

For our second task, Mr Hafiz introduced Editorial Illustration to us, which are produced for newspapers, magazines and websites to add a visual dimension to a piece of writing. Editorial illustrations also helps to grab the attention of the reader as they browse the publication, but can also help to add a new perspective to the article. 

For the current task, we are required to choose a decisive moment in an urban legend and aligns with the editorial theme. To have a head start, Mr Hafiz showed us how to use the gradient tool and how to apply a grain texture to the gradients.

Figure 1.1.0 Before applying gradient or texture, week 7 (06/11/2023)
Figure 1.1.1 After applying gradient or texture, week 7 (06/11/2023)

RESEARCH

I started by doing some research on which urban legend I was interested in and decided to do a Malaysian urban legend, which is The Toyol. The Toyol is a mythical creature from Malaysian folklore. It is said to be the ghost of a baby that died before it was born. In Indonesia, it is called the Tuyul. The name literally means “mischievous thief”. The Toyol is similar to a creature from Filipino mythology called the Tiyanak and the legendary Guman Thong from Thailand. The Toyol is a dead baby that has been brought back to life by a Bomoh (a Malaysian shaman) or somebody who is familiar with black magic.

Figure 1.1.2 Image of the Toyol, week 6 (30/10/2023)

Figure 1.1.3 Image of the Toyol, week 6 (30/10/2023)

Figure 1.1.4 Image of the Toyol, week 6 (30/10/2023)

Figure 1.1.5 Examples of art deco theme, week 6 (30/10/2023)

SKETCH

After doing some research, I started on sketching the decisive moment of my urban legend story with the Rule Of Third. I chose the part where the toyol sucked out every drop of blood in Bunchuk's body after discovering that Bunchuk send his family away to prevent the toyol from breastfeeding blood from his family. 

Figure 1.1.6 Sketch First Attempt, week 6 (30/10/2023)

Figure 1.1.7 Sketch Second Attempt, week 6 (30/10/2023)

Figure 1.1.8 Sketch Third Attempt, week 7 (06/11/2023) 

Figure 1.1.9 Sketch Final Attempt, week 8 (13/11/2023)

MOODBOARD

Figure 1.2.0 Moodboard I, week 8 (13/11/2023)

Figure 1.2.1 Moodboard II, week 8 (13/11/2023)

DIGITIZATION

After finalizing and getting Mr Hafiz's feedback for my final sketch, I started the digitize process. I used the pen tool, curvature and the direct selection tool for most of my most of my drawing in Illustrator. After drawing the ideas, I applied gradient and grain texture to most of my artwork.

Figure 1.2.2 Digitize attempt 1, week 8 (13/11/2023)

Figure 1.2.3 Digitize attempt 2, week 9 (20/11/2023)

Figure 1.2.4 Digitize attempt 3, week 9 (20/11/2023)

FINAL DIGITIZATION

After getting some feedbacks from Mr Hafiz for the digitization, I finalized with digitize attempt 2. I adjusted the design for the toyol and did some changes to the texture and gradient for the toyol to make it more complete.

Figure 1.2.5 Final Digitization (JPEG), week 9 (20/11/2023)

ANIMATION GIF

After getting Mr Hafiz's feedback and confirming the final digitization, I proceeded to the next step which is animating the digitization into a gif.

Figure 1.2.6 Blood animation gif process, week 9 (20/11/2023)

Figure 1.2.7 Toyol animation gif process, week 9 (20/11/2023)

Figure 1.2.8 Animation gif process, week 9 (20/11/2023)

I started sketching out the frame for the animation in Illustrator. I chose 2 element in my illustration to animate, the first element was the blood while the second was the toyol. I sketched the blood to have a flowing outwards effect as it imitates the moment where the toyol bite Bunchuk's neck to suck out blood from his body. After that, I sketched the toyol turning backwards as I wanted to let the viewers to have an open-ended ending and thinking maybe they were next effect after seeing the animation. After finish sketching the frame in Illustrator, I proceeded with the animation in Photoshop.

Figure 1.2.9 Final animation gif , week 9 (20/11/2023)

FEEDBACK

Week 7

  • Composition can be improved
  • Advised to try a worm's eye view shot, behind the shoulder of the toyol

Week 8

  • Big improvement from last sketch

Week 9

  • The texture for the toyol can be more subtle

REFLECTION

Learning Illustration and Visual Narrative was quite interesting as we get to learn many new stuff this week like the important of a composition in a illustrations and how to apply texture and gradient in Illustrator. I also found this week's task interesting as we get to do research on urban legends around the world, illustrating them as well as making an animate gif. This week's task was an upgraded version challenge for me as it needed the combination skill's of task 1 and 2, however with the guidance I got from Mr Hafiz and my friends, I managed to finish the tasks.

Comments

Post a Comment