Motion Graphics and
Compositing:
Case Study
Ben Clayton
1
Motion Graphics Sequence
Motion graphics are animations in video format that consist of moving art/design illustration to
create a video in a sequence. When people make them they keep in count to make sure they
look smooth when they are animated as well as being eye-catching and informative to the
audience. They are often made using software going from more basic Photoshop and more
advanced illustrator. Businesses often use motion graphics to create interesting fact driven video
and it is now often used by youtubers on more of the serious channels to also give fact driven
content but normally in a very entertaining way.
https://www.youtube.com/watch?v=wX4Cfu3Dd2E This video is an example from YouTube of a
voice over where a lady is going over a serious note about the Water Works and giving big key
facts that are shown within images of what the person editing would suit the imagination of what
she is talking about.
Visual Effects
Matte Paintings: matte paintings were a way of being able to trick audiences into
thinking actors were in a different location. It is the earliest use of illusion in film and
got rid of the issue directors faced with trying to tell a story with their characters in
fictional settings. The term “matte” means to block an image, generally in the
background. Film crews could also use this to save money by using matte paintings to
finish parts of film sets they could not afford such as if they could afford to build the
lower set such as the castle grounds but not the upper set. A static camera would be set
up to shoot both the matte painting and original scene simultaneously
A famous movie is BATMAN made
in 1989 where they used artistic
paintings of real and existing city’s
such as Manhattan to make the
City in the movie called Gotham.
This allowed them to get the
environment they were wanting to
use which was a very gloomy dark
night with emphasise on the
lighting within the sky and
buildings.
Motion Graphics
Titling sequences have been experimented with in lots of ways such as montage and
stop motion and live action.
Watchmen - Opening sequence (2009) live action. More often these days opening and
titling sequences do not last long or are blended in with the opening of the movie. With
the Watchmen they decided to go more old school and use a long opening scene
(5+mins) with live action footage showing the audience suttle things about the movie as
well as showing whom the actors are with it being an almost warm up/tease clip before
the film properly begins.
Alien (1979) Simple stop motion. This trailer gives a very sketchy vibe making it tense as
it is so slow with so little happening making it very minimalistic which isn’t often scene
for title sequences.
The Girl With the Dragon Tattoo (2011) montage. This title sequence shows montage
style where they have used a song with a good bass and beat to cut too so they can have
lots of cinematic shots cut really quickly together to create the montage. With both stop
motion and montage the clips are more often quicker with them both being within
2minutes and the live action being double and this can be why sometimes it is easier to
not do live action as it can be expensive and unnecessary for the style of the movie.
Motion Graphics
Travelling Matte: This was a very early method used to create black and white imagery were
a black drop would be used against the actors to create high contrasts which would move
throughout the frame hence the name ‘travelling’ matte.
Visual Effects
Blue Screen and Mattes: The blue screen was developed in the 1930’s at RKO radio pictures.
The way the blue screen works is by removing a range of colours in the foreground footage
which makes it combine onto the background footage. Blue screen was used as it is the
furthest colour away from skin tones. It was used in the film ‘The old man and the sea’ a
1958 adaptation to create realistic atmosphere. Chroma key is used to add backgrounds,
created using CGI. This made filming easier as different takes could be composited together
and actors did not have to be in the same place to appear in the same shot. It also allowed
motion to be used in composited shots. This is still used today but better software means
the process is even simpler than before.
Visual Effects
Chroma Key: This was an extradinoary break through. It was a mathematical process that
would take a variety of colours of a video and turn them transparent. It is still used today
for weather forecast broadcasting to create the map to show the weather.
Visual Effects
CGI (Computer Generated Imagery). It is 3D computer graphics used within almost all
media nowadays. CGI can help with the impossible which could be making an alien space
ship fly over America and blow it up which could now be designed by someone and made
virtually. For movies CGI can be the biggest money saver of them all as directors can save
money on things like special effects (explosions) which can be very expensive and also
dangerous to do where as now it can be done all on a computer.
Motion Graphics Sequence
From the famous James Bond movie ‘Casino Royale’ made in 2006
the opening sequence made by Daniel Kleinman a sequence designer
for the James Bond movies since the originals. The motion sequence
is made to fit the theme of the movie of casinos hence the name of
the movie ‘Casino Royale’. The design and art style has been made to
look like playing cards which adds to the whole casino theme. Close
to the beginning of the sequence is a ladies face to instantly create a
mystery for the viewer as for those James Bond fans they will
instantly relate it to the typical one of James lovers. The colours have
been used to collate the audiences typical viewing of them so they
understand what they represent without thinking it, such as the
section with Bond fighting a bad guy and this is clear this is what is
happening as Bond is shown throughout the beginning of the
sequence in his black and white suite with the enemy looking similar
but red which we link to blood and violence.
From the movie ‘Vertigo’ made in 1958 the opening sequence made
by Saul Bass and Alfred Hitchcock. The motion sequence begins by
showing the appearance of Kim Novak to help the audience see the
emotion and create a instant connection to the character. The
sequence moves on to displaying the film title ‘VERTIGO’ in a large
text which enlarges and goes of the screen to a swirling colourful
pattern. Saul Bass used the swirling pattern as it links to the title of
the movie as the meaning of Vertigo is “a sensation of whirling and
loss of balance…”. As soon as you see this swirling image it makes you
think of illusions which can also create “whirling and loss of balance”.
Frame Rate
This depends entirely on the usage of the final product.
For Film – projected at 24fps
Television in the UK – 25fps
Internet/web use – up to 60fps
Video Format
MPEG-4 this is a method of compressing an audio and visual digital data (AV). You will lose some quality within the video compared to the
original raw footage but you will also get a smaller file size (easier for storing onto a device).
MOV a audio and visual file that can be easily edited within QuickTime. Within QuickTime both MPEG4 and MOV can be interchangeable
since they use the same formats. MPEG-2 “the generic coding of moving pictures” is a lossy video compression and lossy audio
compression. (Lossy Compression is the class of data encoding methods that uses inexact approximations and partial data discarding to
represent the content. These techniques are used to reduce data size for storage content). MPEG-2 is also known as H.222/H.262 and ITU).
Screen Ratios
For Film – 1.85:1 and 2.40:1 (most anamorphic showings)
Television – 1.77:1 (16:9)
For Web - Youtube and vimeo primarily uses 16:9
Resolution
Due to screen ratios, this can effect the resolution. As a rule of thumb, the higher the resolution, the better the
image quality due to the number of pixels present
4K: 3840x2160
Full HD: 1920x1080
HD: 1280x720
SD: 720x576
Compression
Format: H.264 and the present “Vimeo” or “Youtube” at 1080p 24 or
25p
The higher the bitrate, the better quality, but also larger the file size

