SlideShare a Scribd company logo
1 of 75
Download to read offline
Motion
Graphics
fMY172 JAFRI
LEGEND
Assignments Homework
StoryboardingIBiamsheiming
ArtistHesigneotolookup
Events prospectstoexplore
28Aug2018
0 Tools used AE g Ps Al Cinema4D
ArtistDesigner
PeterMillard
Happy on happy
RULE Alwaysbegin end on black
Packaging putyour
name project name
Artist1Designer Oscar Fasikinger
OpticalPoemCallhanddrawn
Animmsync with beats
complements withmusic
Artist Designer JohnWhitney
FounderofAE
Usemechanical computers to
create animations
Artist1Designer NormanMclaren
Createhanddrawn animations
complementing it withclassical
music.CBegoneDullCare
Akshansh Chaudhary 1 MFADT | Parsons School of Design
Artist1Designer Mohrman
Usedflash computergenerated
DigitalversionofMclaren's
work
Using 8bitdigitalstyle
Artist1Designer 8 MaxHatten Ref Designed
byApple
IsDone in AE CsimilarpieceMolecularinteraction
Think oftheemotions
your
artwork is
trying
toconvey
eg nostalgic escapingreality frightening sad happy
etc
ArtistDesigner Jackson
Pollock
Doesn'thave a synopsis in
his paintings
North byNorthwest
Directed
byAlfredHitchcock
Solbaz Filmshouldstartwhentitle
comes notafterit Beforethis
titles came on blankscreens
Akshansh Chaudhary 2 MFADT | Parsons School of Design
Enter
by Gasper
Flickery Graphics
usingtypefacesinsteadofshapesformotion
graphic
sync
with music
Analog8
kinetic Typography
Typographicanimation
ASSIGNMENT
I Research 8 ParallaxAnimation
Effect shareexamples
Due 8Sept 4g2018
Waitesthabout it
CompositionSettings
1920x1080px
squarepixels
30framespersecond
Preset HDTV 1080 29.97
Akshansh Chaudhary 3 MFADT | Parsons School of Design
SHORTCUTS
Selectthelayer press U Opensonlytheparameters
thathas keyframes
Q wm Opacity T
Rotation Rr
Anchor A
Position P
Scale E S
o
ProRes 4444 Doesn'tdestroyquality
To center
align an object
4Att t Chik on Pan Behindfool
Akshansh Chaudhary 4 MFADT | Parsons School of Design
Parallax is creating an illusion of depth

You create layers and make them move in relation to each other: Layered motion



Create an illusion of circular motion:

	 Make 3 layers: the bottom most one goes in one direction, the topmost goes in the opposite
direction, and the middle one stays there. So, it appears like it’s a circular motion of camera























