Our group going into more simple motion design as it’s everyone first
time operating on AE. However, for the fonts and color palette we’re
still deciding on which to use so everyone can have similar
style.
Font: Futura STD, FreightDiscComp (Adobe Font)
Pic 1.1 Color Palette
Pic 1.2 Group Moodboard
Here are some art direction example made in photoshop based on the
moodboard we’ve met. The final Kinetic Typography won’t look
identically the same but just to get everyone the grasp of the art
direction:
Pic 1.3 Art Direction Example 1#
Pic 1.4 Art Direction 2#
INDIVIDUAL
Lyrics:
Pic 1.5 My part
Breakdown per sentences: I use pre-compose a lot to organize my AE
files. Despite that I just play with the keyframes while looking for
some tutorials to experiment on my kinetic part.
Pic 1.6 AE File - MY part
Final Individual:
Vid 1.2 Individual Kinetic Typo Part Final 'Arwinda'
GROUP
Compile, I’m the one who compiling for the Kinetic Typography. The file
overview can be seen below:
Pic 1.7 Compose File
1st Draft: Commented that some text not allign ideally and the gradient
too distracting.
Final Draft: We totally erase any gradient background and did some minor
adjustment.
Vid. Final Kinetic Typography Group 2.1.
Exercise 4: Pie/Line Graph
prompt: create pie/line graph referring to the task list in the
google drive. I got the task to the ‘D’ part which is a line graph
exercise. Information that has to be provided. Follow instruction from
the slides.
Pic 2.1 'D' Line Graph
PROCESS:
1.) Making the diagram. Fill the X & Y axis.
2.)Draw the line using pen tools. then animate to make them appear
gradually using trim paths (0%-100%).
Pic 2.2 Line Keyframes
3.) Add dots, animate scale to make them appear bouncy.
4.) Use pre-compose to organize the timeline. and then duplicate and
adjust timing for other points.
Pic 2.3 Composition List
5.) Add the last information and fixing the composition.
Pic 2.4 Final Composition
FINAL DESIGN
Vid 1.4 Final Exercise 4: Line Graph
Exercise 5: Vector Animation
prompt: practice vector/character animation. Must apply: (position, scale, or motion) Bounce effect, layer (motion blur), Keyframe (Easy Ease), Wiggle or Puppet tool,
PROCESS:
1) After opening the 'D' Animation section on ia, All the shapes seems being compose inside a layer. so I firstly sketch how the movement I want to have.
Pic 3.1 Sketch Animation
2) then separate and name the layers accordingly.
Pic 3.2 Naming the layers
3) Importing file to Ae as composition to retain its layer.
Pic 3.3 Import to Ae
4) Adding Bounce Effect, Easy Ease, and basic animation to Body layer.
Pic 3.4 Adding Basic Animation
5) Parenting Thumbs layer to bubble layer then adding similar animation as point no.4 to bubble layer. Readjusting the Anchor Point.
Pic 3.5 Adjusting Anchor Point
6) Add wiggle to Thumbs layer and motion blur for the rest of moving layers as well.
.png)
%20on%20thumbs.png)
Comments
Post a Comment