Illustration & Visual narrative | Final Task: Comic cover and Animated One Page intro

 





02/07/2024 -   26/07/2024 / Week 11 - Week 14

Rio Sato / 0360530
Illustration & Visual Narrative / Bachelor of Design (Honours) in Creative Media / Taylors University
Final Task: Comic cover and Animated One Page intro

1. LECTURES

Week 11 - Comic cover and Animated One Page intro

Project Brief

Fig. 1.1 Module Information Booklet

A motion comic (or animated comic) is a form of animation combining elements of print comic books and animation. Individual panels are expanded into a full shot while sound effects, voice acting, and animation are added to the original artwork. (Wikipedia)


You are to select a story from the short stories of Edgar Allan Poe and you are to create:

1. Comic Cover Page
2. Animated One Page Intro

Animated scope:
1. Parallax (to create depth)
2. Secondary Action
3. Animated Background

Week 12 - 14 Feedback Session

2. FINAL PROJECT

The Oblong Box

Synopsis

The story follows the narrator's sea voyage from Charleston to New York on the packet-ship "Independence." Among the passengers is his old friend, the artist Cornelius Wyatt, who is traveling with his newlywed wife and two sisters. The narrator becomes intrigued by Wyatt's behavior and the presence of an oblong box that Wyatt keeps in his stateroom. Wyatt appears unusually secretive and morose, further fueling the narrator's curiosity.

As the ship sails, the narrator observes strange events, including Wyatt's wife sneaking into an extra stateroom at night and Wyatt prying open the mysterious box. The situation takes a dramatic turn when the ship encounters a violent storm near Cape Hatteras, leading to significant damage and eventual abandonment. During the chaos, it is revealed that the box contains the embalmed body of Wyatt’s deceased wife, who had died just before the voyage. To avoid the ship's passengers' superstitions about traveling with a corpse, Wyatt had arranged for her maid to impersonate her.

The story combines elements of mystery and suspense, exploring themes of love, loss, and the lengths to which one might go to honor a loved one’s memory.


Comic Cover

3.1 Research

I chose the story "The Oblong Box" by Edgar Allan Poe for the final project. I started my research on Pinterest and found some references for the final project. They are mostly based on the Concept Art Style so I created my work following this style.

Fig. 3.1.1 Reasearch

3.2 Sketch

After reading the entire story, I came up with the idea of using a packet ship to express it. This serves as the introduction to invite the audience into the story.

Fig. 3.2.1 Comic Cover - Sketch

3.3 Process Work

My comic cover includes three layers: the background, a packet ship, and some ocean waves.

To create the background, I took five steps. I used various effects, especially the transparency effect. The hardest part was expressing darkness and moonlight.


Fig. 3.3.1 Comic Cover - Background

The second layer was created using the pen tool. It was difficult to present the depth, but I learned that color styling is important through this process.

Fig. 3.3.2 Comic Cover - a Packet Ship

The challenging part of expressing waves, just like with the ship, was the color. It was relatively difficult because if you don't skillfully combine dark and light colors, the waves won't appear dynamic. Also, I added the wave effect to this.

Fig. 3.3.3 Comic Cover - Ocean Waves

3.4 Typography

I prepared three comic covers that have different fonts and compositions for the titles. I got some feedback from Mr. Hafiz, he chose Attempt#3 composition. I liked the font of #1, so I tried to make it again.

Fig. 3.4.1 Comic Cover - Typography Attempt #1-#3

3.5 Final Outcome

Fig. 3.5.1 Comic Cover - JPEG

One page Intro

3.6 Sketch

Based on the research, I drew six scenes. These scenes illustrate the key moments of the story, capturing both the dramatic and subtle elements that drive the narrative forward. Each frame was carefully planned to ensure a seamless flow and to maintain the reader's engagement throughout the comic.

Fig. 3.6.1 One-Page Intro - Sketch

3.7 Process Work

I took some pictures of my friend as samples. This allows me to consider the details for the composition of this comic page.

Fig. 3.7.1 Sample photo#1

Fig. 3.7.2 Sample photo#2

Based on these samples, I created 18 elements for the comic page. I used the pen tool, some effects to add texture, and transparency as I learned from past lectures.

Fig. 3.7.3 Elements

After combining all the elements, I added the dialogues. I wanted to make the composition of the dialogues beautiful, so I tried to arrange them in this pink zone.

Fig. 3.7.4 Composition of the Dialogues

Key elements include the balance between text and imagery, the use of white space to avoid clutter, and the strategic placement of elements to guide the viewer's eye. The color scheme are chosen to enhance readability and draw attention to important information. Overall, the design aims to provide a clear and concise introduction while maintaining visual interest.
Fig. 3.7.5 One-Page Intro - Composition

3.8 Final Outcome

Fig. 3.8.1 One Page Intro - JPEG

Fig. 3.8.2 Animated One Page Intro - GIF

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