04Sept2018
USING PARALLAXANMATION
TRACKING MOVEMENT
Cohort in X axis
Camera Movement Std name
singTracksformoot
Pedestal Movement a
DOLLYEthonement in 2 axisMovement in Taxis
Cameraeffect9 can be
attained
byscalinglayers
pedestal movement 1 DOLLY f ZOOM
Akshansh Chaudhary 5 MFADT | Parsons School of Design
Dollyshot Jawszoom Vertigozoom 9 A cameraeffect
sing Dolly
I
Multi Plane Camera Patented
byDisney
A machine in whichthe screen moves I frame
youplacethestilemirage on the layer
Ideas
CameraO
Mone one
frame at a
time I takeitspicture
layer Thedifferentlayershelp
asf create a depth effect
Layer4
keepthelayers move relatively
to each other tocreate a parallax
Tyrus Wong Chinese artist
lead artist on Bambi
worked withDisney
latte Reoniger
sheactuallymadethemultiplane camera
Disney copiedheridea
Akshansh Chaudhary 6 MFADT | Parsons School of Design
Assignment Create sthusing
ParallaxAnimation
4Duenext class fbefore 8am
Upload on Canvas not on a blog
Inanimation think abouttheperspective what can
move whatcannot
beg Buildings steels are connectedtoeachother
So theycan't move in difflayers
Cars people etc they are disconnected So
they can be onseparatelayers more
relativetoeachother
Video Codec
forclass
Mac Apple PewRes 422
Windows ExportthroughMediaEncodeo use It 264
Ifyou
want a PNG Ckindof video
MASK THE BACKGROUND
4 UseToggleTransparencygrid
Renderit with Alphachannel
video output channels
RGB t Alpha
Akshansh Chaudhary 7 MFADT | Parsons School of Design
NOTE
The composition coloris ONLY
forReference
Ifyou
want
a bians
parentbackground
justsee ifyou
can see the
checkerboard
ToggleTransparency Grid
Ifyou
adda solidlayer it worldbe a background
Scrubbing thetimeline Ctrl t arrow
keys
Iframe
10framesat a time 8CtrLe shift arrowkeys
Presetto use
forMediaEncoder
H 264 format
Preset thatchSauce HighBitrate
or
Vimeo1080p HD
QHo264 does Not support an alpha channel So to
havetransparency use someother codec
HEVC thefollow up ofHo264 coming soon
Note when
you
create a loop thinkabout it
Eitherthebeginning end are the same
Thestart end endpoint is continuous
endsproperly same pts forcontinuity
Akshansh Chaudhary 8 MFADT | Parsons School of Design
You can makeone objectfollowthe other 8 Parent child
Relation
D Parentpickwhip button
Picktheparentfromthe dropdown
Using REPEATERI to createsth
likesun
rays
Akshansh Chaudhary 9 MFADT | Parsons School of Design
I1Sept2018
Atassi'gnment
Makesure therendering is perfectin terms ofloop
Thereshould Not be a blackframe in theend
Easyfax Addfade in fade out
Animation Booklet
by
Richard Williams
Bestbook on animation
A
Wnyison Mckay's Gertie
Oneofthe1sthanddrawn
animation
Baxter Keeter
Masteranimate
LooneyToons tookideasfrom
his work
Akshansh Chaudhary 10 MFADT | Parsons School of Design
KPrinciplesofdnimatientI
Squash Stretch
TheAnticipation 9 bouncingballeffect
Actionbeforetheaction
Preparingfora scene.beforethemainscenecomes
GoldenRatio
1.6184keeping thatratiowould
just
lookbetter
proportionate
TheRuleofThirds
Divideframe in 9 rectangles
Things thatare imp shouldbe along
thosetires
on at the intersection
ofthoselines
b
o
t
O
t A
Akshansh Chaudhary 11 MFADT | Parsons School of Design
HI follow
through overlapping
Inertiaeffect
Ease in ease out
Nothing is abrupt
eg
when
you
are on a
swing thespeedeases in
and eases out as we are on topofa
suing
It
gives a personality to the piece
Are
Nothing in realworld movesalong a
straight
line
Secondary
Action
Everything afterthe primary action
Adds detail theprimary
Timing
Thepaceofa motiontells a
stay
eg moving yourhead
A Exaggeration
Pushingboundaries
just
to
getthateffect
Akshansh Chaudhary 12 MFADT | Parsons School of Design
Useofease on
yourobjectis the bestskill tohave
when
you
are leaving a
keyfsame
4 Useeasy ease out
when
you
are approaching a
keyframe
Use
easy ease in
Usefultools
theatretool
Adjustthepathofan object keepingthe
keyfiames constant
Addy
M mfhe
keyframeproperty tillthe next keyframe
miffightclick Toggleholdkeyframe
Automaticallyreposition keyframes toshow continuity
Rightclick Rover across time
3
0adjustmenttohave
continuity
Akshansh Chaudhary 13 MFADT | Parsons School of Design
It is imp to knowthe BPMCBeats
perminute if
you
want to
sync
music
classslide on BMI
Seethe
waveform
match
asfit is 606pm
a sthafter
every
second
Once
you
have created an animation copy
the
composition thenwork on the new
file
Moving keyframes a It know 11frameat a
time
Switching keyfsame'sproperty A It click onkeyframe
changesfrom easy ease A normal etc
Creating a
bouncing ball
make it work with the
beatC120frames
Akshansh Chaudhary 14 MFADT | Parsons School of Design
Effectofmotion blur on a composition or
layer
weeks
only
whenthelayeris moving in
a composition
18Sept2018
Never use Anformat it workshorribly on a Mac
Comments on thehomework
4Principleofanimation
staging
Thefocus
goes
towardsthemonkey not theballs
Defeatsthepurpose
Thinkaboutwhat
you
want tofocus in
youranimation
Revisethe12principles
ofanimation
PracticeEase In EaseOut in AE
Akshansh Chaudhary 15 MFADT | Parsons School of Design
COMPOSITING o
Creating an animated collage
AbstractConcrete
People
trytohide clearlyshow
your
composition
their compositing
FourHeads is better than one
Donebythegodfatherofanimation
Matte
Hiding
theareas of a camera
you
don'twanttoshow
Masks Teach Mattes
bPartoflayerTAparatefromlager
AlphaChannels R t G t B a Black
lwhite
whattoshow whatto hide
LumaChannel Mask in Photoshop
4Black disappearing
Fooks atthelightvalues
4white keepingstuff ofan image
Rotoscoping
Drawing ontopof a hirefootage
Leg Alicein Wonderland
Akshansh Chaudhary 16 MFADT | Parsons School of Design
Keying Eetactingelements
from a clip
Greenscreeneffect
GarbageMatte Roughcutout
oftheobjectCinfrontofgreen
screen Then usekeying
MotionTracking
Whats
usephotosto create beating GIFsfrompics
a Gif collage
Vector vs Pixel
UseImagesforacollage
Style Consistency Itshouldhave apurpose consistent
EdwardRamsay Morin
Lithics
Akshansh Chaudhary 17 MFADT | Parsons School of Design
Keying
shutouts
keylight I 2 effect
Effects keying
Once
youkey go
to Trkthat ontheclip select
Alpha Inverted Matte
Theshape
layer
should beabove
theobject Never
changethatorder
Rotbrush Cutspecificpartsofan object quick mask
E QuickSelectionToolin Photoshop
Create a collageanimation
750 750Px
useimages notvectors
foundfootage
Useaudio
15 25seconds atleastI0movingparts
Egfhadannets
FIImmatauffmagoffsunemited
zoomto it Collectthese elementstomake
Rotatinghands banisition
a collage
Akshansh Chaudhary 18 MFADT | Parsons School of Design
25Sept2018
Comments on Hw
Never use an
imagewithwatermark
Watchthemovie
Halloween
Title Sequences
A MauriceBinder 0 Otherwork 8
famous
for007titlesequences
Barbarella
website whichis a
great
reference
fordoingtitle
sequences
Pablo Faro Eg
ThomasGaronAffair
AnotherTitleSequencedesigner
ey Bullitt
egostrangelove
Thinkaboutthescreentimethe maincharacters should
getIn additiontothesizeofthetypefaces
Akshansh Chaudhary 19 MFADT | Parsons School of Design
SaulBass
Master inventorofTitleSequences
lookupthe typefaces usedin a titlesequences
The
font
enhances theimpact
Catch the
IfYouCan transitions
Madthen
Kyle Cooper
famousforSEVENtitlesequence
David Carson
Used
everytypeface on computer
Don'tmistake
legibility
ninthcommunication
Akshansh Chaudhary 20 MFADT | Parsons School of Design
Create a Logo foryour
movie
Topic Halloween
Make a PPTofyour
main idea sell it
Makea collage storyboardforyourhorror movie
Thinkaboutthe scenetransitions
Make a PDFofType
choices
everything inthe
originaltitlesequence RECREATE IT
JohnCarpenter
Halloween
Toolkit
Forany
title use thebuilt in tool Animate
Play with dropdown options
Opacity Tracking
Liehamaras
forshapes Add
Trimpaths
0
Tracking A Bed
Letting AE Ba ca
Akshansh Chaudhary 21 MFADT | Parsons School of Design
Take a lesson on
typography
Typography lol
Todo
glowingeffect
change
biz rightabovethetimeline
left
Guard Richter
Painter5Throwsbig
paintcans presses
them
Akshansh Chaudhary 22 MFADT | Parsons School of Design
02Oct 2018
ElevatorPitch Halloweentitle comments
Thecolorschemeshould becoherentwithmoodboard
logo
Talkaboutthewordsobjects
you
want tofocus on
bythomoadbootwood
thinkaboutwhatfirstcomesto
µmmiffuke
a romantic
feeling
thoodboard Don'tuse so
manyimages It clutters
the
idea Getrid ofDarth Vader
ColorScheme Youdon't needto
give multiple variations
ofrelatedcolors
Ifyouuse red related
versionsofred don'tneed to bementioned
forthe colorscheme
Youwantedtheideaofbreathing in
your
titles so
youcanshow a clipofbreathing togive a
feeling
setthetone
y usePinterestinstead
Neveruse movieposters in
your
moodboard
Youcan'tshow
you
are copyingsomeone's work
Remove
everypiece ofinfo don't addunnecessary
things
Akshansh Chaudhary 23 MFADT | Parsons School of Design
ColorScheme
Show importance
ofyour use ofcolor
throughgraph
Does BOB
as
perimportance
Typography
Startplayingaroundwith a simplefont
sohu.tjangfsos.gmanyh.mgftttfmm
againFfoldjhight
beg uselumamat on
yourfonttogiveenough
feelings
Onlyuse theshapes in AE to makethetitlesequence
4Don't use
images Justuse shapes text
bThisassignment is about
amniating usingshapes
Moodboard
Don'tputfeeton it You want peopletosee
feel not read a mood'board
Neveruse Arial typeface
foryour
work nodesigner
does that
Akshansh Chaudhary 24 MFADT | Parsons School of Design
Transitions
Cut Std
way
Cutting on Action Cuttingduring a motion
cutAway 5Sceneends thentheother appears
contrastcut
gofromlandtosilentclose
up to
faraway
L cut Efemimmin Audio
ofone scene
hinges bothers
out taffeta I shape
Matchout startwith an oldthing usemotion
toreacha new scene
Lchecksbecome
cityofParis Hugo
AnAndalusian
Bogo
Classic
filmy
Sniusilleout Hitchcock
Sherlock Holmes
ParallelEditing 2 simultaneously moving
Getridofcompetition duringBaptism
jumpout
TheGodfather
Breathlessmovie
Jumpingahead in time abruptly
Akshansh Chaudhary 25 MFADT | Parsons School of Design
Fades Dissolves
lmontage
Wipe Use it withthemovement
ScottPilgrim vsthe world great
wipe transitions
Typography
Keening
letting
linespacing
Impactfont5 Usedonthemes
storyboard
ofyourtitlesequence
min 9screens Sequenceshould
Aspectratio 16 9 beclean Doesn't
Everyscene transitionsshouldbeclear needtobehand
drawn
I
Use
exact
duration 2 so SoulBasscatexample
Don'treduceor
extend it
Akshansh Chaudhary 26 MFADT | Parsons School of Design
Shafted
Repeater Makes a clone 7
8
Waggle Transform A randomizesofbasicparameters
Expressions Pieces
ofcode
fordoing aninstruction
code Javascript
Is Howto add E oChick on theparameter
you
want to
animate
Go Animate AddExpression
Theparameterturns red field
opens toenter
Javascriptfreq
4
eg wiggle12 40076value
loopOutC cycle
Trytogive life likefeelingusingExpressions
Akshansh Chaudhary 27 MFADT | Parsons School of Design
09Oct 2018
Actionsafe Textsafeareas in AE
Action
Safe
Text
safe
0
Changeany layerCtextsADtoshapes
Rightclickthelayer7 Create Createshape
from
Changecolor
ofshapes animate Colorama
Changecolon
oftext selectlayer Animate Fillcolor
Akshansh Chaudhary 28 MFADT | Parsons School of Design
I0 Oct 2018
KINETIC TYPOGRAPHY
Youdont needtobe able toread everything ifyou
are listeningto it
Reference whokilledthe music
So I Imploreyou Ronnie Bence
Taylor Hali
o Sebastian
Lange
Homework
pieceofmusic speech
animateusing kinetic typography
Preparing an ANIMATIC
Textadded tomusic Karaoke
Hutches animating
example
Akshansh Chaudhary 29 MFADT | Parsons School of Design
3D
Since we work in 3D
we alsoneedto
adjust
theactualsizeofobjects
T afmg.jo 3eneyYuenthigmaeheggue
0
changethis
partofthe
layer
Make a vectorCADfileappear
pined perfect in AE
Akshansh Chaudhary 30 MFADT | Parsons School of Design
o CompositionSettings Dynamic linkninthanima us
changethesettings
limitations
Classico3D lessgraphicsintensive
animate
verygraphic intensive
Raytraced3D default
its used
forbevel extrude
in 3D
O
changethequalityofRaytracing
forbetter
processing
In3D maketenthotation
workindividually
MERRY GO ERRY GO
0
bodyworkswithTEXT
Akshansh Chaudhary 31 MFADT | Parsons School of Design
0 7Extra3Doptions
for
0
Level extrude
Usegeometryoptions adjustgeometryofthe 3D object
Few
moving objectsaround
create a Null object
parenteverything to it
move the Null object
around
VoSmp Don't move theactuallayer Animatethe
NULL instead
Akshansh Chaudhary 32 MFADT | Parsons School of Design
23 Oct 2018
Ifyou
wantto work on volume adepthfortext etc
Cinema4D is a bettersoftwaretoworkwith than AE
Using 3D cameras
phonethecamerain 3D
Movethecameralong a path
Create a camera
parent it to thenullobject
Makethe nullobjectrotate
You can createdepthof the camera moves
field fisheye
effect in automatially
AE
you can also move thefocuspointaround
Akshansh Chaudhary 33 MFADT | Parsons School of Design
F lightobjects in AE c4D We can usethem directly
F diffmaterials we can use
forthe object
3D Camera Examples FilmStudiologoAnimations
2othCenturyFox WB Pictures UniversalStudios
NewlineHomeEntertainment Lionsgate
Resolume
Overlay videos animations
music in realtime
Works mirthlessGPU
requirement
0 New Camera
O Blues whatisfar
away
Akshansh Chaudhary 34 MFADT | Parsons School of Design
O
Horeb overthecamerato
selectthe X Y Z
Usecamerabuttonto
settheposition ofcamera
shortcut c b
switch b w zoom
A lotofparameters to movement rotation
adjust
Change camera orientation
layer Transform Hut Orient
Create a 2 madecamera
youcan seta
pointofinterest So
you can definewhere it would
paint
Akshansh Chaudhary 35 MFADT | Parsons School of Design
2 node
camera
g
Autofocus
forour
I pointofinterest
To create a depthoffield adjusttheaperture
Play with cameramovement in AE
using
theclassfiles
Youcan alsoswitchbetweenmultiplecameras
Rightclick on a keyframe Roneacross Tine
Thisallowsthecamera tomove smoothly
To mimic handfeelof a camera we wiggle expression on
the camera
Akshansh Chaudhary 36 MFADT | Parsons School of Design
Using light
Shadows can only work on 3D Shapes
So to make the shadow
fallon thebackground make it
3D
g
Fallofffadesthelightgradually
To cast a shadow on an object I
Check castShadow option in light
Turn on CastShadow option in the object's
materialproperties
Spotlight I light a
spot
Parallellight Display a parallel light
on the surface
Pointbright light in every
dirt
making a sun
Ambientlight lights theentirescene uniformly
Akshansh Chaudhary 37 MFADT | Parsons School of Design
30Oct 2018
COMPUTER ANIMATION
no
History historicalexample
DesmondPaulHenry o Herbert W Fraker
Usedb makepatternsusing busedmlesinidaeoli
machines oscilloscope taeateart
Oscilloscope
Benlaposky
FederderNake
UsedOscilloscope make art
Knownforearliest
foundingfathersofcomputer
manifest ofcomputer art
generatedart
Akshansh Chaudhary 38 MFADT | Parsons School of Design
GeorgNees o Michael Noll
Using computer
generated boneoftheaeaketsof
Laftsided
shapes
Photoshop
MaryellenBute
Mimic
Madefilmsasingoscilloscope Mondrian
Abstract Electronics Styleusing
Abstronics computers
fworkedBelllahs now owned
by
Nokia createda computer
located in NewJersey
ballet
employedartistsinthepastlousecomputersto
createout
KenKnowlton
Pioneer
ofdigitalImages
Stan Vanderbeek
computergenerateddigital
Assistedingetting artists Artist
b BellLabs
Experimentalfilmmaker
married
lillianSchwartz
womaninthetechnical
role
Mahomett.msgenqoffo.mg
4Iimwt
al
Animator
Akshansh Chaudhary 39 MFADT | Parsons School of Design
ClNE 4D
LOGO ANIMATION
Also called9 IDENTS BUMPERS
Homework
Createananimatedversion
ofa
logousing
AG c4D IV Cub file
lighting etc notnow cnextclass
Extension
of2b shapes
b workswithsplines
Splines SubdivisionsurfaceCLatheExtrude Sweep 1 together
make a 3D object
a
alwaysvisible
alwaysinvisible
normal
click drag on
themain window
to pan rotate duct
C
Bid
Akshansh Chaudhary 40 MFADT | Parsons School of Design
Render
settings
G 0 90frames 3seconds
Csofps
pleaateafolderfor
Eepartas a setof prig
saving
formaxquality
Turn ontheAlpha Channel
g
Click on Rendentpicture
viewerto
exportas
PNG
Hootment
fohinensions
The noof F Bend Make
polygonsthe the vertexowned
objectismadefrom
lowersubdivision lesssmooth 7 71
Akshansh Chaudhary 41 MFADT | Parsons School of Design
Press O tocenter the object
shortcut
key F
forthe samething in Unity
when
dealingwith curves use multiples
of3
g Aune 360
To
groupobjects create a Null OBJECT parenteverything
to it similar toOnity
T
Moffetaenfyuffimgsj.uts.de
Q O Selecttheproperty
you
wantto
animate selectas many
Movetheobjectforthatproperty
click on Add keyframetoadd
keyfsames
Toextrude a spline makethespline a child
oftheextrude
Akshansh Chaudhary 42 MFADT | Parsons School of Design
G Extrude
0T Addkeyframes
changethe
plugsalty
Create a new sphire makeit a child
ofEdrade It will
put all thepreviousproperties the new spline
Sweep similar toBlendpropertyin herelDRAW
Youneed 2 elements
group
them makeit a
childofsweep Theorder ofchildren willdefinesweep
Akshansh Chaudhary 43 MFADT | Parsons School of Design
03Nov 2018
Animated Setup Controls
CameraMovement
Pom htt MiddleChik
Zoom Att t Rt click
Rotate Htt leftclick
Objectmovement
FINE
Thone Rotate Zoom
Openprojectsettings Ah t d
Openviewpoet shift tv
Toadjust
theproperties ofan objectlegbendextrude
Selecttheobject
Click on makeeditablebuttonCshadait c
Thismakestheobjectdivisions customizable
Selectthesection
you
wanttochange Use line
Point Edge Polygon
Selection 9
RightclickCorpressm
Selecttheproperty
you
wishtochange
Use objectmovementtools to adjust
Hold drag an attitudeto copy on otherlayers leg v x
Akshansh Chaudhary 44 MFADT | Parsons School of Design
Changemultipleproperties at once
Useshifttoselectthemleg scale is 2
Use Hed t E tochange allofthem at once
Ontypethevalue pressthe Enter toapplytoall
Quickaccess command line
forsearching
shift to
Right
click
any
menu
go
to showhelp tosee documentation
Sanemicrementalchanges as a newfile
the t Att e shift t s lMy customshortcut
Undo allchangesdonetotheviewCamera Movement
4 Iet shift 2
Groupmultiplelayers E Creating an nullobject inUnity
selectthelayers
Aet t
g
Add a property Clikeextrudeto multiplelayers at once
Selectthelayers
Go tosubdivisionsurfaceCertitude 7 options
Att tselect adds extrudetoeachlayer
Alte theeselect adds I extrude
forentiresetof
layers
Tobeing a
layeroutside
ofitshierarchy
4Selectlayer1layergroup press shift of
Akshansh Chaudhary 45 MFADT | Parsons School of Design
06Nov 2018
LOFT Entrusionbased on thestarting ending pt ofthe
splineobjects morphfromone splineshapetoother
beg aide star hexagon
Sweepis usedto maketheextrudermove along a pathusing
splines
o In reality ne edgeis totallycrisp Ffilleton alledges
So add thateffectto
yourobjects
4caps Fillet cap
To see
lights change displaysettings to GouradShading
SPECULAR thehighlightof a material
Akshansh Chaudhary 46 MFADT | Parsons School of Design
o Make a moiron like look
go
toReflectance
4Add7 Beckmann
Then F a newlayer adjustits reflectance
Note Faereflection
Tomake a
light east shadows
manuallyturnit on in
thelightsettings
shadowproperties
Tohave an infinitebackground add a
floor
Akshansh Chaudhary 47 MFADT | Parsons School of Design
Showkeyframewindow
Show Curves
for animation
To
give
a
fisheyeview selectthe camera
Object7Fecallength
To reset
your
camera position keyframe it tostart
So as
you
move around change camera view
youcan
goto that keyframetogetback to
your
view
Few
creating organic
shapes use SubdivisionSurface
Then Click on MakeEditable on press c
Then select thepolygons changeshapes
Akshansh Chaudhary 48 MFADT | Parsons School of Design
when
using lathe keepthe splineopen
7 ET
x D
When
you
want to smoothen a 1st on pentool
selectthe pt et click chamfer
keeptheautokeyingoptionturnedoff Ifits on it will
add a keyframe whenever 2 a change p
Akshansh Chaudhary 49 MFADT | Parsons School of Design
Ifyou
want multiple objects dissociating
you can use a
CLONER Imayslowdownthesystemdramatically
Homeworld
Addmaterial otherproperties
to
yourlogo you
made last
week tenderas PNG
Usefilessent on canvas
Import CUBfiles in AE
Import as a
sequence
on PNGs
Check Preferences Import ensure it is sofps
as
perthe CHS
file
g Importfilesas a PNG
sequence
Akshansh Chaudhary 50 MFADT | Parsons School of Design
To import allsettings
cameraineigide
AE lwhich were
made in c4D o
camera
lightsSelectthe cubfile
Go toEffect
controls
Scrolldown chick on Extract
Nowwhat
you
create
in AE willautomatically
be a
partof the CHD
settings
Render settings In C4Is 8
Note when creatingeverything in cab do it at o o
position It'sthe best when
importing in AEo
Use a PNG sequenceinside AE Don't use
Dynamiclink
b w c4D AE It slowsdown drastically
Akshansh Chaudhary 51 MFADT | Parsons School of Design
I3 Nov 2018
FINAL ASSIGNMENT
Make atrailerfora film
thatdoesn't exist
Experimenting with the
EXPERIMENTAL ANIMATION
story mediumform etc
o
KopoldSauvage
Frenchpainter
Made 1stexperimentalanimatedfilm
WalterRottmann
Heactuallymadethe1stexperimental
animatedfilm
Leopoldwasn'tabletomakeone
Hans Richter
Rhythms 21 experimentalancient
artist
Viking Eggeling
Film SymphonyDiagonala
Experimental Amination
Akshansh Chaudhary 52 MFADT | Parsons School of Design
o Oskar Fisctungoo
Made abstractmusicalanim
IsHandmade
Very
wellsynced
ninthmusic
Cinema PurlE PureCinema
A movementtoretainthe
pureformofa
film
I Had artfilms
LenLye
bExperimentalfilmartist
Tusalowa
film
MaryEllenBute
Afemaleexperimental animation
Film Synchrony No 4 Escape
Carolineleaf A
knownforSandAnimation
NationalfilmBoard Canada
Supports IndependentAnimates
Akshansh Chaudhary 53 MFADT | Parsons School of Design
NormanMcLaren
Scottishanimator
Handdrawn filmmaking pixilation
Worked at National film Board
Madefilmsduringthe war time
Films Dots Neighbors
I
cameraless
filmBlinkityBlank Synchrony
making
Jiri Trnka Czech Republic
Isknownforanimationwithpuppets
Jan Jvankmajer
Czechfilmmaker
Shipmotion humansused aspuppets
Dimensions
of Dialogue I
Final Assignment
Breaktheconceptofnarrative don'tmake a narrative
Ambiguityis ok
I Don't make a predictable story
More questions less answers
Akshansh Chaudhary 54 MFADT | Parsons School of Design
Aristotle Unified
Phety
Concept
Yakuza
followed
Freytag's Pyramid at Hollywood
films
HOMEWORK f
Researchfilmtrailers Film TokyoDrift
Make a presentation Brandedto kill
Create a PDF ofthe idea
tagline 1 line elevatorpitch
eg
a
younggirlis confrontedbyher
legs dark side
Archetypicalcharacters
travelon the
endlessrollercoaster enduringtime
tide
Maison clips in A E Effects 7Flip
Scale changethesign Ctx m x
Akshansh Chaudhary 55 MFADT | Parsons School of Design
Anotherimp effectin AE offset
Allows tocreate a continuous moot
Effects topurchase Trapcode
starghao Particular
Using Adjustmentlayerin AE It's a container
foreffects
Another color effect in AE Oo Colorama
PhaseShift CycleRepetitions
OutputCycle Presets
More effects Echo LumetriColor
Akshansh Chaudhary 56 MFADT | Parsons School of Design
20Nov 2018
PabloFerrodiedlastweek
About Final Assignment
Don't explaintoo much
Ideaaboutusing
subtitles think if textisregal or
ifthescene is doing all the action
Movietrailers are cut on a motion
fastpaced
So don't take the entireclip
Fire colors changethe colors
ofclipstomatchthe
fmdhttutugenmuahkngaudi.hu
decision helps
gives a distopian look helps
Greatsoftwaretomakemusic
Reason
by Propellerhead
Akshansh Chaudhary 57 MFADT | Parsons School of Design
o
JohnWhitney
American Animato
IsUsing Oscilloscopes
Worked at IBM to experimentwithcomputers
catalog
Created TitleSequenceforVertigo
PeterFoldes
Madethe1stcomputeoGenerated
filmwith
gotan award Hunger
LarryCuba
ComputerAnimator artist
wakedwithJohnWhitney
DeadStaranimation
forStarWars
Akshansh Chaudhary 58 MFADT | Parsons School of Design
Calculatedthorements
a
UtahTeapot
A statmodelthat tends to beusedin a 3D
program
Scanimate
Motion
graphicssys
usedbefore AE Flash
BeginningofMotion
Graphics
Endedafter HD came
Analog tangibleinputs
Usingthem Oscillators
Sine wave
Akshansh Chaudhary 59 MFADT | Parsons School of Design
Procedural Animation air c4D
Using Sinedeformeos in CUD
Lissajous
Carne
2 I rotating movingup
Tenfold
down
Noise Defamer
0
If we add a materialto an
object we canchangehow
the material wraps aroundthe object
changetheTiling
Repetitions to
adjust
it
further
click on Seamless
forproper
alignment
Akshansh Chaudhary 60 MFADT | Parsons School of Design
thoGraph
Using a CLONER
E Repeater in AE
thoGraph Effector7formula
Effector7
Variables
Changespeedofanimation
Othereffectorstoadd5 Noise Random
They move randomly Cnetfollowing fine wave
Effector Colors are definedbythe amt ofdefamation
taking place C useAlphaHttength
Akshansh Chaudhary 61 MFADT | Parsons School of Design
Eachelement
gets
influenced individually
using a
formula
RANDOM effector
Canbeused tocreate
a cluster
ofobjects
I
Canbeusedtoplace
trees
randomly
Akshansh Chaudhary 62 MFADT | Parsons School of Design
27Nov 2018
strataCutAnimation
A techniqueofusing clay cut it in slices record
everyframe make an animation out ofit
x
Comments on Survive movietrailer draft
Add logo in thebeginning end
Cuttheaudio to 1minute
Add more text animation in themovie
Bring everything
seamless so that they don't lookstock
footage
Add
forofficialSelection
e
NEW MEDIA ART
Robert
Sigal
4New Media Artist
Vitreous
forTarget Minneapolis
Akshansh Chaudhary 63 MFADT | Parsons School of Design
o Peter Burr
NYbasedartist
Uses Video
gameengines
Moireeffects
Ugly NikitaDiakue
Computergeneratedfilm4 AllCinemaad
Another
film fast
RaquelMeyers
Uses oldschooltech
Atarikeyboards
Commodore 64 film
Sobbing film
Soundmade
bythe
animation
MaxHatler
DivisionalArticulations
42017
Done in AE
Akshansh Chaudhary 64 MFADT | Parsons School of Design
o BorisLabbe
Orogenesis
busedPhotoshop content
Aware
filltoanimate
FrenchArtist
DavidOreilly
IsA HorseRaised
by
Spheres
Machinima
Atechniqueto make
filmusing computer
generatedartwork
A machinima movie Everything
OscarNominated
Inside 9 Mattis Dorries
Oldschool elated
aesthete
Aix
Akshansh Chaudhary 65 MFADT | Parsons School of Design
MikePelletier
Motioncapturedataapplied
tostd characters animate
WongPuig
IsAll AE
4Workshown in museums
Stoppeeping
GoodpluginforAE
MT Mograph
Helpsindoinganimations
without a waveform
Akshansh Chaudhary 66 MFADT | Parsons School of Design
04Dec 2018
Comments on the finaltrailer survive
Thesection
of
BOT Centeralignit on theN07
NOT
ANYMORELMakethetextwhite
zoom
Ofhetheq
f payday
OT toreveal
Theperson technology cycle is disconnected
fromthe footage
Great easing on thelastlogoreveal Survive
Use
your
ownfootage insteadoffoundfootage That
TYFsomjmdsheatheinches
better
one oftheclipsis lessdramatic
Make itpop
x
Akshansh Chaudhary 67 MFADT | Parsons School of Design
FILMFESIVALS
TC 3rd Culture film Festival
Fai
gagJafri's film festival HongKong
Whydopeoplemakefilms
Exposure toshow
your
work
Film FestivalsusedtoneedDVDsforsubmission
4Now everything is online
what is neededforsubmission
A shortfilm
4Duration thin 1minute Max 55minutes
4 Bestpractice 3 4min
Get a Vimeoaccount
create a professionalpage
putyour
showeredthere
Free ale
Vimeo vs Youtube Definitely Vimeo
Akshansh Chaudhary 68 MFADT | Parsons School of Design
Akshansh Chaudhary 69 MFADT | Parsons School of Design
Akshansh Chaudhary 70 MFADT | Parsons School of Design
Akshansh Chaudhary 71 MFADT | Parsons School of Design
Akshansh Chaudhary 72 MFADT | Parsons School of Design
Akshansh Chaudhary 73 MFADT | Parsons School of Design