More Related Content

PPTX
[Pro forma] - mographics - case study
PPTX
Task one pro forma
PPTX
Unit 64 motion graphics
PPTX
Motion graphics Case study
PPTX
Pro forma - mographics - case study(1) (1)
PPTX
Pro forma - mographics - case study(1)
PPTX
Case Study - Motion Graphics
PPTX
Motion Graphics - Case Study
[Pro forma] - mographics - case study
Task one pro forma
Unit 64 motion graphics
Motion graphics Case study
Pro forma - mographics - case study(1) (1)
Pro forma - mographics - case study(1)
Case Study - Motion Graphics
Motion Graphics - Case Study

What's hot (20)

PPTX
[Pro forma] - mographics - case study
PPTX
[Pro forma] - mographics - case study(1)
PPTX
[Pro forma] - mographics - case study(1) (1)
PPTX
[Pro forma] - mographics - case study
PPTX
Motion graphics case study
PPTX
Darkknight
PPTX
My evaluation – question 1
DOCX
Marketing
PPTX
Film and video editing techniques template 2014 v2
PPTX
Film and video editing techniques template 2014 v2
PPTX
Pp!!!!film and video editing techniques template 2014 v2
DOCX
Assignment 1
PPTX
Screenshots in premiere pro
PPTX
Media Evaluation Questions 1 & 4
PPTX
[Pro forma] - mographics - case study
PPTX
Stage 2
PPTX
Presentationforquestion1 final
DOCX
Final assignment
PPTX
Media evaluation question 4
PPT
Question 1 for media evaluation pow
[Pro forma] - mographics - case study
[Pro forma] - mographics - case study(1)
[Pro forma] - mographics - case study(1) (1)
[Pro forma] - mographics - case study
Motion graphics case study
Darkknight
My evaluation – question 1
Marketing
Film and video editing techniques template 2014 v2
Film and video editing techniques template 2014 v2
Pp!!!!film and video editing techniques template 2014 v2
Assignment 1
Screenshots in premiere pro
Media Evaluation Questions 1 & 4
[Pro forma] - mographics - case study
Stage 2
Presentationforquestion1 final
Final assignment
Media evaluation question 4
Question 1 for media evaluation pow
Ad

