All classes After Effects Syllabus · Episode 98 of 104

Checking access...

Want to go deeper?

Join one of our courses or ask us directly on WhatsApp.

View the full 104-episode syllabus View After Effects Courses Ask on WhatsApp

Recommended classes for you

Picked from the software, topic, and level of “After Effects Class #98: Export Transparent, PNG Sequence, and GIF Animation”.

104 episodesFree preview

Adobe Audition · Beginner–Advanced

Complete Adobe Audition

104 video lessons with PDF guides, 10 h 33 min in total.

10 h 33 min 5 0

View class

105 episodesFree preview

Adobe Premiere Pro · Beginner

Complete Adobe Premiere Pro

105 video lessons with PDF guides, 6 h 22 min in total. Starts with: Getting to Know the Premiere Pro Interface: Panels, Monitors, and Timeline.

6 h 22 min 6 0

View class

104 episodesFree preview

Adobe Animate · Beginner–Advanced

Complete Adobe Animate

104 video lessons with PDF guides, 8 h 56 min in total.

8 h 56 min 5 0

View class

Need more than a video?

Other ways we can help with Adobe After Effects.

Learn with a mentor

Scheduled Video Editing courses with live guidance and a certificate.

Course

Course/Training Bimbingan Skripsi/Tesis/Disertasi Adobe After Effects

★ 4.9 (3)

Course

Course/Training Resolume Arena — Resolume Arena Mastery: Visual Mixing and VJing

★ 5.0 (12)

Course

Adobe Premiere Pro CC 2019 Basic to Ultimate Training Course

★ 5.0 (9)

See all in Video Editing →

Have it built for you

No time to learn Adobe After Effects? Our team can do the project for you.

Service

Development Service: Bimbingan Skripsi/Tesis/Disertasi Adobe After Effects

★ 5.0 (3)

Service

Development Service: Adobe After Effects — Expressions Expert

★ 5.0 (3)

Service

Adobe Premiere Pro Creation Service — Video Editing for Internet Marketers

★ 5.0 (4)

See all in Video Editing →

Get notified about new Adobe After Effects classes

At most one email a week. Unfollow anytime with one click.

Transcript

The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.

Show transcript

Introduction

This is the result we're going to create, a Lower Terd with a transparent background exported in three formats: a video with alpha for other editors, a PNG sequence, and an animated GIF for the web. Let's get started. Hello, welcome back to the complete Adobe After Effects series from Cerdas Inovasi Digital. Graphics like Lower Terd and logos are often used in other applications, so they must be exported without a background. The MP4 format does not support transparency, so we need another format.

Step 1: Transparent Composition

Create a graphics composition containing panels, accents, and Lower Terd text without footage. Turn on the checkerboard background button below the viewer, the white gray boxes indicate the area that is truly transparent.

Step 2: Video with Alpha

Add to the render queue, open the output module, select the Quick Time format, then the Apple ProRes 4444 video codec. Change the channel to RGB plus alpha. The file name should end with MOV. This file can be stacked in Premiere or DaVinci with a transparent background.

Step 3: PNG Sequence

Add a second output module with the PNG sequence format and RGB plus alpha channel. Each frame is saved as a single PNG image with a numbered sequence. This format is safe because if the render stops, the already completed frames are not lost.

Step 4: Render

Click render. Both outputs are created simultaneously from a single render process. The PNG folder contains hundreds of numbered files that can be re-imported as a single footage. For web and chat, send the composition to media encoder and select the animated GIF preset with half size.

Step 5: GIF Animation

GIF has limited colors, so it's suitable for simple graphics, not video. Import the MOV file into After Effects and place it on top of any footage.

Step 6: Check the Result

The background is transparent. Compare file sizes, ProRes is the largest and best quality, PNG is in the middle, and GIF is the smallest.

Done!

Done. We have created a transparent composition, exported ProRes 4444 with alpha, PNG sequence, and animated GIF, and checked the results. In the next episode, we create a vertical version for social media.

: Done!

Need a promotional video, logo animation, motion graphics for social media, or visual effects for short films? Cerdas Inovasi Digital provides motion graphics and visual effects services, as well as After Effects courses from beginner to advanced. Want to master all of these series, 104 episodes from the interface to final projects? All episodes, complete with PDF step-by-step guides, source footage, and project scripts, are available for premium tutorial subscribers. Subscribe starting at Rp69.000 per month, save 28% with the 12-month package. Or pay once Rp999.000 for lifetime access. Want just one class? Buy single classes with lifetime access. Subscribe now at the premium page cerdasinovasidigital.com Contact us via WhatsApp, or visit cerdasinovasidigital.com Thank you for watching, see you in the next episode.

Ask the class material

Type a question or keyword; we find the part of this episode that explains it and jump the video there.

My notes

Notes are saved with the current video time and are only visible to you.

Questions & answers

Stuck on a step? Ask here; the instructor and other learners can answer.

No questions yet.

Your instructor

Cerdas Inovasi Digital Team

Software developers, BIM & 3D engineers, and AI practitioners

53 video classes1,287 episodes

We build software, BIM models, games and AI automations for clients every day, and turn that hands-on work into step-by-step classes: every step is shown on screen and comes with a PDF guide you can keep.

See our clients →

Memuat

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:37Step 1: Transparent Composition

1:08Step 2: Video with Alpha

1:29Step 3: PNG Sequence

1:46Step 4: Render

2:06Step 5: GIF Animation

2:18Step 6: Check the Result

2:29Done!

2:47: Done!

Ask the class material

My notes

Questions & answers

Your instructor

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:37Step 1: Transparent Composition

1:08Step 2: Video with Alpha

1:29Step 3: PNG Sequence

1:46Step 4: Render

2:06Step 5: GIF Animation

2:18Step 6: Check the Result

2:29Done!

2:47: Done!

Ask the class material

My notes

Questions & answers

Your instructor

Introduction

Step 1: Transparent Composition

Step 2: Video with Alpha

Step 3: PNG Sequence

Step 4: Render

Step 5: GIF Animation

Step 6: Check the Result

Done!

: Done!

Introduction

Step 1: Transparent Composition

Step 2: Video with Alpha

Step 3: PNG Sequence

Step 4: Render

Step 5: GIF Animation

Step 6: Check the Result

Done!

: Done!