Motion graphics
For this project I have to develop a
storyboard for an animated Motion graphic, based on the summer project
assignment. We have got five kinds of projects and we have been asked to choose
one of them. The one I chose was to Illustrate a Novel by interpreting the text
visually. The novel I decided to illustrate is “The Picture of Dorian Gray” by
Oscar Wilde.
The Picture Of Dorian Gray –interpretation
of the book
The story takes place in England, in 1890, in an environment
of local high society. Young Dorian, who is just entering the world of social
gatherings, is portrayed by the artist Basil Hallward, who is infatuated with
an incredibly handsome and perfect face of a young man. The entire elite, in
which the boy begins to surrounded yourself is fascinated by emanating from him
innocence, purity and almost angelic kindness. He, who brings Dorian on the
path of evil and perdition is Lord Henry Wotton. It is a very popular figure
among the elite of London, known for its sharp tongue, pointy and blunt
cynicism and defeatism. The charismatic and strong Henry’s personality, have a huge
influence on the inexperienced young man. Lord Henry upsets Dorian with a
speech about the transient nature of youth and beauty. Worried about what Lord
Henry said , Dorian unconsciously curses his portrait to bear the burden of age,
allowing him to stay forever young. However he finds that the work of Basil
brush has other “magic properties” as
well. He notes that the portrait is also a reflection of his emotions and
behaviour, that became his conscience. When, he meets a young actress, Sibyl
Vane in a theatre in London slums, he falls in love with her, and she with him.
However, once he and Sybil are engaged, her passionate love for Dorian makes
her talent disappear as none of her roles on stage seem important to her
anymore. This destroys Dorian's love for her, as it turns out that when he promised her undying affection he,
saw it only in an expression of perfection of art so he brutally dumps her. When
she is rejected, she commits suicide and Dorian’s portrait revels first
changes. From that point, Dorian becomes gradually under the influence of
slogans proclaimed by Harry and books that he recommends, more and more
spoiled, but this is only visible in the image, which had been hidden by him,
as great changes have taken place on it. Begins to lead a nightlife premises with
the worst scum of London's margin. People are starting to avoid him, because
even though the facade remained intact, his behaviour and aura were very
repulsive. Finally, Dorian, who lived for many years with the appearance of
20-year-old, falls first murdering his friend Basil - stubbing him with a
knife, and then shooting the brother of Sibyl. Attempting to live with the good
girl in the countryside and doing good, he fails. Tired with ugliness of his
own soul, he pierces the portrait with a knife. The painting restores the
beauty, and Dorian himself becomes a ugly, rotten corpse.
I divided
this book into themes to make it easier for me to decide on which part I would
like to focus on. Here is a link to a presentation that presents the themes I
looked at and my final decision about the theme I am mainly interested to
develop into a motion graphic video.
Research into Motion Graphics
Motion graphics is a digital
technique that consist of words, illustrations, pictures, sound and video. It
help engage your audience with your content, make them understand complex
topics and make it more professional, and unforgettable.
-
Used
in commercial, music trailers, title designs, TV
-
Kinds
of Motion Design: 2D animation, stop motion, 3D animation
The Basics of Motion Design
Different types of narrative design:
-
Linear:
the beginning, middle and end
-
Nonlinear:
is where the past, present and future are all mixed up. The stories told
in this case are reveling only what you need to know at that certain point in
time
-
Cyclical: The story repeats itself over and over
again
-
Thematic: an in-depth exploration of a subject that
is not concerned with forward
Technical basics
- - Know
the format of the medium
- - Frame
rate: 1FPS (slow) 25FPS (fast)
- - 24
frames per second will look smooth
- - First
and last frame in most cases should be in a neutral colour because it will help
to clearly define the beginning and the end of your work
- - Try
to keep things in motion: scale, move, switch, rotate
- - Action
is the subject of the scene
- - Activity
borrows life to a scene
- - Reaction
roots the action in the environment
Sound
- the use of
sound effects assists to appreciate the visuals
- you can
express different moods in a scene through the use of different background sounds
- Diegetic sound - sound whose source is visible on the
screen for example voices of character or whose source is limited to be present
by the action of the film like music represented as coming from instruments in
the story space
- Non-diegetic -
sound whose source is neither visible on the screen for example narrator's
commentary or has been implied to be present in the action like sound effects
which is added for the dramatic effect.
Transitions – used to switch from one
scene to another
Dissolving
to black – means a long amount of time passes between scenes
Cut
transition- scenes are continued without time gaps
Cross
transition – means that the time of the second scene is the end of the current
action
Keyframes
-
The
time between the keyframes determines the speed of the movement
-
You
can add any number of keyframes in between to clarify the movement
-
To
make the movements more dynamic just let them “easy in” and “easy out”
Cartooning – used to achieve more
dynamic movements
-
Emphasize
the different steps of an animation, squashing, stretching, rotating
Type
-
With
the support of images and sound type can take the leading part, for example you
can make type look funny and happy or scary and dangerous
-
Movements
lets the words appear in a way that amplifies the emotions and may create a
clear message
Motion blur
-
Creates
the illusion of smooth motion by connecting two frames into one single blurred
frame
Negative space
-
The
space which surrounds an object in a picture
-
It
gives enhancement to shape
Principles
Examples of Motion Graphics
Dexter Morning Routine
- - It
presents the main character morning routine
- - Hidden
meanings of the presented segments for example squishing the mosquito – suggest
the joy from killing as the mosquito and blood are centred and in close up.
- - Also we can see smirk on his face after killing it
- - All
shots are a metaphor for murder
- - Extreme
close ups and Close-ups shots of different aspects of morning routine
- - Less
important things are blurred, important things in focus
- - The
title is filled with blood and is little blurry, written in capital letters,
creates a disturbing feeling
- - Switch
from horizontal to vertical compositions
- - The
music is light-hearted and joyful, makes you focus on what is going on, on the
screen and is adjusted to the morning atmosphere
- - Edited
into montage
I like this video because of the metaphors used in it. It gives me an idea on how to effectively make
people understand the content and the main character through the use of
metaphors and how to create an effective montage.
Portraits: Dracula-
Penny Dreadful
- - Voiceover
- - Use
of illustrations and archival footage
- - Cut
transitions
- - Non-diegetic
sounds; signal sounds, sounds of owl, quiver
-
-starts
and ends with the black screen and the main title of the TV series
- - Gothic
fonts
- - Use
of motion blur
I like this motion graphics because of nicely made
illustrations and transitions. It also creates a mysterious and dark atmosphere
throughout the use of black and grey shades. This is similar to what I am
planning to do with my motion graphic idea.
Modern Love – Beyond Age
- - Next
example of an illustrative motion graphic
- - Voiceover
tells the story and the illustrations are illustrating what he says
- - Use
of non-diegetic sounds; emergency call, beeping
- - Use
of scale, move, rotation to keep you interested and entertain
- - Use
of simple drawings
- - Basic
palette of colours; dark and light blue, white, grey and black
- - Calm
music, use of guitar and piano
- - Use
of different kinds of transitions
I like this motion graphics because of its simplicity. They presented a
love story in a clear way. Also despite the drawing are simplified they still
look effectively and that is what I want to do in my project, create a simple
but effective story.
Lorn – ‘Ghosst(s)’
- - Presents
the passage from life to death through the use of illustrations
- - Use
of basic colour scheme
- - Use
of disturbing sound
- - Creates
a creepy feel
- - Use
of transitions
I like this motion graphics because the concept is presented in a simple
way but effectively and it similar to what I want to do. This video present
passage from life to death, my video will present degradation of a soul. I thought
it was worth looking at this video as it made me realize the idea doesn’t have
to be complicated but memorable. It also should cause a stir in you that will
last for a longer amount of time.
Animatics
It is an animated storyboard, that is
brought together in an editing program. It include basic dialogue recording and
sound effects. Animatics let you see what the film might look like and is the
idea understandable and good. The most common software for creating animatics are Adobe After Effects.
Types of animatics:
-
Simple
– contain still frames, may key frames, zooms, sketched background or a still
photography
Example:
-
Modern
– animated, complex and detailed, correct length of time with the content, different
types of transitions, motion
Example:
More examples:
-
-
-
-
-
I chose to do a simple type of animatic. I used drawings I made for my
storyboard and I brought them together in Adobe After Effects.
Then I looked at different types of fonts and chose the background colour
for my first and last frame. I decided to go with the black because most of the
animatics I looked at start and end with neutral colours.
Afterwards I
listened to different soundtracks and decided which will work the best for my
story. I decided to go with a bit disturbing and dark kind of sound as it brings to the whole storyboard creepy mood.
The
soundtracks I looked at:
- Lorde - Everybody Wants
to Rule the World
- Orchestral sounds
- Orchestral sounds
- Orchestral sounds
- Orchestral sounds
Kinetic typography
Creation of
moving type through the use of different animation techniques like, shrinking,
flying, moving in slow motion, growing and changing. This technique is used to
add emphasis to certain content and help to convey tone or emotion. It also helps
to make the whole design look unique and interesting for the audience.
https://www.youtube.com/watch?v=cqdVEZuTZtg
The video
presents a conversation between advisor and sexually abused child. It is
created with the use of kinetic typography and abstract art. I think it was a
great idea to use kinetic typography for such a heavy subject as typography
make it less uncomfortable and lighter to watch.
An amazing gold
kinetic typography made of abstract and geometrical shapes.
Wonderful
animation spells all the letter, where each character is the initial letter of
a font name. The animation is really smooth and together with the music creates
a lovely feeling.
No comments:
Post a Comment