Similar to Ben Clayton Motion Graphics (20)

PPTX
Motion Graphics and Compositing Case Study
PPTX
[Pro forma] - mographics - case study
PPTX
[Pro forma] - mographics - case study(1) (1)
PPTX
[Pro forma] - mographics - case study(1)
PPTX
[Pro forma] - mographics - case study
PPTX
[Pro forma] - mographics - case study finished
DOCX
Annotation1
DOCX
.The proposal interactive menu .
PPTX
[Pro forma] - mographics - case study
DOCX
Motion graphics and_compositing_video_analysis_worksheet 4
DOCX
Motion graphics and_compositing_video_megan_robinson_1
PDF
Motion Graphics Vs VFX
DOCX
Motion graphics and_compositing_video_analysis_worksheet
DOCX
Worksheet 3
DOCX
Coraline motion graphics_and_compositing_video_analysis_worksheet.docx_corali...
DOCX
Motion graphics and_compositing_video_analysis_worksheet 4
DOCX
Motion graphics and_compositing_video_analysis_worksheet - original - copy
DOCX
Animated caption annotation
DOCX
Motion graphics and_compositing_video_analysis_worksheet 2
Motion Graphics and Compositing Case Study
[Pro forma] - mographics - case study
[Pro forma] - mographics - case study(1) (1)
[Pro forma] - mographics - case study(1)
[Pro forma] - mographics - case study
[Pro forma] - mographics - case study finished
Annotation1
.The proposal interactive menu .
[Pro forma] - mographics - case study
Motion graphics and_compositing_video_analysis_worksheet 4
Motion graphics and_compositing_video_megan_robinson_1
Motion Graphics Vs VFX
Motion graphics and_compositing_video_analysis_worksheet
Worksheet 3
Coraline motion graphics_and_compositing_video_analysis_worksheet.docx_corali...
Motion graphics and_compositing_video_analysis_worksheet 4
Motion graphics and_compositing_video_analysis_worksheet - original - copy
Animated caption annotation
Motion graphics and_compositing_video_analysis_worksheet 2
Ad

More from Ben Clayton (20)

PPTX
film evaluation ben clayton
PPTX
Production management stage 1
PPTX
Production management stage 2 2015
PPTX
[Pro forma] corporate - live project evaluation
PPTX
[Pro forma] wtab theory lo1
PPTX
[Pro forma] corporate lo1-lo2
PPTX
Film Studies Assignment 3
PPTX
[Pro forma] wtab theory lo1
PPTX
Corporate & Promotional UNIT 28
PPTX
TV IDENT YOUTH
PPTX
identwokr
DOCX
Rickandmortywork
PPTX
Film and video editing techniques 1322
DOCX
Narrative structure and components
PPTX
Digital graphics evaluation pro forma
PPTX
Digital graphics evaluation pro forma
DOCX
Graphic narrative fairy tales
DOCX
Planning booklet
PPTX
Digital flat plan
PPTX
Jack & the beanstalk book
film evaluation ben clayton
Production management stage 1
Production management stage 2 2015
[Pro forma] corporate - live project evaluation
[Pro forma] wtab theory lo1
[Pro forma] corporate lo1-lo2
Film Studies Assignment 3
[Pro forma] wtab theory lo1
Corporate & Promotional UNIT 28
TV IDENT YOUTH
identwokr
Rickandmortywork
Film and video editing techniques 1322
Narrative structure and components
Digital graphics evaluation pro forma
Digital graphics evaluation pro forma
Graphic narrative fairy tales
Planning booklet
Digital flat plan
Jack & the beanstalk book

