motion graphics

An abstract animation from the <n>Random Gifs</n> series by artist <n>Ross McCampbell</n>.

<n>Hatton</n> typeface by <n>Mathieu Desjardins</n> and <n>XX</n>, updated by <n>Morgane Vantorre</n>. Visual by <n>Sergio Lairisa</n>.

Digital artwork <n>139 // take a moment.</n> by artist <n>Tyler Fox Rockett</n>.

Typographic artwork <n>Hope</n> by designer <n>Huston Wilson</n>.

<n>Meta x Ray-Ban Holidays Billboard</n> by <n>UNI_VERSE</n>, 2022.

<n>Stop The Hate</n> motion graphic by type designer <n>Mat Voyce</n>.

The <n>Transfer Galaxy logo</n>, designed by <n>Stockholm Design Lab</n>.

<n>Codrops</n>' Website of the Week, <n>+13322566869</n>.

<n>Kara</n> title graphic by <n>Fraser Muggeridge studio</n> for <n>Somesuch</n>, directed by <n>Deepa Keshvala</n>.

<n>All Day Long</n> by graphic designer <n>Franziska Volmer</n>.

Logo for <n>School of Motion: Advanced Motion Methods</n>. Design by <n>John Hughes</n>, <n>Sarah Beth Hulver</n>, and <n>Stephen Kelleher</n>.

Brand identity for the <n>Playgrounds In Motion</n> festival, developed by <n>Joe Brooks</n> and a team at <n>BUCK</n>.

Poster for a typographic animation workshop at the <n>Motion Motion</n> festival using <n>Cavalry</n>.

Title typography animation by motion designer <n>Hiromu Oka</n>.

The animated logo for <n>Playgrounds In Motion</n>, created with <n>BUCK</n>, won a Silver award at the <n>European Design Awards</n>.

Motion graphics templates created by <n>Studio Size</n> for the platform <n>Motion Array</n>.

Morning Coffee animation by <n>Matthew Jedrzejewski</n>.

Visual identity for the <n>ASICS SportStyle</n> 'Fete de la Musique' pop-up at <n>3537</n> in Paris.

Typographic design defining "pandemic," mentioning the <n>World Health Organization</n>.

Suns Logo Loop: Timeline + Curves

For 'Speed-ramped' cuts, keyframe:
-Start value
-End value
-Scrub to middle, add a KF
-Ease all 3 points (F9 or Fn+9)
-Shrink start and endpoint anchors
-Drag middle KF anchors all the way out

Works for position, scale, paths, masks, etc.

Graphic art by <n>GCFLearnFree.org</n> for their <n>Beginners Guide to Graphic Design</n> series.

Here's how you can create these Fake 3D animations in After Effects:🧵

Compound-Blur + Fringe Color-Bleed:

To replicate this concept:
- Add Camera Lens Blur effect to text
- Make new 'Blur Map' Comp 
  (Light & Dark values determine blur)
- Map the effect's blur to this Pre-Comp
- Add Adj layer and re-map colors using a Tritone effect...

Graphic from the <n>DreamOn</n> project, created with <n>Idea Digital</n> using the <n>Diatype</n> typeface.