Motion: Holiday Card Animation
Holidays are always a joy because we get to whip together Holiday Cards - you may recall the one I made for Virtualitics a ways back, and for this one I tried to build on the skills I learned there to step up my game.
![](https://freight.cargo.site/t/original/i/7e4896fffce6dd4c01ae2bda943d93277e8ee908637e47a9644f6a51b553ed51/800_4sec.gif)
Especially key to this year, I mocked up the entire thing in Figma to make sure it was completely vector-based to make the animation as easy as possible. Assets were then exported to After Effects and exported using Gifgun.
![](https://freight.cargo.site/t/original/i/2ff732fc38fb30e3b9339c97466ac12d74da557c472b9d916bf428fc5ffe5058/Screen-Shot-2022-05-04-at-6.43.37-PM.png)
Color palette built around company colors
![](https://freight.cargo.site/t/original/i/d3f1910ae53967777028df778dcc2af5c72c3757812b75443c5e226ff25762b4/Screen-Shot-2022-05-04-at-6.45.21-PM.png)
![](https://freight.cargo.site/t/original/i/65302c06cb93ecaf033fe3f69dc02fe3ae17fd96f523df578a07f121f180e8f2/Screen-Shot-2022-05-04-at-6.45.14-PM.png)
![](https://freight.cargo.site/t/original/i/dce2d3017ccac00f290ca278b577cf2349dcf422b28a8a37bfd1a76ba261fef0/Screen-Shot-2022-05-04-at-6.44.44-PM.png)
![](https://freight.cargo.site/t/original/i/7b5e2e0127abb45e81cf0f6035e95e7727bbb31986d4653bba328e71402c1584/Screen-Shot-2022-05-04-at-6.44.25-PM.png)
Separated, individual assets in Figma
![](https://freight.cargo.site/t/original/i/51db128f6bb233e8fe847d49ecfa2ffb504a430cf87ee88a2a84c23e381b9eaa/Holiday-Card-Mock.png)
Full Figma mock
![](https://freight.cargo.site/t/original/i/33f433bdd6e0487ba0768f19dd2293d391dfce93f73e82fceacc837ef4791513/Comp_1.gif)
Variation on the animation, adding a green version to emulate Echobind’s green colors - for sharing on widescreen ratio platforms.