Recently uploaded (20)

PDF
FYJC - Chemistry textbook - standard 11.
PPTX
growth and developement.pptxweeeeerrgttyyy
PDF
Kalaari-SaaS-Founder-Playbook-2024-Edition-.pdf
PPT
hemostasis and its significance, physiology
PDF
CHALLENGES FACED BY TEACHERS WHEN TEACHING LEARNERS WITH DEVELOPMENTAL DISABI...
PPTX
ACFE CERTIFICATION TRAINING ON LAW.pptx
PPTX
Neurological complocations of systemic disease
PDF
Horaris_Grups_25-26_Definitiu_15_07_25.pdf
PDF
BSc-Zoology-02Sem-DrVijay-Comparative anatomy of vertebrates.pdf
PDF
FAMILY PLANNING (preventative and social medicine pdf)
DOCX
EDUCATIONAL ASSESSMENT ASSIGNMENT SEMESTER MAY 2025.docx
PDF
Disorder of Endocrine system (1).pdfyyhyyyy
PPTX
CHROMIUM & Glucose Tolerance Factor.pptx
PDF
anganwadi services for the b.sc nursing and GNM
PDF
faiz-khans about Radiotherapy Physics-02.pdf
PPTX
Approach to a child with acute kidney injury
PDF
Health aspects of bilberry: A review on its general benefits
PPTX
Math 2 Quarter 2 Week 1 Matatag Curriculum
PDF
Compact First Student's Book Cambridge Official
PPSX
namma_kalvi_12th_botany_chapter_9_ppt.ppsx
FYJC - Chemistry textbook - standard 11.
growth and developement.pptxweeeeerrgttyyy
Kalaari-SaaS-Founder-Playbook-2024-Edition-.pdf
hemostasis and its significance, physiology
CHALLENGES FACED BY TEACHERS WHEN TEACHING LEARNERS WITH DEVELOPMENTAL DISABI...
ACFE CERTIFICATION TRAINING ON LAW.pptx
Neurological complocations of systemic disease
Horaris_Grups_25-26_Definitiu_15_07_25.pdf
BSc-Zoology-02Sem-DrVijay-Comparative anatomy of vertebrates.pdf
FAMILY PLANNING (preventative and social medicine pdf)
EDUCATIONAL ASSESSMENT ASSIGNMENT SEMESTER MAY 2025.docx
Disorder of Endocrine system (1).pdfyyhyyyy
CHROMIUM & Glucose Tolerance Factor.pptx
anganwadi services for the b.sc nursing and GNM
faiz-khans about Radiotherapy Physics-02.pdf
Approach to a child with acute kidney injury
Health aspects of bilberry: A review on its general benefits
Math 2 Quarter 2 Week 1 Matatag Curriculum
Compact First Student's Book Cambridge Official
namma_kalvi_12th_botany_chapter_9_ppt.ppsx

