Illustration and Visual Narrative// Task 2// Decisive Movement
Chan Siew NI #0352518 BDCM
24/9-22/10 (Week 5-Week9)
Illustration and Visual Narrative
Task 2//Decisive Movement
LECTURES
Week 5(24/9): Today, Ms Anis starts the lecture and today's topic is
Chiaroscuro and Composition. After that, Ms Anis and Ms Jennifer
starts to check on our final outcome of task 1 which is vormator
and game card design. Then, Ms Jennifer start to teach us on the
task 2 which is poster design.
Figure 1: Ms Jennifer teaching how to make the
poster
Chiaroscuro: the use of light and dark to create the illusion of
three-dimensional volume on a flat surface.
To create an artistic lightning:
-
increase dramatic tension
-
create sensational effect
-
pull your attention to a subject in an intense way
-
create a tasteful composition(negative vs positive
space)
Week 6(1/10): Ms Anis introduced us today's topic which is composition #3
Rhythm and movement. Then, Ms Anis and Ms Jennifer started to
check on our progress on task 2.
A good composition should have- Value tones, Shapes, Positive
vs Negative spaces(Chiaroscuro), Perspectives/ spatial depth
Good Rhythm= Good movement
Basic visual element(ways/tools) to create movement - Lines/
Shapes
Figure 1.1: Rhythm in arts, The great wave off Kanagawa,
sources from Google
INSTRUCTIONS
<iframe
src="https://drive.google.com/file/d/1RN36OQUeZSK-TUPG1aQjZG1fVynuwQjI/preview"
width="640" height="480" allow="autoplay"></iframe>
1. Visual Research
Figure 2: Joker minimalist poster sources from Google
Figure 2.1: The Shawshank Redemption minimalist poster sources
from Google
Figure 2.2: Lalaland minimalist poster sources from
Google
Inspiration
Youtube video scene link: https://www.youtube.com/watch?v=yO28Z5_Eyls&ab_channel=FoxFamilyEntertainment
Figure 2.3: Fanart sources from Pinterest
Figure 2.4: Movie scene sources from Google
I decided to draw the movie called 'The Greatest Showman'
because it is one of my favourite movie. I am choosing the
scene when the girl (Zendaya) and the boy (Zac Efron) has
forced to break up because of their different social class.
I think this scene is so touching and I like the song
(rewrite the stars)so much.
2. Sketches
I sketch it using ipad and I think the original scene is a
bit too simple so I change it to the girl sitting on the
ring and the guy is pulling it down.
Figure 3: sketch without colors
Figure 3.1: Sketch with colors
3.Digitalize
Then , based on my sketches, I traced it in Adobe Illustrator.
Figure 3.2: work progress on choosing the colors for the
girl
Figure 3.3: work progress on drawing the boy
Figure 3.4: work progress on the background
Color Study
Figure 3.5: color study of the minimalist poster
<iframe
src="https://drive.google.com/file/d/1QipMtsoqejcKGI7qGZzHNN_GNQMSlyhG/preview"
width="640" height="480"
allow="autoplay"></iframe>
Figure 3.6：Selected for final minimalist poster,
17/10
4.Animated GIF
After done doing the poster, I can start proceed to make the
animating part, first, we have to copy layer by layer from
Adobe Illustrator to Adobe Photoshop and then name it properly
so that we can recognize it.
Figure 4: work progress on animating the gif,15/10/21
The concept I tried to make is the girl who sitting on the
ring will moving down slowly and the man will be pulling the
ropes. Then, I also tried to make the stage light getting
brighter and brighter slowly in this gif. And the title and
will also appear slowly.
Figure 4.1: Gif of the movie scene, sources from Google
Figure 4.2: work progress on animating the gif,
15/10/21
To make the effects, I tried to make what Ms Jennifer taught
in the class, I added some keyframes on the layer 'light' and
slightly change the opacity from 0 to 100 so that the light
appear from dark to bright.
Figure 4.3 : work progress on animating the gif,
15/10/21
Then, I want to make the girl moving down slowly and what I
did to make this effects is I duplicate the layers and
change the position slowly so that at the end it will be
like the girl moving down. I would say that this progress is
the hardest part because I need to make sure that the
position wasn't changing too much or else it will be
weird.
Figure 4.4: work progress on animating the girl , 25/10/21Then, I found another way that let the girl moving down which is set timeframe on the position and this is way more convenient and easier.
Figure4.5: Final animated gif
FINAL OUTCOME
Google drive link : https://drive.google.com/drive/folders/15uGyH8g_if630I9ZBH9ai8ElTYPe-kix?usp=sharing
Figure 5: Final minimalist poster in jpg
Figure 5.1: Final animated gif
FEEDBACK
Week 6: Ms Anis said that my heading is too big. Overall is
good but just need to figure out how do make it animate. Ms
Anis also reminds me to put the log line of the movie.
REFLECTIONS
I think that this task is my favorite project so far. We are able to design a poster on the movie that we like. I also learnt that minimalist poster should simplified all the component but It should also brings out the most important element that people will understand what movie it is after seeing the poster. Although my animated gif seems to be simple but it also took me some times to complete it. But I was quite satisfied with the result and I believed that sometimes less is more.
24/9-22/10 (Week 5-Week9)
Illustration and Visual Narrative
Task 2//Decisive Movement
Figure 1: Ms Jennifer teaching how to make the
poster
Chiaroscuro: the use of light and dark to create the illusion of
three-dimensional volume on a flat surface.
- increase dramatic tension
- create sensational effect
- pull your attention to a subject in an intense way
- create a tasteful composition(negative vs positive space)
Week 6(1/10): Ms Anis introduced us today's topic which is composition #3
Rhythm and movement. Then, Ms Anis and Ms Jennifer started to
check on our progress on task 2.
A good composition should have- Value tones, Shapes, Positive
vs Negative spaces(Chiaroscuro), Perspectives/ spatial depth
Good Rhythm= Good movement
Basic visual element(ways/tools) to create movement - Lines/
Shapes
Figure 1.1: Rhythm in arts, The great wave off Kanagawa,
sources from Google
INSTRUCTIONS
<iframe
src="https://drive.google.com/file/d/1RN36OQUeZSK-TUPG1aQjZG1fVynuwQjI/preview"
width="640" height="480" allow="autoplay"></iframe>
1. Visual Research
Figure 2: Joker minimalist poster sources from Google
Figure 2.1: The Shawshank Redemption minimalist poster sources
from Google
Figure 2.2: Lalaland minimalist poster sources from
Google
Inspiration
Youtube video scene link: https://www.youtube.com/watch?v=yO28Z5_Eyls&ab_channel=FoxFamilyEntertainment
Figure 2.3: Fanart sources from Pinterest
Figure 2.4: Movie scene sources from Google
I decided to draw the movie called 'The Greatest Showman'
because it is one of my favourite movie. I am choosing the
scene when the girl (Zendaya) and the boy (Zac Efron) has
forced to break up because of their different social class.
I think this scene is so touching and I like the song
(rewrite the stars)so much.
2. Sketches
I sketch it using ipad and I think the original scene is a
bit too simple so I change it to the girl sitting on the
ring and the guy is pulling it down.
Figure 3: sketch without colors
Figure 3.1: Sketch with colors
Then , based on my sketches, I traced it in Adobe Illustrator.
Figure 3.2: work progress on choosing the colors for the
girl
Figure 3.3: work progress on drawing the boy
Figure 3.4: work progress on the background
Figure 3.5: color study of the minimalist poster
<iframe
src="https://drive.google.com/file/d/1QipMtsoqejcKGI7qGZzHNN_GNQMSlyhG/preview"
width="640" height="480"
allow="autoplay"></iframe>
Figure 3.6：Selected for final minimalist poster,
17/10
4.Animated GIF
After done doing the poster, I can start proceed to make the
animating part, first, we have to copy layer by layer from
Adobe Illustrator to Adobe Photoshop and then name it properly
so that we can recognize it.
Figure 4: work progress on animating the gif,15/10/21
Figure 4.1: Gif of the movie scene, sources from Google
Figure 4.2: work progress on animating the gif,
15/10/21
To make the effects, I tried to make what Ms Jennifer taught
in the class, I added some keyframes on the layer 'light' and
slightly change the opacity from 0 to 100 so that the light
appear from dark to bright.
Figure 4.3 : work progress on animating the gif,
15/10/21
Then, I want to make the girl moving down slowly and what I
did to make this effects is I duplicate the layers and
change the position slowly so that at the end it will be
like the girl moving down. I would say that this progress is
the hardest part because I need to make sure that the
position wasn't changing too much or else it will be
weird.
Figure 4.4: work progress on animating the girl , 25/10/21
Then, I found another way that let the girl moving down which is set timeframe on the position and this is way more convenient and easier.Figure4.5: Final animated gif
FINAL OUTCOME
Google drive link : https://drive.google.com/drive/folders/15uGyH8g_if630I9ZBH9ai8ElTYPe-kix?usp=sharing
Figure 5: Final minimalist poster in jpg
Figure 5.1: Final animated gif
FEEDBACK
Week 6: Ms Anis said that my heading is too big. Overall is
good but just need to figure out how do make it animate. Ms
Anis also reminds me to put the log line of the movie.
REFLECTIONS
I think that this task is my favorite project so far. We are able to design a poster on the movie that we like. I also learnt that minimalist poster should simplified all the component but It should also brings out the most important element that people will understand what movie it is after seeing the poster. Although my animated gif seems to be simple but it also took me some times to complete it. But I was quite satisfied with the result and I believed that sometimes less is more.
Comments
Post a Comment