A Three Part Series of Creating 3D Animated Lettering That Stands Out And Enhances Your Online Presence | Part 3

Check out Part 1 and Part 2 of this Class Series.

c7b49e7d

This class will teach you how to export your animation as transparent stickers to use for social media and the web. I will take you through the process of setting up your animation with Essential Graphics within After Effects, converting your animation into a GIF with transparency in Photoshop and exporting an animated PNG with the help of an APNG converter.

Who This Class Is For

This class is perfect for intermediate learners. Some prior knowledge of After Effects and Photoshop might be necessary. No previous knowledge of creating GIFs or animated PNGs, however, is needed. I will be focusing on optimising your project and exporting the stickers, so get your assets ready.

What You'll Learn

Creating animation templates
- You will learn how to set up your animation up in After Effects with Essential Graphics
- You will be able to create several iterations of your scene with only one animation
- You will learn how to set up controllers
Exporting transparent GIF
- You will learn how to export your animation as a transparent video
- You will learn how to convert your video into a transparent GIF with Photoshop
Exporting an animated PNG
- You will learn how to export a PNG sequence
- You will use an APNG converter to create an animated PNG
- You will learn the pro’s and cons of GIFs vs. APNGs

Why You Should Watch

By the end of this class you will have a solid understanding of creating animation templates in After Effects with Essential Graphics. You will know how to export animated stickers with transparency, using two different methods.

You will be able to upload your GIFs to sites like Giphy and use your APNGs on the web. You can also use this knowledge to create stickers for popular mobile chat apps like iMessage.

Materials / Resources

You will need After Effects, Photoshop and an animated PNG converter to complete this class. You will need to come prepared with your own assets to export as a GIF or use the assets provided in the project gallery. You will also need an APNG converter.

APNG Assembler: https://sourceforge.net/projects/apngasm/

Grain Texture: https://pixabay.com/vectors/scratch-scratch-overlay-distress-2409873/

Further Reading

Alpha channels: premultiplied vs straight
- https://www.cgdirector.com/premultiplied-alpha-vs-straight-alpha/
Dithering in Web Images
- https://helpx.adobe.com/photoshop-elements/using/dithering-web-images.html

Upcoming classes

This class is part of a trilogy, which builds upon one other. You can follow along the whole series, or just take a class on its own. Each class has a unique outcome and can be taken independently from the series. Take Part 1 and Part 2 of this series here.

Follow me on social media to find out about upcoming classes!

Instagram - Facebook - Twitter - TikTok - Website

ATTRIBUTION

Music Guiton Sketch by Kevin MacLeod is licensed under a Creative Commons Attribution licence, Source, Artist
Striving Artist Logo Animation based on artwork by Huyen Dinh

Zack Kojoyian

Just trying to make it work

--

7