Ben Clayton Motion Graphics

  • 2. Motion Graphics Sequence Motion graphics are animations in video format that consist of moving art/design illustration to create a video in a sequence. When people make them they keep in count to make sure they look smooth when they are animated as well as being eye-catching and informative to the audience. They are often made using software going from more basic Photoshop and more advanced illustrator. Businesses often use motion graphics to create interesting fact driven video and it is now often used by youtubers on more of the serious channels to also give fact driven content but normally in a very entertaining way. https://www.youtube.com/watch?v=wX4Cfu3Dd2E This video is an example from YouTube of a voice over where a lady is going over a serious note about the Water Works and giving big key facts that are shown within images of what the person editing would suit the imagination of what she is talking about.
  • 3. Visual Effects Matte Paintings: matte paintings were a way of being able to trick audiences into thinking actors were in a different location. It is the earliest use of illusion in film and got rid of the issue directors faced with trying to tell a story with their characters in fictional settings. The term “matte” means to block an image, generally in the background. Film crews could also use this to save money by using matte paintings to finish parts of film sets they could not afford such as if they could afford to build the lower set such as the castle grounds but not the upper set. A static camera would be set up to shoot both the matte painting and original scene simultaneously A famous movie is BATMAN made in 1989 where they used artistic paintings of real and existing city’s such as Manhattan to make the City in the movie called Gotham. This allowed them to get the environment they were wanting to use which was a very gloomy dark night with emphasise on the lighting within the sky and buildings.
  • 4. Motion Graphics Titling sequences have been experimented with in lots of ways such as montage and stop motion and live action. Watchmen - Opening sequence (2009) live action. More often these days opening and titling sequences do not last long or are blended in with the opening of the movie. With the Watchmen they decided to go more old school and use a long opening scene (5+mins) with live action footage showing the audience suttle things about the movie as well as showing whom the actors are with it being an almost warm up/tease clip before the film properly begins. Alien (1979) Simple stop motion. This trailer gives a very sketchy vibe making it tense as it is so slow with so little happening making it very minimalistic which isn’t often scene for title sequences. The Girl With the Dragon Tattoo (2011) montage. This title sequence shows montage style where they have used a song with a good bass and beat to cut too so they can have lots of cinematic shots cut really quickly together to create the montage. With both stop motion and montage the clips are more often quicker with them both being within 2minutes and the live action being double and this can be why sometimes it is easier to not do live action as it can be expensive and unnecessary for the style of the movie.
  • 5. Motion Graphics Travelling Matte: This was a very early method used to create black and white imagery were a black drop would be used against the actors to create high contrasts which would move throughout the frame hence the name ‘travelling’ matte.
  • 6. Visual Effects Blue Screen and Mattes: The blue screen was developed in the 1930’s at RKO radio pictures. The way the blue screen works is by removing a range of colours in the foreground footage which makes it combine onto the background footage. Blue screen was used as it is the furthest colour away from skin tones. It was used in the film ‘The old man and the sea’ a 1958 adaptation to create realistic atmosphere. Chroma key is used to add backgrounds, created using CGI. This made filming easier as different takes could be composited together and actors did not have to be in the same place to appear in the same shot. It also allowed motion to be used in composited shots. This is still used today but better software means the process is even simpler than before.
  • 7. Visual Effects Chroma Key: This was an extradinoary break through. It was a mathematical process that would take a variety of colours of a video and turn them transparent. It is still used today for weather forecast broadcasting to create the map to show the weather.
  • 8. Visual Effects CGI (Computer Generated Imagery). It is 3D computer graphics used within almost all media nowadays. CGI can help with the impossible which could be making an alien space ship fly over America and blow it up which could now be designed by someone and made virtually. For movies CGI can be the biggest money saver of them all as directors can save money on things like special effects (explosions) which can be very expensive and also dangerous to do where as now it can be done all on a computer.
  • 9. Motion Graphics Sequence From the famous James Bond movie ‘Casino Royale’ made in 2006 the opening sequence made by Daniel Kleinman a sequence designer for the James Bond movies since the originals. The motion sequence is made to fit the theme of the movie of casinos hence the name of the movie ‘Casino Royale’. The design and art style has been made to look like playing cards which adds to the whole casino theme. Close to the beginning of the sequence is a ladies face to instantly create a mystery for the viewer as for those James Bond fans they will instantly relate it to the typical one of James lovers. The colours have been used to collate the audiences typical viewing of them so they understand what they represent without thinking it, such as the section with Bond fighting a bad guy and this is clear this is what is happening as Bond is shown throughout the beginning of the sequence in his black and white suite with the enemy looking similar but red which we link to blood and violence. From the movie ‘Vertigo’ made in 1958 the opening sequence made by Saul Bass and Alfred Hitchcock. The motion sequence begins by showing the appearance of Kim Novak to help the audience see the emotion and create a instant connection to the character. The sequence moves on to displaying the film title ‘VERTIGO’ in a large text which enlarges and goes of the screen to a swirling colourful pattern. Saul Bass used the swirling pattern as it links to the title of the movie as the meaning of Vertigo is “a sensation of whirling and loss of balance…”. As soon as you see this swirling image it makes you think of illusions which can also create “whirling and loss of balance”.
  • 10. Frame Rate This depends entirely on the usage of the final product. For Film – projected at 24fps Television in the UK – 25fps Internet/web use – up to 60fps Video Format MPEG-4 this is a method of compressing an audio and visual digital data (AV). You will lose some quality within the video compared to the original raw footage but you will also get a smaller file size (easier for storing onto a device). MOV a audio and visual file that can be easily edited within QuickTime. Within QuickTime both MPEG4 and MOV can be interchangeable since they use the same formats. MPEG-2 “the generic coding of moving pictures” is a lossy video compression and lossy audio compression. (Lossy Compression is the class of data encoding methods that uses inexact approximations and partial data discarding to represent the content. These techniques are used to reduce data size for storage content). MPEG-2 is also known as H.222/H.262 and ITU). Screen Ratios For Film – 1.85:1 and 2.40:1 (most anamorphic showings) Television – 1.77:1 (16:9) For Web - Youtube and vimeo primarily uses 16:9 Resolution Due to screen ratios, this can effect the resolution. As a rule of thumb, the higher the resolution, the better the image quality due to the number of pixels present 4K: 3840x2160 Full HD: 1920x1080 HD: 1280x720 SD: 720x576 Compression Format: H.264 and the present “Vimeo” or “Youtube” at 1080p 24 or 25p The higher the bitrate, the better quality, but also larger the file size

