MOTION GRAPHICS Dante OConnor WHAT ARE MOTION GRAPHICS

  • Slides: 25
Download presentation
MOTION GRAPHICS Dante O’Connor

MOTION GRAPHICS Dante O’Connor

WHAT ARE MOTION GRAPHICS? “ Motion graphics are graphics that use video footage and/or

WHAT ARE MOTION GRAPHICS? “ Motion graphics are graphics that use video footage and/or animation technology to create the illusion of motion or rotation, graphics are usually combined with audio for use in multimedia projects. Motion graphics are usually displayed via “ electronic media technology, but may be displayed via manual powered technology as well. The term is useful for distinguishing still graphics from graphics with a transforming appearance over time without over-specifying the form. (1) You are a ninja if you can see this… or the gamma is

DIFFERENT TYPES OF MOTION GRAPHICS v Animation v Green Screen/Chromakey v Video compositing v

DIFFERENT TYPES OF MOTION GRAPHICS v Animation v Green Screen/Chromakey v Video compositing v Particle effects v Motion Tracking

WHO WERE THE PIONEERS OF MOTION GRAPHICS? Saul Bass John Whitney

WHO WERE THE PIONEERS OF MOTION GRAPHICS? Saul Bass John Whitney

WHO IS JOHN WHITNEY? v John Whitney was one of the early pioneers of

WHO IS JOHN WHITNEY? v John Whitney was one of the early pioneers of motion graphics. v He worked on Psycho with Saul Bass. v He spent over 40 years on computer work and developed some specialist equipment for his work. v His showreel became a 60’s classic of psychedelia.

WHO IS SAUL BASS? v Again, Saul Bass was an early pioneer of motion

WHO IS SAUL BASS? v Again, Saul Bass was an early pioneer of motion graphics. v People said that his opening graphics told everyone about the film in the first few seconds. v He uses a lot of moving lines in his work and line drawings, together with video manipulation.

COMPUTER GENERATED MOTION GRAPHICS v An example of computer generated motion graphics is the

COMPUTER GENERATED MOTION GRAPHICS v An example of computer generated motion graphics is the use of the Red Queen in the Resident Evil film series. Computer generation motion graphics are used to reproduce scenarios of futuristic technology to show The viewer important Background information.

WHAT ARE SOME TYPES OF MOTION GRAPHICS?

WHAT ARE SOME TYPES OF MOTION GRAPHICS?

WHAT ARE PARTICLE SYSTEMS v Particle systems are used in film to show things

WHAT ARE PARTICLE SYSTEMS v Particle systems are used in film to show things like blood spatters, explosions, snow, floods etc. v They can also be used to create images like glowing tails and dust Particles. Demo

WHAT IS VIDEO COMPOSITING? v Video compositing is where two videos are merged together

WHAT IS VIDEO COMPOSITING? v Video compositing is where two videos are merged together to make it look like one. v The short film series ‘Fear Itself’ is a good example of this. Demo

WHAT IS GREEN SCREEN? v Green screen/chromakey is the use of projecting a background

WHAT IS GREEN SCREEN? v Green screen/chromakey is the use of projecting a background onto a single coloured sheet. It is used to create environments that would be impossible to use in real life. v One example of this is Knightmare, where the audience are shown bizarre animations which are meant to represent enemies of challenges that the player has to complete.

WHAT IS MOTION TRACKING? v This is where words or signs are used to

WHAT IS MOTION TRACKING? v This is where words or signs are used to show movement in a scene. Demo You will buy me a coke

WHAT IS ANIMATION? v Animation in motion graphics can often be seen in childen’s

WHAT IS ANIMATION? v Animation in motion graphics can often be seen in childen’s tv programmes. The effect is often more clearly an animated image rather than something like ‘Tangled’ Demo

GOOD USE OF MOTION GRAPHICS – SIN CITY Demo

GOOD USE OF MOTION GRAPHICS – SIN CITY Demo

EXAMPLE 1: SIN CITY GREEN SCREEN: SIN CITY was constantly filmed on a green

EXAMPLE 1: SIN CITY GREEN SCREEN: SIN CITY was constantly filmed on a green screen. It’s a fast way to transport people from one location to the next, because the background is digitally imported in. This film has one of the best uses of green screening baring “Tim Burton’s: Alice in Wonderland” because it doesn’t give hints that it is shot on a green away any screen

v An example of a combination of the original graphic novel scene, the green

v An example of a combination of the original graphic novel scene, the green screen from the film and the final image from the film, showing the development of the final film.

Motion graphics were used in this film by originally shooting in colour, and then

Motion graphics were used in this film by originally shooting in colour, and then converting to B&W. Certain areas were then re-coloured to add the dynamics and give it a comic book feel. Robert Rodrigues wanted to make Frank Miller’s Sin City because he didn’t want to turn it from a book to a film and lose the effect.

v This scene used a video mask over the actors in order to recreate

v This scene used a video mask over the actors in order to recreate the scene from the comic book. v Again, I believe that this is a good use of motion graphics because it’s an accurate recreation from the graphic novel.

ELEMENTAL EFFECTS: The rain would have been created on something like Adobe After Effects