More Related Content

Similar to Motion Graphics Notes - Akshansh Chaudhary

Ident mogra comp assignment 2 (1)
Ident mogra comp assignment 2 (1)Ident mogra comp assignment 2 (1)
Ident mogra comp assignment 2 (1)charles-stick
 
Digital portfolio Wan Imran 2018
Digital portfolio Wan Imran 2018Digital portfolio Wan Imran 2018
Digital portfolio Wan Imran 2018Imran Hakimi
 
RMIT Univ lecture - "Envisioning Holograms" by M. Pell
RMIT Univ lecture - "Envisioning Holograms" by M. PellRMIT Univ lecture - "Envisioning Holograms" by M. Pell
RMIT Univ lecture - "Envisioning Holograms" by M. PellMike Pell
 
Developing Windows 8 or how to redesign a religion
Developing Windows 8 or how to redesign a religionDeveloping Windows 8 or how to redesign a religion
Developing Windows 8 or how to redesign a religionAlius Petraška
 
Major Studio 2 Notes - Akshansh
Major Studio 2 Notes - AkshanshMajor Studio 2 Notes - Akshansh
Major Studio 2 Notes - AkshanshAkshansh Chaudhary
 
M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1Jamie Hutt
 

Similar to Motion Graphics Notes - Akshansh Chaudhary (7)