Editor's Notes

  • #3: Analyse two motion graphic sequences Discuss the characteristics and any interesting technological issues Annotate your illustrations and examples (please reference these!)
  • #4: Analyse at least one visual effects sequence Discuss the characteristics and any interesting technological issues Visual effects could comprise of: matte painting, miniature or forced perspective, computer generated imagery, compositing etc. Annotate your illustrations and examples (please reference these!)
  • #5: Critically discuss motion graphics and their uses Write about the historical use Write about contemporary uses Evaluate and debate any quotes or discussion made about the subject Don’t forget the following: 5W1H (who, when, what, why, where and how) Advantages and disadvantages to create arguments Include illustrations and examples (please reference these!)
  • #6: Critically discuss motion graphics and their uses Write about the historical use Write about contemporary uses Evaluate and debate any quotes or discussion made about the subject Don’t forget the following: 5W1H (who, when, what, why, where and how) Advantages and disadvantages to create arguments Include illustrations and examples (please reference these!)
  • #7: Critically discuss Visual Effects and their uses Write about the historical use Write about contemporary uses Evaluate and debate any quotes or discussion made about the subject Visual effects can comprise of: matte, compositing, keying, CGI Don’t forget the following: 5W1H (who, when, what, why, where and how) Advantages and disadvantages to create arguments Include illustrations and examples (please reference these!)
  • #8: Critically discuss Visual Effects and their uses Write about the historical use Write about contemporary uses Evaluate and debate any quotes or discussion made about the subject Visual effects can comprise of: matte, compositing, keying, CGI Don’t forget the following: 5W1H (who, when, what, why, where and how) Advantages and disadvantages to create arguments Include illustrations and examples (please reference these!)
  • #9: Critically discuss Visual Effects and their uses Write about the historical use Write about contemporary uses Evaluate and debate any quotes or discussion made about the subject Visual effects can comprise of: matte, compositing, keying, CGI Don’t forget the following: 5W1H (who, when, what, why, where and how) Advantages and disadvantages to create arguments Include illustrations and examples (please reference these!)
  • #10: Analyse two motion graphic sequences Discuss the characteristics and any interesting technological issues Annotate your illustrations and examples (please reference these!) Remember to think about: Colours, style, tone
  • #11: Identify any technical considerations that didn’t feature within your research: Frame rate; video format; screen ratios; resolution; compression