IVN Final Project: Animated 1 Page Visual Novel

 Technical Recap

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:

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


Progress

Firstly, I decided a three panel comic in AI, using the shape tool with different layers of red.


Then I added another few shapes in the 1st panel to represent a window.

I added my characters that I traced in the 1st panel. I also added a few lines on the window to represent rain drops.



After that, I added the character into the 2nd panel with triangles in the background.

For the 3rd panel, I added eyes.

I decided to add skulls into the eyes, in order to animate it more easily.

Final Static Comic Panel Design:

GIF Animation Process

I decided to use Adobe Photoshop for my Animation.
I created a total of 8 artboards in AI in order to use for my animation. Each artboard has variations on each panel, ie raindrops, lighting, triangles, and skulls.


I exported my artboards and imported it to Photoshop to use as my frames.


In total, I used 8 frames and no delay for each frame for my GIF animation.

Final Animated Comic Panel

Reflection

This project was interesting as I have never made a comic before. I have also learned that making frame animation is tedious, but it is kind of satisfying seeing my animation come alive.

Comments

Post a Comment

Popular posts from this blog

Intercultural Design

Image
Week 1 - 7 Ng Zheng Kai 0359424 Intercultural Design / Bachelor of Design in Creative Media (hons)`  Project 1, 2 & 3: Hanhaba Obi  INSTRUCTIONS A proposal to concretise ideas, supported by research, for a final design revolving a given theme that reflects students’ understanding and interpretation of global issues and design aesthetics. The general theme is “Cultural Sensitivity in Design” You are to study a cultural phenomenon, or a particular subculture that is perceived as ‘sensitive’, and “frame” your study within the chosen theme. You are to convey this cultural aspect without altering the actual facts but within a presentable interpretation and adaptation that raises awareness from the viewers. Produce some preliminary ideas on how to visually express you interpretation using design language. Each idea is to be supported by a short ratio
Read more

Experiential Design: Exercises

Image
23/09/2024 - 20/10/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Exercises INSTRUCTIONS Week 1 -Introduction to the module and expectations of the class Week 2  -Journey map group activity In this group activity, we were to come up with a user journey map on an existing place. We cam up with Genting Skyworlds Theme Park and used Miro to create the journey map Fig 1.1 Group Activity User Journey Map Fig 1.2 Miro User Journey Map Task 1: AR Animals Task: Launch google.com on your phone browser search for dinosaur or dog, cat, tiger View in 3D View in AR (Life Size) Fig 1.3 View in 3D Fig 1.4 View in AR
Read more

Experiential Design: Project 1

Image
4/11/2024 - 12/11/2024 Ng Zheng Kai 0359424 Bachelor of Design in Creative Media Experiential Design Project 1 INSTRUCTIONS Ideation process: Project 1: Anatomy Educational AR App Problem : Limited access to detailed and interactive anatomical models of the human body for educational purposes. Solution : An AR-powered platform allowing users to explore and interact with detailed 3D anatomical models of the human body. Fig 1.1 Anatomy AR App Feedback from Mr Razif: Animation on 3D models showcasing how different biological systems works could be interesting but animating 3D models might be hard to achieve. Project 2: Furniture Placement AR Problem: Difficulty
Read more