Zdesign portfolio 7
Zdesign portfolio 7Zdesign portfolio 7
Zdesign portfolio 7
 
Ident mogra comp assignment 2 (1)
Ident mogra comp assignment 2 (1)Ident mogra comp assignment 2 (1)
Ident mogra comp assignment 2 (1)
 
Digital portfolio Wan Imran 2018
Digital portfolio Wan Imran 2018Digital portfolio Wan Imran 2018
Digital portfolio Wan Imran 2018
 
RMIT Univ lecture - "Envisioning Holograms" by M. Pell
RMIT Univ lecture - "Envisioning Holograms" by M. PellRMIT Univ lecture - "Envisioning Holograms" by M. Pell
RMIT Univ lecture - "Envisioning Holograms" by M. Pell
 
Developing Windows 8 or how to redesign a religion
Developing Windows 8 or how to redesign a religionDeveloping Windows 8 or how to redesign a religion
Developing Windows 8 or how to redesign a religion
 
Major Studio 2 Notes - Akshansh
Major Studio 2 Notes - AkshanshMajor Studio 2 Notes - Akshansh
Major Studio 2 Notes - Akshansh
 
M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1M5 - Graphical Animation - Lesson 1
M5 - Graphical Animation - Lesson 1
 

More from Akshansh Chaudhary

Typography and Visual Design Notes - Akshansh
Typography and Visual Design Notes - AkshanshTypography and Visual Design Notes - Akshansh
Typography and Visual Design Notes - AkshanshAkshansh Chaudhary
 
Storytelling with Data Notes - Akshansh
Storytelling with Data Notes - AkshanshStorytelling with Data Notes - Akshansh
Storytelling with Data Notes - AkshanshAkshansh Chaudhary
 
Design and Education Notes - Akshansh
Design and Education Notes - AkshanshDesign and Education Notes - Akshansh
Design and Education Notes - AkshanshAkshansh Chaudhary
 
Collab Tech and Performance Notes - Akshansh
Collab Tech and Performance Notes - AkshanshCollab Tech and Performance Notes - Akshansh
Collab Tech and Performance Notes - AkshanshAkshansh Chaudhary
 
Creativity and Computation Lab Notes - Akshansh Chaudhary
Creativity and Computation Lab Notes - Akshansh ChaudharyCreativity and Computation Lab Notes - Akshansh Chaudhary
Creativity and Computation Lab Notes - Akshansh ChaudharyAkshansh Chaudhary
 
Bootcamp Web Notes - Akshansh Chaudhary
Bootcamp Web Notes - Akshansh ChaudharyBootcamp Web Notes - Akshansh Chaudhary
Bootcamp Web Notes - Akshansh ChaudharyAkshansh Chaudhary
 
Bootcamp Design Notes - Akshansh Chaudhary
Bootcamp Design Notes - Akshansh ChaudharyBootcamp Design Notes - Akshansh Chaudhary
Bootcamp Design Notes - Akshansh ChaudharyAkshansh Chaudhary
 
Bootcamp Code Notes - Akshansh Chaudhary
Bootcamp Code Notes - Akshansh ChaudharyBootcamp Code Notes - Akshansh Chaudhary
Bootcamp Code Notes - Akshansh ChaudharyAkshansh Chaudhary
 
Major Studio 1 Notes - Akshansh Chaudhary
Major Studio 1 Notes - Akshansh ChaudharyMajor Studio 1 Notes - Akshansh Chaudhary
Major Studio 1 Notes - Akshansh ChaudharyAkshansh Chaudhary
 
Design for This Century Lecture Notes - Akshansh Chaudhary
Design for This Century Lecture Notes - Akshansh ChaudharyDesign for This Century Lecture Notes - Akshansh Chaudhary
Design for This Century Lecture Notes - Akshansh ChaudharyAkshansh Chaudhary
 
Creativity and Computation Lecture Notes - Akshansh Chaudhary
Creativity and Computation Lecture Notes - Akshansh ChaudharyCreativity and Computation Lecture Notes - Akshansh Chaudhary
Creativity and Computation Lecture Notes - Akshansh ChaudharyAkshansh Chaudhary
 
Design for This Century Recitation Notes - Akshansh Chaudhary
Design for This Century Recitation Notes - Akshansh ChaudharyDesign for This Century Recitation Notes - Akshansh Chaudhary
Design for This Century Recitation Notes - Akshansh ChaudharyAkshansh Chaudhary
 
