Illustration & Visual Narrative- Final Project: Animated 1 Page visual novel

9.6.2023-7.7.2023 (Week 10-Week 14)
Kelly Lau Jie Ning (0354839)
Illustration and Visual Narrative
Bachelor of Design (Honors) in Creative Media
Final Project: Animated 1 Page visual novel


Continuing from Project 3, based on the selected story, create a ONE PAGE introduction of your visual novel or comic to your readers… with at least ONE animated panel.

Arrange your story in visual sequences that make sense and easily understood. Consider the choice of panel arrangements and transitions. Determine as well which panel(s) will be best visualized as animation. 

Choose the one that has the best timing in the story flow and transitions of the visuals that strongly reflect the narrative through characters, panels, particle effects, texts etc.

Timing is important! Too slow, your animation will be draggy and boring. Too quick, your animation won’t make sense. So timed the flow appropriately!

The challenges are:

1. Continue with the same story and design aesthetics from Project 2
2. Work only from one paragraph of the story for the 1st page.

Progress
I have chosen my introduction to make it into an animated visual novel.
sketch
First scene
Progress in Adobe Illustrator













Progress in Adobe After Effect













Second scene
Progress in Adobe Illustrator













Progress in Adobe Photoshop













Forth scene
Progress in Adobe Illustrator













Fifth scene
Progress in Adobe Illustrator 













Progress in Adobe After Effect













Final outcome
First scene













Second scene


Third scene















Forth scene

Fifth scene

Final Animated panel outcome

























Reflection
The process of creating an animated visual novel demands time management and patience. Juggling between the three Adobe tools which are Adobe Illustrator, Adobe Photoshop and Adobe After Effect careful planning and organization. By breaking down the project into manageable tasks, setting achievable milestones, and staying focused, I could maintain momentum and avoid feeling overwhelmed. Patience became my ally during the animation process, as achieving perfection often took several iterations and fine-tuning.

Comments

Post a Comment

Popular posts from this blog

Intercultural Design - Projects 1,2&3: Proposal, Data Collection and Visual Design

Image
05.02.2024- 22.03.2024/ Week 1-Week 7 Kelly Lau Jie Ning/ 0354839 Intercultural Design/  Bachelor of Design (Honors) in Creative Media Project 1,2&3- Proposal, Data Collection and Visual Design INSTRUCTION Lecture Week 1 First of all, our lecturer took us through the MIB to let us have a basic knowledge of our projects. During briefing time, we know about what we going to do for our current project and our future projects. Visuals are powerful persuasive mediums to provide most of our information about the world.  Visual Communicate What are Visuals? Visuals are... The first design has no meaning. It just appears as a tree. Another design aspect an visuals is that visual that represents something. It comes with meaning and cultural...
Read more

Animation Fundamentals- Exercises

Image
30.04.2024-/Week 2-Week  Kelly Lau Jie Ning/ 0354839 Animation Fundamentals/ Bachelor of Design (Honors) in Creative Media Exercises INSTRUCTION Exercise 1-Bouncing Ball Animation We do this exercise in class. We must draw a short bouncing ball animation using Adobe Animate. In week 2 class, we try to use Adobe Animate by creating a bouncing ball animation. In this class, we learn frame rate, timing & spacing, slow in & slow out, timing chart and arcs. First, we create 3 layers: ball, arc, and floor.  Fig 1.1 Layers Next, we draw the floor and the arc. Fig 1.2 The arc and the floor After that, we add the ball frame by frame. Fig 1.3 The ball frame-by-frame Fig 1.4 Timing & Spacing The animation that I did in class   Fig 1.5 Bouncing ball animation done in the class After I go back home, I have done a second version of the boun...
Read more