Labels

Illustration and Visual Narrative / Task 2

30.9.2021-21.10.2021(Week 6 - Week 9)
Chang Jia Yee / 0350402 / Bachelor of Design in Creative Media
Illustration and Visual Narrative 
Task 2 : Decisive Moment

Lecture

Week 6
This week Ms. Anis help us review all the key points we have learned from week 1 to week 5. Ms. Anis and Ms. Jennifer also looked through our artwork and gave feedback to us.

Week 7
This week Ms. Anis talking about 3- Act Structure.

Fig . Traditional 3-acts structure chart
Storytelling basics
Three-acts Structure
1. Setup
2. Rising tension
3. Conflict
4. Resolution

Ms. Anis also told us to prepare a short narrative of story base our character on for our final project.

In practical class, Ms. Jennifer demonstrated us how to animate our decisive moment poster in Photoshop.

Fig . Screenshot of week 6 practical class 
Week 8
Independent Learning Week

Week 9


Instruction


html link :
<iframe src="https://drive.google.com/file/d/1zCcJLpxeFYFrEhZ7oGMu7cKGX0yq14Em/preview" width="640" height="480" allow="autoplay"></iframe>
Task 2 : Decisive Moment

Visual research

Choosen Narrative : The Princess and The Frog

I decided to do the decisive moment of the movie "The Princess and The Frog". This movie is an American animated musical fantasy romantic comedy film produced by Walt Disney Animation Studios and released by Walt Disney Pictures. The film is based on the novel The frog Princess by E.D. Baker.

Fig . Clip of the movie "The Princess and The Frog"

I decided to do this kissing scene as my decisive moment poster and gif. I think this is the decisive moment of this movie. Because of this kiss, Tiana became a frog, and started their stories and adventure journey, so as to create mutual liking later.

Fig . Tiana holding the frog(Prince Naveen)

Fig . Screengrab of kissing scene in the movie

Fig . Firefly- Ray

Fig . Reference of poster

Process：

Fig . Detail of firefly- Ray

I drew a few more of its wings and overlapped them to make Ray look like it was flapping its wings quickly.

Fig . Editing of light

To make firefly-Ray look more vivid and interesting, I decided to restore the glow of its tail. I finished the luminous effect in Photoshop using brush tool and some effects. 

Fig . Editing of lotus

The initial lotus was sketched in Illustrator and pasted into Photoshop for editing stuff. It looks more realistic and vivid after editing.

Fig . Final poster of decisive moment



Animating poster in Photoshop

Fig . Animating in Photoshop

Fig . Expression of each frame

I animated her eyes and eyebrows to show Tiana's emotions and expression when she was going to kiss the frog prince. I edited it according to the princess's expression in this scene of the movie.

Fig . Keyframe of  firefly-Ray movement

I added two kind of keyframes for firefly-Ray. One is the position keyframe is to make it move up and down. I also added opacity keyframe to make it look like it is flashing. The outcome is shown in short video above.

Fig .  First attempt of animating in Photoshop

I think my first attempt of animating it is lack of impact, so i decided to make the effect of light divergence.

Fig . Divergence of light

The figure above shows the process of creating the divergence light. I also add  keyframe to make it looked more smooth when execution. 




Final Submission

Fig . Final poster outcome-jpeg



<iframe src="https://drive.google.com/file/d/1zM2VLt14zGgLF4GdBo4vrU_UjtcfWXzE/preview" width="640" height="480" allow="autoplay"></iframe>

Fig . Final gif

Feedback

General feedback : Don't put the title too big and take up the whole poster, leave some space for people to breathe.

Reflection
This task is really interesting as I can choose my favourite important plot of movie, also make it into a poster and gif. In the feedback session every week, I can also know the stories of the decisive moment made by my classmates, just like everyone discussing movies together, which is very interesting and cheerful.
Labels:

Comments

Post a Comment

Popular Posts