Data Structure and Algorithm Notes - Ronak Sumbaly
Data Structure and Algorithm Notes - Ronak SumbalyData Structure and Algorithm Notes - Ronak Sumbaly
Data Structure and Algorithm Notes - Ronak SumbalyAkshansh Chaudhary
 
Logic in Computer Science Notes - Ronak Sumbaly
Logic in Computer Science Notes - Ronak SumbalyLogic in Computer Science Notes - Ronak Sumbaly
Logic in Computer Science Notes - Ronak SumbalyAkshansh Chaudhary
 
Discrete Structure Notes - Ronak Sumbaly
Discrete Structure Notes - Ronak SumbalyDiscrete Structure Notes - Ronak Sumbaly
Discrete Structure Notes - Ronak SumbalyAkshansh Chaudhary
 
Design and Analysis of Algorithms Notes - Ronak Sumbaly
Design and Analysis of Algorithms Notes - Ronak SumbalyDesign and Analysis of Algorithms Notes - Ronak Sumbaly
Design and Analysis of Algorithms Notes - Ronak SumbalyAkshansh Chaudhary
 
Data Mining Notes - Ronak Sumbaly
Data Mining Notes - Ronak SumbalyData Mining Notes - Ronak Sumbaly
Data Mining Notes - Ronak SumbalyAkshansh Chaudhary
 
Computer Networks Notes - Ronak Sumbaly
Computer Networks Notes - Ronak SumbalyComputer Networks Notes - Ronak Sumbaly
Computer Networks Notes - Ronak SumbalyAkshansh Chaudhary
 
Theory of Computation Notes - Ronak Sumbaly
Theory of Computation Notes - Ronak SumbalyTheory of Computation Notes - Ronak Sumbaly
Theory of Computation Notes - Ronak SumbalyAkshansh Chaudhary
 
Operating System Notes - Ronak Sumbaly
Operating System Notes - Ronak SumbalyOperating System Notes - Ronak Sumbaly
Operating System Notes - Ronak SumbalyAkshansh Chaudhary
 

More from Akshansh Chaudhary (20)

Typography and Visual Design Notes - Akshansh
Typography and Visual Design Notes - AkshanshTypography and Visual Design Notes - Akshansh
Typography and Visual Design Notes - Akshansh
 
Storytelling with Data Notes - Akshansh
Storytelling with Data Notes - AkshanshStorytelling with Data Notes - Akshansh
Storytelling with Data Notes - Akshansh
 
Design and Education Notes - Akshansh
Design and Education Notes - AkshanshDesign and Education Notes - Akshansh
Design and Education Notes - Akshansh
 
Collab Tech and Performance Notes - Akshansh
Collab Tech and Performance Notes - AkshanshCollab Tech and Performance Notes - Akshansh
Collab Tech and Performance Notes - Akshansh
 
Creativity and Computation Lab Notes - Akshansh Chaudhary
Creativity and Computation Lab Notes - Akshansh ChaudharyCreativity and Computation Lab Notes - Akshansh Chaudhary
Creativity and Computation Lab Notes - Akshansh Chaudhary
 
Bootcamp Web Notes - Akshansh Chaudhary
Bootcamp Web Notes - Akshansh ChaudharyBootcamp Web Notes - Akshansh Chaudhary
Bootcamp Web Notes - Akshansh Chaudhary
 
Bootcamp Design Notes - Akshansh Chaudhary
Bootcamp Design Notes - Akshansh ChaudharyBootcamp Design Notes - Akshansh Chaudhary
Bootcamp Design Notes - Akshansh Chaudhary
 
Bootcamp Code Notes - Akshansh Chaudhary
Bootcamp Code Notes - Akshansh ChaudharyBootcamp Code Notes - Akshansh Chaudhary
Bootcamp Code Notes - Akshansh Chaudhary
 
Major Studio 1 Notes - Akshansh Chaudhary
Major Studio 1 Notes - Akshansh ChaudharyMajor Studio 1 Notes - Akshansh Chaudhary
Major Studio 1 Notes - Akshansh Chaudhary
 
Design for This Century Lecture Notes - Akshansh Chaudhary
Design for This Century Lecture Notes - Akshansh ChaudharyDesign for This Century Lecture Notes - Akshansh Chaudhary
Design for This Century Lecture Notes - Akshansh Chaudhary
 
Creativity and Computation Lecture Notes - Akshansh Chaudhary
Creativity and Computation Lecture Notes - Akshansh ChaudharyCreativity and Computation Lecture Notes - Akshansh Chaudhary
Creativity and Computation Lecture Notes - Akshansh Chaudhary
 
Design for This Century Recitation Notes - Akshansh Chaudhary
Design for This Century Recitation Notes - Akshansh ChaudharyDesign for This Century Recitation Notes - Akshansh Chaudhary
Design for This Century Recitation Notes - Akshansh Chaudhary
 
Data Structure and Algorithm Notes - Ronak Sumbaly
Data Structure and Algorithm Notes - Ronak SumbalyData Structure and Algorithm Notes - Ronak Sumbaly
Data Structure and Algorithm Notes - Ronak Sumbaly
 
Logic in Computer Science Notes - Ronak Sumbaly
Logic in Computer Science Notes - Ronak SumbalyLogic in Computer Science Notes - Ronak Sumbaly
Logic in Computer Science Notes - Ronak Sumbaly
 
Discrete Structure Notes - Ronak Sumbaly
Discrete Structure Notes - Ronak SumbalyDiscrete Structure Notes - Ronak Sumbaly
Discrete Structure Notes - Ronak Sumbaly
 
Design and Analysis of Algorithms Notes - Ronak Sumbaly
Design and Analysis of Algorithms Notes - Ronak SumbalyDesign and Analysis of Algorithms Notes - Ronak Sumbaly
Design and Analysis of Algorithms Notes - Ronak Sumbaly
 
Data Mining Notes - Ronak Sumbaly
Data Mining Notes - Ronak SumbalyData Mining Notes - Ronak Sumbaly
Data Mining Notes - Ronak Sumbaly
 
Computer Networks Notes - Ronak Sumbaly
Computer Networks Notes - Ronak SumbalyComputer Networks Notes - Ronak Sumbaly
Computer Networks Notes - Ronak Sumbaly
 
Theory of Computation Notes - Ronak Sumbaly
Theory of Computation Notes - Ronak SumbalyTheory of Computation Notes - Ronak Sumbaly
Theory of Computation Notes - Ronak Sumbaly
 
Operating System Notes - Ronak Sumbaly
Operating System Notes - Ronak SumbalyOperating System Notes - Ronak Sumbaly
Operating System Notes - Ronak Sumbaly
 

Recently uploaded

Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Educationpboyjonauth
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting DataJhengPantaleon
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfUmakantAnnand
 
Class 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdfClass 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdfakmcokerachita
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdfssuser54595a
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsKarinaGenton
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationnomboosow
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfSumit Tiwari
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 

Recently uploaded (20)

Introduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher EducationIntroduction to ArtificiaI Intelligence in Higher Education
Introduction to ArtificiaI Intelligence in Higher Education
 
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data_Math 4-Q4 Week 5.pptx Steps in Collecting Data
_Math 4-Q4 Week 5.pptx Steps in Collecting Data
 
Concept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.CompdfConcept of Vouching. B.Com(Hons) /B.Compdf
Concept of Vouching. B.Com(Hons) /B.Compdf
 
Class 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdfClass 11 Legal Studies Ch-1 Concept of State .pdf
Class 11 Legal Studies Ch-1 Concept of State .pdf
 
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
18-04-UA_REPORT_MEDIALITERAСY_INDEX-DM_23-1-final-eng.pdf
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Science 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its CharacteristicsScience 7 - LAND and SEA BREEZE and its Characteristics
Science 7 - LAND and SEA BREEZE and its Characteristics
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Interactive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communicationInteractive Powerpoint_How to Master effective communication
Interactive Powerpoint_How to Master effective communication
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdfEnzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 