ELEMENTAL EFFECTS: The rain would have been created on something like Adobe After Effects a using particle effect. The thing that pushes this to the edge of realism is that when the rain hits the surface of the flooring, it causes ripples, but when it comes into contact with the dress, no ripples form.

v Motion graphics were used here to create the Sin City title. It uses

v Motion graphics were used here to create the Sin City title. It uses an aerial view which is zoomed out from two characters curled up and expands to form the words.

BIBLIOGRAPHY SLIDE 1 Definition http: //en. wikipedia. org/wiki/Motion_graphics Sin City clip http: //www. youtube.

BIBLIOGRAPHY SLIDE 1 Definition http: //en. wikipedia. org/wiki/Motion_graphics Sin City clip http: //www. youtube. com/watch? v=bln. Mt. BZl. Mok&hd=1 Titles Explosion http: //www. youtube. com/watch? v=zm. JDa 9 dpt. Yk&hd=1 Saul Bass http: //www. imdb. com/name/nm 0000866/ John Whitney http: //www. awn. com/mag/issue 2. 5/2. 5 pages/2. 5 moritzwhitney. html Computer generated motion graphics http: //footage. shutterstock. com/clip-1918207 -stock-footagecomputer-generated-panel-showing-digital-graphics-of-the-earth-and-technical-data. html Particle systems http: //www. motionmedia. org/started-particle-system-motion. html

BIBLIOGRAPHY SLIDE 2 Particle example : http: //www. google. co. uk/imgres? um=1&hl=en&safe=off&biw=1280&bih=909&tbm=isch&tbnid=19 Hb. THZ

BIBLIOGRAPHY SLIDE 2 Particle example : http: //www. google. co. uk/imgres? um=1&hl=en&safe=off&biw=1280&bih=909&tbm=isch&tbnid=19 Hb. THZ 9 FGJvg. M: &imgrefurl=http: //articles. nydailynews. com/2009 -02 -17/local/17916835_1_sea-levels-rise-twofeetflooding&docid=Sbhok 12 Yx. YC 4 MM&imgurl=http: //assets. nydailynews. com/polopoly_fs/1. 393463!/img/htt p. Image/image. jpg&w=450&h=241&ei=Tqto. UOu. VFMq 50 QWyq. YCAAw&zoom=1&iact=hc&vpx=932&vpy= 160&dur=613&hovh=164&hovw=307&tx=218&ty=90&sig=114696430927878277156&page=1&tbnh=86& tbnw=160&start=0&ndsp=30&ved=1 t: 429, r: 5, s: 0, i: 83 http: //www. youtube. com/watch? v=VO-GWU 3 u 1 n 8&feature=relmfu John Whitney http: //www. google. co. uk/imgres? imgurl=http: //www. awn. com/mag/issue 2. 5/2. 5 images/whitneyarchive%2 52001. gif&imgrefurl=http: //www. awn. com/mag/issue 2. 5/2. 5 pages/2. 5 whitneyarchive. html&h=260&w=205 &sz=38&tbnid=Hg. Qr. Tn. Uopg. Dn. YM: &tbnh=186&tbnw=146&prev=/search%3 Fq%3 Djohn%2 Bwhitney%2 B photo%26 tbm%3 Disch%26 tbo%3 Du&zoom=1&q=john+whitney+photo&usg=__A 4 C 92 m. Rbioq. OQp. B 14 R XKXHx. Q 6 q. Y=&docid=TAj. Bd. Hk 4 npee. M&sa=X&ei=ovhp. UMGn. LKOp 0 QXa 1 o. CYDg&ved=0 CCIQ 9 QEw. AA

BIBLIOGRAPHY SLIDE 3 Saul Bass http: //www. google. co. uk/imgres? imgurl=http: //hitchcock. tv/people/img/bassp 2.

BIBLIOGRAPHY SLIDE 3 Saul Bass http: //www. google. co. uk/imgres? imgurl=http: //hitchcock. tv/people/img/bassp 2. jpg&imgrefurl=http: //hitch cock. tv/people/bass. html&h=263&w=212&sz=29&tbnid=tg. Jwyhbvb. He 9 UM: &tbnh=98&tbnw=79&prev=/ search%3 Fq%3 Dsaul%2 Bbass%2 Bphoto%26 tbm%3 Disch%26 tbo%3 Du&zoom=1&q=saul+bass+phot o&usg=__so. LIDYi. Ycw. B 1 nl 9 x. Fc. Cjar. Z 6 Vw. A=&docid=Rp. ADc 3 Ffjq 7 EM&sa=X&ei=Wvhp. UKGRFe. Gk 0 QXPk. IDIDg&ved=0 CGYQ 9 QEw. FA&dur=747 Fear itself http: //img 2 -1. timeinc. net/ew/dynamic/imgs/080603/horror/Fear-Itself_l. jpg http: //www. youtube. com/watch? v=a 1 p. Tl. DAr. Mz. Y Gaia http: //www. behance. net/gallery/Gaia 10 -Official-Trailer/570760 British Gas http: //www. youtube. com/watch? v=w. JRqnjib. Wy. Y

NINJAS Have seem to of stole the content of this page (sorry about that)

NINJAS Have seem to of stole the content of this page (sorry about that)