

The email designers at Shutterstock placed their header copy and a screenshot of the new plug-in on a blue and purple gradient. Shutterstocks campaign and the background image that powers it. Check out this example from Shutterstock: Shutterstock brings color to the inbox with an animated gradientīackground animation can also be really subtleand still be powerful. See the full email in Really Good Emails. Ubers campaign and the background image that powers it. But rather than placing the animated illustrations at the center of the campaignthey could have easily created an animated GIF to be featured in the email header or to break up the contenttheyve decided to use them as a background image that frames the email copy and the CTA. In this email, the design team at Uber is bringing their beautiful holiday-themed illustrations to life with animations. Uber brings holiday joy to the inbox with animated illustrations If you peek at the emails code and how the imagery is set up, youll see that the entire top area of the email contains one animated GIF thats set as a background image, and the logo, copy, and call-to-action are placed on top. Youll see that these change colors as wellswapping from red to purple and from purple to yellowmaking this bright and colorful email design truly special.Īdobes campaign and the background image that powers it. At the center of this design is an animation that shows the app in action, but keep an eye on the colourful shapes in the background.

In this campaign, Adobe uses an animated GIF to show off its new Photoshop Camera app. You cant quite picture how a background animation could look like? Lets check out some beautiful examples:Īdobe catches the eye with colorful, animated background shapes How brands use animated background images in email

In this post, we show you examples of brands that have mastered the art of animated backgroundsand provide you detailed tips on how you can implement animated background images in your campaigns, too. You can also use animations to spice up your background imagery, giving your email design more depth and a truly special look and feel. But animations dont always have to take the center stage in your email design. In recent years, many brands have embraced the power of animation, utilizing animated GIFs as primary design elements to show off their products and tools, or to simply add some movement and fun to their campaigns. See how brands use animated backgrounds to add movement and depth to their email designsand learn how you can do the same.