Motion Graphics Notes - Akshansh Chaudhary

  • 1.
  • 3. 28Aug2018 0 Tools used AE g Ps Al Cinema4D ArtistDesigner PeterMillard Happy on happy RULE Alwaysbegin end on black Packaging putyour name project name Artist1Designer Oscar Fasikinger OpticalPoemCallhanddrawn Animmsync with beats complements withmusic Artist Designer JohnWhitney FounderofAE Usemechanical computers to create animations Artist1Designer NormanMclaren Createhanddrawn animations complementing it withclassical music.CBegoneDullCare Akshansh Chaudhary 1 MFADT | Parsons School of Design
  • 4. Artist1Designer Mohrman Usedflash computergenerated DigitalversionofMclaren's work Using 8bitdigitalstyle Artist1Designer 8 MaxHatten Ref Designed byApple IsDone in AE CsimilarpieceMolecularinteraction Think oftheemotions your artwork is trying toconvey eg nostalgic escapingreality frightening sad happy etc ArtistDesigner Jackson Pollock Doesn'thave a synopsis in his paintings North byNorthwest Directed byAlfredHitchcock Solbaz Filmshouldstartwhentitle comes notafterit Beforethis titles came on blankscreens Akshansh Chaudhary 2 MFADT | Parsons School of Design
  • 5. Enter by Gasper Flickery Graphics usingtypefacesinsteadofshapesformotion graphic sync with music Analog8 kinetic Typography Typographicanimation ASSIGNMENT I Research 8 ParallaxAnimation Effect shareexamples Due 8Sept 4g2018 Waitesthabout it CompositionSettings 1920x1080px squarepixels 30framespersecond Preset HDTV 1080 29.97 Akshansh Chaudhary 3 MFADT | Parsons School of Design
  • 6. SHORTCUTS Selectthelayer press U Opensonlytheparameters thathas keyframes Q wm Opacity T Rotation Rr Anchor A Position P Scale E S o ProRes 4444 Doesn'tdestroyquality To center align an object 4Att t Chik on Pan Behindfool Akshansh Chaudhary 4 MFADT | Parsons School of Design
  • 7. Parallax is creating an illusion of depth You create layers and make them move in relation to each other: Layered motion Create an illusion of circular motion: Make 3 layers: the bottom most one goes in one direction, the topmost goes in the opposite direction, and the middle one stays there. So, it appears like it’s a circular motion of camera 04Sept2018 USING PARALLAXANMATION TRACKING MOVEMENT Cohort in X axis Camera Movement Std name singTracksformoot Pedestal Movement a DOLLYEthonement in 2 axisMovement in Taxis Cameraeffect9 can be attained byscalinglayers pedestal movement 1 DOLLY f ZOOM Akshansh Chaudhary 5 MFADT | Parsons School of Design
  • 8. Dollyshot Jawszoom Vertigozoom 9 A cameraeffect sing Dolly I Multi Plane Camera Patented byDisney A machine in whichthe screen moves I frame youplacethestilemirage on the layer Ideas CameraO Mone one frame at a time I takeitspicture layer Thedifferentlayershelp asf create a depth effect Layer4 keepthelayers move relatively to each other tocreate a parallax Tyrus Wong Chinese artist lead artist on Bambi worked withDisney latte Reoniger sheactuallymadethemultiplane camera Disney copiedheridea Akshansh Chaudhary 6 MFADT | Parsons School of Design
  • 9. Assignment Create sthusing ParallaxAnimation 4Duenext class fbefore 8am Upload on Canvas not on a blog Inanimation think abouttheperspective what can move whatcannot beg Buildings steels are connectedtoeachother So theycan't move in difflayers Cars people etc they are disconnected So they can be onseparatelayers more relativetoeachother Video Codec forclass Mac Apple PewRes 422 Windows ExportthroughMediaEncodeo use It 264 Ifyou want a PNG Ckindof video MASK THE BACKGROUND 4 UseToggleTransparencygrid Renderit with Alphachannel video output channels RGB t Alpha Akshansh Chaudhary 7 MFADT | Parsons School of Design
  • 10. NOTE The composition coloris ONLY forReference Ifyou want a bians parentbackground justsee ifyou can see the checkerboard ToggleTransparency Grid Ifyou adda solidlayer it worldbe a background Scrubbing thetimeline Ctrl t arrow keys Iframe 10framesat a time 8CtrLe shift arrowkeys Presetto use forMediaEncoder H 264 format Preset thatchSauce HighBitrate or Vimeo1080p HD QHo264 does Not support an alpha channel So to havetransparency use someother codec HEVC thefollow up ofHo264 coming soon Note when you create a loop thinkabout it Eitherthebeginning end are the same Thestart end endpoint is continuous endsproperly same pts forcontinuity Akshansh Chaudhary 8 MFADT | Parsons School of Design
  • 11. You can makeone objectfollowthe other 8 Parent child Relation D Parentpickwhip button Picktheparentfromthe dropdown Using REPEATERI to createsth likesun rays Akshansh Chaudhary 9 MFADT | Parsons School of Design
  • 12. I1Sept2018 Atassi'gnment Makesure therendering is perfectin terms ofloop Thereshould Not be a blackframe in theend Easyfax Addfade in fade out Animation Booklet by Richard Williams Bestbook on animation A Wnyison Mckay's Gertie Oneofthe1sthanddrawn animation Baxter Keeter Masteranimate LooneyToons tookideasfrom his work Akshansh Chaudhary 10 MFADT | Parsons School of Design
  • 13. KPrinciplesofdnimatientI Squash Stretch TheAnticipation 9 bouncingballeffect Actionbeforetheaction Preparingfora scene.beforethemainscenecomes GoldenRatio 1.6184keeping thatratiowould just lookbetter proportionate TheRuleofThirds Divideframe in 9 rectangles Things thatare imp shouldbe along thosetires on at the intersection ofthoselines b o t O t A Akshansh Chaudhary 11 MFADT | Parsons School of Design
  • 14. HI follow through overlapping Inertiaeffect Ease in ease out Nothing is abrupt eg when you are on a swing thespeedeases in and eases out as we are on topofa suing It gives a personality to the piece Are Nothing in realworld movesalong a straight line Secondary Action Everything afterthe primary action Adds detail theprimary Timing Thepaceofa motiontells a stay eg moving yourhead A Exaggeration Pushingboundaries just to getthateffect Akshansh Chaudhary 12 MFADT | Parsons School of Design
  • 15. Useofease on yourobjectis the bestskill tohave when you are leaving a keyfsame 4 Useeasy ease out when you are approaching a keyframe Use easy ease in Usefultools theatretool Adjustthepathofan object keepingthe keyfiames constant Addy M mfhe keyframeproperty tillthe next keyframe miffightclick Toggleholdkeyframe Automaticallyreposition keyframes toshow continuity Rightclick Rover across time 3 0adjustmenttohave continuity Akshansh Chaudhary 13 MFADT | Parsons School of Design
  • 16. It is imp to knowthe BPMCBeats perminute if you want to sync music classslide on BMI Seethe waveform match asfit is 606pm a sthafter every second Once you have created an animation copy the composition thenwork on the new file Moving keyframes a It know 11frameat a time Switching keyfsame'sproperty A It click onkeyframe changesfrom easy ease A normal etc Creating a bouncing ball make it work with the beatC120frames Akshansh Chaudhary 14 MFADT | Parsons School of Design
  • 17. Effectofmotion blur on a composition or layer weeks only whenthelayeris moving in a composition 18Sept2018 Never use Anformat it workshorribly on a Mac Comments on thehomework 4Principleofanimation staging Thefocus goes towardsthemonkey not theballs Defeatsthepurpose Thinkaboutwhat you want tofocus in youranimation Revisethe12principles ofanimation PracticeEase In EaseOut in AE Akshansh Chaudhary 15 MFADT | Parsons School of Design
  • 18. COMPOSITING o Creating an animated collage AbstractConcrete People trytohide clearlyshow your composition their compositing FourHeads is better than one Donebythegodfatherofanimation Matte Hiding theareas of a camera you don'twanttoshow Masks Teach Mattes bPartoflayerTAparatefromlager AlphaChannels R t G t B a Black lwhite whattoshow whatto hide LumaChannel Mask in Photoshop 4Black disappearing Fooks atthelightvalues 4white keepingstuff ofan image Rotoscoping Drawing ontopof a hirefootage Leg Alicein Wonderland Akshansh Chaudhary 16 MFADT | Parsons School of Design
  • 19. Keying Eetactingelements from a clip Greenscreeneffect GarbageMatte Roughcutout oftheobjectCinfrontofgreen screen Then usekeying MotionTracking Whats usephotosto create beating GIFsfrompics a Gif collage Vector vs Pixel UseImagesforacollage Style Consistency Itshouldhave apurpose consistent EdwardRamsay Morin Lithics Akshansh Chaudhary 17 MFADT | Parsons School of Design
  • 20. Keying shutouts keylight I 2 effect Effects keying Once youkey go to Trkthat ontheclip select Alpha Inverted Matte Theshape layer should beabove theobject Never changethatorder Rotbrush Cutspecificpartsofan object quick mask E QuickSelectionToolin Photoshop Create a collageanimation 750 750Px useimages notvectors foundfootage Useaudio 15 25seconds atleastI0movingparts Egfhadannets FIImmatauffmagoffsunemited zoomto it Collectthese elementstomake Rotatinghands banisition a collage Akshansh Chaudhary 18 MFADT | Parsons School of Design
  • 21. 25Sept2018 Comments on Hw Never use an imagewithwatermark Watchthemovie Halloween Title Sequences A MauriceBinder 0 Otherwork 8 famous for007titlesequences Barbarella website whichis a great reference fordoingtitle sequences Pablo Faro Eg ThomasGaronAffair AnotherTitleSequencedesigner ey Bullitt egostrangelove Thinkaboutthescreentimethe maincharacters should getIn additiontothesizeofthetypefaces Akshansh Chaudhary 19 MFADT | Parsons School of Design
  • 22. SaulBass Master inventorofTitleSequences lookupthe typefaces usedin a titlesequences The font enhances theimpact Catch the IfYouCan transitions Madthen Kyle Cooper famousforSEVENtitlesequence David Carson Used everytypeface on computer Don'tmistake legibility ninthcommunication Akshansh Chaudhary 20 MFADT | Parsons School of Design
  • 23. Create a Logo foryour movie Topic Halloween Make a PPTofyour main idea sell it Makea collage storyboardforyourhorror movie Thinkaboutthe scenetransitions Make a PDFofType choices everything inthe originaltitlesequence RECREATE IT JohnCarpenter Halloween Toolkit Forany title use thebuilt in tool Animate Play with dropdown options Opacity Tracking Liehamaras forshapes Add Trimpaths 0 Tracking A Bed Letting AE Ba ca Akshansh Chaudhary 21 MFADT | Parsons School of Design
  • 24. Take a lesson on typography Typography lol Todo glowingeffect change biz rightabovethetimeline left Guard Richter Painter5Throwsbig paintcans presses them Akshansh Chaudhary 22 MFADT | Parsons School of Design
  • 25. 02Oct 2018 ElevatorPitch Halloweentitle comments Thecolorschemeshould becoherentwithmoodboard logo Talkaboutthewordsobjects you want tofocus on bythomoadbootwood thinkaboutwhatfirstcomesto µmmiffuke a romantic feeling thoodboard Don'tuse so manyimages It clutters the idea Getrid ofDarth Vader ColorScheme Youdon't needto give multiple variations ofrelatedcolors Ifyouuse red related versionsofred don'tneed to bementioned forthe colorscheme Youwantedtheideaofbreathing in your titles so youcanshow a clipofbreathing togive a feeling setthetone y usePinterestinstead Neveruse movieposters in your moodboard Youcan'tshow you are copyingsomeone's work Remove everypiece ofinfo don't addunnecessary things Akshansh Chaudhary 23 MFADT | Parsons School of Design
  • 26. ColorScheme Show importance ofyour use ofcolor throughgraph Does BOB as perimportance Typography Startplayingaroundwith a simplefont sohu.tjangfsos.gmanyh.mgftttfmm againFfoldjhight beg uselumamat on yourfonttogiveenough feelings Onlyuse theshapes in AE to makethetitlesequence 4Don't use images Justuse shapes text bThisassignment is about amniating usingshapes Moodboard Don'tputfeeton it You want peopletosee feel not read a mood'board Neveruse Arial typeface foryour work nodesigner does that Akshansh Chaudhary 24 MFADT | Parsons School of Design
  • 27. Transitions Cut Std way Cutting on Action Cuttingduring a motion cutAway 5Sceneends thentheother appears contrastcut gofromlandtosilentclose up to faraway L cut Efemimmin Audio ofone scene hinges bothers out taffeta I shape Matchout startwith an oldthing usemotion toreacha new scene Lchecksbecome cityofParis Hugo AnAndalusian Bogo Classic filmy Sniusilleout Hitchcock Sherlock Holmes ParallelEditing 2 simultaneously moving Getridofcompetition duringBaptism jumpout TheGodfather Breathlessmovie Jumpingahead in time abruptly Akshansh Chaudhary 25 MFADT | Parsons School of Design
  • 28. Fades Dissolves lmontage Wipe Use it withthemovement ScottPilgrim vsthe world great wipe transitions Typography Keening letting linespacing Impactfont5 Usedonthemes storyboard ofyourtitlesequence min 9screens Sequenceshould Aspectratio 16 9 beclean Doesn't Everyscene transitionsshouldbeclear needtobehand drawn I Use exact duration 2 so SoulBasscatexample Don'treduceor extend it Akshansh Chaudhary 26 MFADT | Parsons School of Design
  • 29. Shafted Repeater Makes a clone 7 8 Waggle Transform A randomizesofbasicparameters Expressions Pieces ofcode fordoing aninstruction code Javascript Is Howto add E oChick on theparameter you want to animate Go Animate AddExpression Theparameterturns red field opens toenter Javascriptfreq 4 eg wiggle12 40076value loopOutC cycle Trytogive life likefeelingusingExpressions Akshansh Chaudhary 27 MFADT | Parsons School of Design
  • 30. 09Oct 2018 Actionsafe Textsafeareas in AE Action Safe Text safe 0 Changeany layerCtextsADtoshapes Rightclickthelayer7 Create Createshape from Changecolor ofshapes animate Colorama Changecolon oftext selectlayer Animate Fillcolor Akshansh Chaudhary 28 MFADT | Parsons School of Design
  • 31. I0 Oct 2018 KINETIC TYPOGRAPHY Youdont needtobe able toread everything ifyou are listeningto it Reference whokilledthe music So I Imploreyou Ronnie Bence Taylor Hali o Sebastian Lange Homework pieceofmusic speech animateusing kinetic typography Preparing an ANIMATIC Textadded tomusic Karaoke Hutches animating example Akshansh Chaudhary 29 MFADT | Parsons School of Design
  • 32. 3D Since we work in 3D we alsoneedto adjust theactualsizeofobjects T afmg.jo 3eneyYuenthigmaeheggue 0 changethis partofthe layer Make a vectorCADfileappear pined perfect in AE Akshansh Chaudhary 30 MFADT | Parsons School of Design
  • 33. o CompositionSettings Dynamic linkninthanima us changethesettings limitations Classico3D lessgraphicsintensive animate verygraphic intensive Raytraced3D default its used forbevel extrude in 3D O changethequalityofRaytracing forbetter processing In3D maketenthotation workindividually MERRY GO ERRY GO 0 bodyworkswithTEXT Akshansh Chaudhary 31 MFADT | Parsons School of Design
  • 34. 0 7Extra3Doptions for 0 Level extrude Usegeometryoptions adjustgeometryofthe 3D object Few moving objectsaround create a Null object parenteverything to it move the Null object around VoSmp Don't move theactuallayer Animatethe NULL instead Akshansh Chaudhary 32 MFADT | Parsons School of Design
  • 35. 23 Oct 2018 Ifyou wantto work on volume adepthfortext etc Cinema4D is a bettersoftwaretoworkwith than AE Using 3D cameras phonethecamerain 3D Movethecameralong a path Create a camera parent it to thenullobject Makethe nullobjectrotate You can createdepthof the camera moves field fisheye effect in automatially AE you can also move thefocuspointaround Akshansh Chaudhary 33 MFADT | Parsons School of Design
  • 36. F lightobjects in AE c4D We can usethem directly F diffmaterials we can use forthe object 3D Camera Examples FilmStudiologoAnimations 2othCenturyFox WB Pictures UniversalStudios NewlineHomeEntertainment Lionsgate Resolume Overlay videos animations music in realtime Works mirthlessGPU requirement 0 New Camera O Blues whatisfar away Akshansh Chaudhary 34 MFADT | Parsons School of Design
  • 37. O Horeb overthecamerato selectthe X Y Z Usecamerabuttonto settheposition ofcamera shortcut c b switch b w zoom A lotofparameters to movement rotation adjust Change camera orientation layer Transform Hut Orient Create a 2 madecamera youcan seta pointofinterest So you can definewhere it would paint Akshansh Chaudhary 35 MFADT | Parsons School of Design
  • 38. 2 node camera g Autofocus forour I pointofinterest To create a depthoffield adjusttheaperture Play with cameramovement in AE using theclassfiles Youcan alsoswitchbetweenmultiplecameras Rightclick on a keyframe Roneacross Tine Thisallowsthecamera tomove smoothly To mimic handfeelof a camera we wiggle expression on the camera Akshansh Chaudhary 36 MFADT | Parsons School of Design
  • 39. Using light Shadows can only work on 3D Shapes So to make the shadow fallon thebackground make it 3D g Fallofffadesthelightgradually To cast a shadow on an object I Check castShadow option in light Turn on CastShadow option in the object's materialproperties Spotlight I light a spot Parallellight Display a parallel light on the surface Pointbright light in every dirt making a sun Ambientlight lights theentirescene uniformly Akshansh Chaudhary 37 MFADT | Parsons School of Design
  • 40. 30Oct 2018 COMPUTER ANIMATION no History historicalexample DesmondPaulHenry o Herbert W Fraker Usedb makepatternsusing busedmlesinidaeoli machines oscilloscope taeateart Oscilloscope Benlaposky FederderNake UsedOscilloscope make art Knownforearliest foundingfathersofcomputer manifest ofcomputer art generatedart Akshansh Chaudhary 38 MFADT | Parsons School of Design
  • 41. GeorgNees o Michael Noll Using computer generated boneoftheaeaketsof Laftsided shapes Photoshop MaryellenBute Mimic Madefilmsasingoscilloscope Mondrian Abstract Electronics Styleusing Abstronics computers fworkedBelllahs now owned by Nokia createda computer located in NewJersey ballet employedartistsinthepastlousecomputersto createout KenKnowlton Pioneer ofdigitalImages Stan Vanderbeek computergenerateddigital Assistedingetting artists Artist b BellLabs Experimentalfilmmaker married lillianSchwartz womaninthetechnical role Mahomett.msgenqoffo.mg 4Iimwt al Animator Akshansh Chaudhary 39 MFADT | Parsons School of Design
  • 42. ClNE 4D LOGO ANIMATION Also called9 IDENTS BUMPERS Homework Createananimatedversion ofa logousing AG c4D IV Cub file lighting etc notnow cnextclass Extension of2b shapes b workswithsplines Splines SubdivisionsurfaceCLatheExtrude Sweep 1 together make a 3D object a alwaysvisible alwaysinvisible normal click drag on themain window to pan rotate duct C Bid Akshansh Chaudhary 40 MFADT | Parsons School of Design
  • 43. Render settings G 0 90frames 3seconds Csofps pleaateafolderfor Eepartas a setof prig saving formaxquality Turn ontheAlpha Channel g Click on Rendentpicture viewerto exportas PNG Hootment fohinensions The noof F Bend Make polygonsthe the vertexowned objectismadefrom lowersubdivision lesssmooth 7 71 Akshansh Chaudhary 41 MFADT | Parsons School of Design
  • 44. Press O tocenter the object shortcut key F forthe samething in Unity when dealingwith curves use multiples of3 g Aune 360 To groupobjects create a Null OBJECT parenteverything to it similar toOnity T Moffetaenfyuffimgsj.uts.de Q O Selecttheproperty you wantto animate selectas many Movetheobjectforthatproperty click on Add keyframetoadd keyfsames Toextrude a spline makethespline a child oftheextrude Akshansh Chaudhary 42 MFADT | Parsons School of Design
  • 45. G Extrude 0T Addkeyframes changethe plugsalty Create a new sphire makeit a child ofEdrade It will put all thepreviousproperties the new spline Sweep similar toBlendpropertyin herelDRAW Youneed 2 elements group them makeit a childofsweep Theorder ofchildren willdefinesweep Akshansh Chaudhary 43 MFADT | Parsons School of Design
  • 46. 03Nov 2018 Animated Setup Controls CameraMovement Pom htt MiddleChik Zoom Att t Rt click Rotate Htt leftclick Objectmovement FINE Thone Rotate Zoom Openprojectsettings Ah t d Openviewpoet shift tv Toadjust theproperties ofan objectlegbendextrude Selecttheobject Click on makeeditablebuttonCshadait c Thismakestheobjectdivisions customizable Selectthesection you wanttochange Use line Point Edge Polygon Selection 9 RightclickCorpressm Selecttheproperty you wishtochange Use objectmovementtools to adjust Hold drag an attitudeto copy on otherlayers leg v x Akshansh Chaudhary 44 MFADT | Parsons School of Design
  • 47. Changemultipleproperties at once Useshifttoselectthemleg scale is 2 Use Hed t E tochange allofthem at once Ontypethevalue pressthe Enter toapplytoall Quickaccess command line forsearching shift to Right click any menu go to showhelp tosee documentation Sanemicrementalchanges as a newfile the t Att e shift t s lMy customshortcut Undo allchangesdonetotheviewCamera Movement 4 Iet shift 2 Groupmultiplelayers E Creating an nullobject inUnity selectthelayers Aet t g Add a property Clikeextrudeto multiplelayers at once Selectthelayers Go tosubdivisionsurfaceCertitude 7 options Att tselect adds extrudetoeachlayer Alte theeselect adds I extrude forentiresetof layers Tobeing a layeroutside ofitshierarchy 4Selectlayer1layergroup press shift of Akshansh Chaudhary 45 MFADT | Parsons School of Design
  • 48. 06Nov 2018 LOFT Entrusionbased on thestarting ending pt ofthe splineobjects morphfromone splineshapetoother beg aide star hexagon Sweepis usedto maketheextrudermove along a pathusing splines o In reality ne edgeis totallycrisp Ffilleton alledges So add thateffectto yourobjects 4caps Fillet cap To see lights change displaysettings to GouradShading SPECULAR thehighlightof a material Akshansh Chaudhary 46 MFADT | Parsons School of Design
  • 49. o Make a moiron like look go toReflectance 4Add7 Beckmann Then F a newlayer adjustits reflectance Note Faereflection Tomake a light east shadows manuallyturnit on in thelightsettings shadowproperties Tohave an infinitebackground add a floor Akshansh Chaudhary 47 MFADT | Parsons School of Design
  • 50. Showkeyframewindow Show Curves for animation To give a fisheyeview selectthe camera Object7Fecallength To reset your camera position keyframe it tostart So as you move around change camera view youcan goto that keyframetogetback to your view Few creating organic shapes use SubdivisionSurface Then Click on MakeEditable on press c Then select thepolygons changeshapes Akshansh Chaudhary 48 MFADT | Parsons School of Design
  • 51. when using lathe keepthe splineopen 7 ET x D When you want to smoothen a 1st on pentool selectthe pt et click chamfer keeptheautokeyingoptionturnedoff Ifits on it will add a keyframe whenever 2 a change p Akshansh Chaudhary 49 MFADT | Parsons School of Design
  • 52. Ifyou want multiple objects dissociating you can use a CLONER Imayslowdownthesystemdramatically Homeworld Addmaterial otherproperties to yourlogo you made last week tenderas PNG Usefilessent on canvas Import CUBfiles in AE Import as a sequence on PNGs Check Preferences Import ensure it is sofps as perthe CHS file g Importfilesas a PNG sequence Akshansh Chaudhary 50 MFADT | Parsons School of Design
  • 53. To import allsettings cameraineigide AE lwhich were made in c4D o camera lightsSelectthe cubfile Go toEffect controls Scrolldown chick on Extract Nowwhat you create in AE willautomatically be a partof the CHD settings Render settings In C4Is 8 Note when creatingeverything in cab do it at o o position It'sthe best when importing in AEo Use a PNG sequenceinside AE Don't use Dynamiclink b w c4D AE It slowsdown drastically Akshansh Chaudhary 51 MFADT | Parsons School of Design
  • 54. I3 Nov 2018 FINAL ASSIGNMENT Make atrailerfora film thatdoesn't exist Experimenting with the EXPERIMENTAL ANIMATION story mediumform etc o KopoldSauvage Frenchpainter Made 1stexperimentalanimatedfilm WalterRottmann Heactuallymadethe1stexperimental animatedfilm Leopoldwasn'tabletomakeone Hans Richter Rhythms 21 experimentalancient artist Viking Eggeling Film SymphonyDiagonala Experimental Amination Akshansh Chaudhary 52 MFADT | Parsons School of Design
  • 55. o Oskar Fisctungoo Made abstractmusicalanim IsHandmade Very wellsynced ninthmusic Cinema PurlE PureCinema A movementtoretainthe pureformofa film I Had artfilms LenLye bExperimentalfilmartist Tusalowa film MaryEllenBute Afemaleexperimental animation Film Synchrony No 4 Escape Carolineleaf A knownforSandAnimation NationalfilmBoard Canada Supports IndependentAnimates Akshansh Chaudhary 53 MFADT | Parsons School of Design
  • 56. NormanMcLaren Scottishanimator Handdrawn filmmaking pixilation Worked at National film Board Madefilmsduringthe war time Films Dots Neighbors I cameraless filmBlinkityBlank Synchrony making Jiri Trnka Czech Republic Isknownforanimationwithpuppets Jan Jvankmajer Czechfilmmaker Shipmotion humansused aspuppets Dimensions of Dialogue I Final Assignment Breaktheconceptofnarrative don'tmake a narrative Ambiguityis ok I Don't make a predictable story More questions less answers Akshansh Chaudhary 54 MFADT | Parsons School of Design
  • 57. Aristotle Unified Phety Concept Yakuza followed Freytag's Pyramid at Hollywood films HOMEWORK f Researchfilmtrailers Film TokyoDrift Make a presentation Brandedto kill Create a PDF ofthe idea tagline 1 line elevatorpitch eg a younggirlis confrontedbyher legs dark side Archetypicalcharacters travelon the endlessrollercoaster enduringtime tide Maison clips in A E Effects 7Flip Scale changethesign Ctx m x Akshansh Chaudhary 55 MFADT | Parsons School of Design
  • 58. Anotherimp effectin AE offset Allows tocreate a continuous moot Effects topurchase Trapcode starghao Particular Using Adjustmentlayerin AE It's a container foreffects Another color effect in AE Oo Colorama PhaseShift CycleRepetitions OutputCycle Presets More effects Echo LumetriColor Akshansh Chaudhary 56 MFADT | Parsons School of Design
  • 59. 20Nov 2018 PabloFerrodiedlastweek About Final Assignment Don't explaintoo much Ideaaboutusing subtitles think if textisregal or ifthescene is doing all the action Movietrailers are cut on a motion fastpaced So don't take the entireclip Fire colors changethe colors ofclipstomatchthe fmdhttutugenmuahkngaudi.hu decision helps gives a distopian look helps Greatsoftwaretomakemusic Reason by Propellerhead Akshansh Chaudhary 57 MFADT | Parsons School of Design
  • 60. o JohnWhitney American Animato IsUsing Oscilloscopes Worked at IBM to experimentwithcomputers catalog Created TitleSequenceforVertigo PeterFoldes Madethe1stcomputeoGenerated filmwith gotan award Hunger LarryCuba ComputerAnimator artist wakedwithJohnWhitney DeadStaranimation forStarWars Akshansh Chaudhary 58 MFADT | Parsons School of Design
  • 61. Calculatedthorements a UtahTeapot A statmodelthat tends to beusedin a 3D program Scanimate Motion graphicssys usedbefore AE Flash BeginningofMotion Graphics Endedafter HD came Analog tangibleinputs Usingthem Oscillators Sine wave Akshansh Chaudhary 59 MFADT | Parsons School of Design
  • 62. Procedural Animation air c4D Using Sinedeformeos in CUD Lissajous Carne 2 I rotating movingup Tenfold down Noise Defamer 0 If we add a materialto an object we canchangehow the material wraps aroundthe object changetheTiling Repetitions to adjust it further click on Seamless forproper alignment Akshansh Chaudhary 60 MFADT | Parsons School of Design
  • 63. thoGraph Using a CLONER E Repeater in AE thoGraph Effector7formula Effector7 Variables Changespeedofanimation Othereffectorstoadd5 Noise Random They move randomly Cnetfollowing fine wave Effector Colors are definedbythe amt ofdefamation taking place C useAlphaHttength Akshansh Chaudhary 61 MFADT | Parsons School of Design
  • 64. Eachelement gets influenced individually using a formula RANDOM effector Canbeused tocreate a cluster ofobjects I Canbeusedtoplace trees randomly Akshansh Chaudhary 62 MFADT | Parsons School of Design
  • 65. 27Nov 2018 strataCutAnimation A techniqueofusing clay cut it in slices record everyframe make an animation out ofit x Comments on Survive movietrailer draft Add logo in thebeginning end Cuttheaudio to 1minute Add more text animation in themovie Bring everything seamless so that they don't lookstock footage Add forofficialSelection e NEW MEDIA ART Robert Sigal 4New Media Artist Vitreous forTarget Minneapolis Akshansh Chaudhary 63 MFADT | Parsons School of Design
  • 66. o Peter Burr NYbasedartist Uses Video gameengines Moireeffects Ugly NikitaDiakue Computergeneratedfilm4 AllCinemaad Another film fast RaquelMeyers Uses oldschooltech Atarikeyboards Commodore 64 film Sobbing film Soundmade bythe animation MaxHatler DivisionalArticulations 42017 Done in AE Akshansh Chaudhary 64 MFADT | Parsons School of Design
  • 67. o BorisLabbe Orogenesis busedPhotoshop content Aware filltoanimate FrenchArtist DavidOreilly IsA HorseRaised by Spheres Machinima Atechniqueto make filmusing computer generatedartwork A machinima movie Everything OscarNominated Inside 9 Mattis Dorries Oldschool elated aesthete Aix Akshansh Chaudhary 65 MFADT | Parsons School of Design
  • 68. MikePelletier Motioncapturedataapplied tostd characters animate WongPuig IsAll AE 4Workshown in museums Stoppeeping GoodpluginforAE MT Mograph Helpsindoinganimations without a waveform Akshansh Chaudhary 66 MFADT | Parsons School of Design
  • 69. 04Dec 2018 Comments on the finaltrailer survive Thesection of BOT Centeralignit on theN07 NOT ANYMORELMakethetextwhite zoom Ofhetheq f payday OT toreveal Theperson technology cycle is disconnected fromthe footage Great easing on thelastlogoreveal Survive Use your ownfootage insteadoffoundfootage That TYFsomjmdsheatheinches better one oftheclipsis lessdramatic Make itpop x Akshansh Chaudhary 67 MFADT | Parsons School of Design
  • 70. FILMFESIVALS TC 3rd Culture film Festival Fai gagJafri's film festival HongKong Whydopeoplemakefilms Exposure toshow your work Film FestivalsusedtoneedDVDsforsubmission 4Now everything is online what is neededforsubmission A shortfilm 4Duration thin 1minute Max 55minutes 4 Bestpractice 3 4min Get a Vimeoaccount create a professionalpage putyour showeredthere Free ale Vimeo vs Youtube Definitely Vimeo Akshansh Chaudhary 68 MFADT | Parsons School of Design
  • 71. Akshansh Chaudhary 69 MFADT | Parsons School of Design
  • 72. Akshansh Chaudhary 70 MFADT | Parsons School of Design
  • 73. Akshansh Chaudhary 71 MFADT | Parsons School of Design
  • 74. Akshansh Chaudhary 72 MFADT | Parsons School of Design
  • 75. Akshansh Chaudhary 73 MFADT | Parsons School of Design