How to Make a Write-On Effect in After Effects

Create a dynamic title by animating text onto your video. Start from scratch, or download practice files for a head start. Steps below.


Create a dynamic title by animating text onto your video. Start from scratch, or download practice files for a head start. Steps below.

Note: Update to the latest version of After Effects.

1. Open the sample project (File – Open – Write-On Practice.aep).

Tip: Make sure you are in the Standard Workspace (Window - Workspace - Standard).

2. Trace letters in the logo: Select the "S" layer at the bottom of the Timeline panel. Choose Layer – New – Shape Layer. Make sure the new shape layer is selected. Choose the Pen tool from the top toolbar. Trace over the first "S" in the Composition panel.

Tip: Set the Fill and Stroke color to white. Set the Stroke Width to 80px. Click the Fill label, set Opacity to 0%. Click OK.

3. Add starting animation state: Click the triangle for the Shape Layer to expand it. Click the Contents row, click Add to the right, then choose Trim Paths. Click the triangle next to the Trim Paths row to expand it. Click the Stopwatch icon next to the End setting and set the value to 0%. A keyframe (diamond icon) appears on the timeline where you've set the Trim Path End value.

4. Add ending animation state: Drag the playhead to approximately the 12th frame on the timeline. With Trim Paths still selected, set the End setting to 100%. A second keyframe (diamond icon) appears on the timeline indicating the new Trim Path End value.

Tip: To switch between different systems of time display on your timeline, Cmd+click (macOS) or Ctrl+click (Windows).

5. Set the Alpha Matte: Click the triangle next to the Shape Layer to collapse it. Select the "S" layer. In the TrkMat column, choose the Alpha Matte option.
6. Animate remaining letters: Repeat steps 2 – 5 to animate the remaining letters in the logo.

Tip: The first keyframe for a letter's Trim Path starting value, should appear at the same point on the timeline as the previous letter's ending value. That way, the next letter will start to animate once the previous one has finished.

7. Add the animation to the video: Shift+click the Skatefest_logo and the movie clip in the Project panel. Drag the selection to the Create a New Composition icon at the bottom of the panel. Click OK in the New Composition from Selection dialog. In the Timeline, drag the Skatefest_logo to the right so the animation can start soon after the video plays.

Tip: You may need to click somewhere inside the timeline to deselect the logo and movie layer if they both move together when you drag the logo layer.

8. Click Play in the Preview panel (Window – Preview) to preview the animation.


Source: Learn How To Make It Now Creative Cloud

Want to get notified of recent posts from this blog? just click  Link subscribe this Dafi Deff blog. (register your email) Follow me at Twitter @dafideff and Instagram @dafideff. Or subscribe my Youtube channel Channel Youtube Dafi Deff.

COMMENTS

Name

3D,18,Adobe Lightroom,1,Adobe Premiere Pro,15,Advertorial,6,After Effects,84,animasi,28,Aplikasi,5,Avid Media Composer,1,beginners guide,7,blogging,2,Cara,118,Catatan,100,Cinema 4D,14,Cinemagraph,1,Color Grading,6,Dasar-dasar After Effects,9,Dasar-dasar Desain Grafis,5,DaVinci Resolve,1,Desain,14,Digital Marketing,5,dokumenter,1,Download,5,Empowr,4,English,30,film,1,Final Cut Pro,1,Free Download,6,Google Web Designer,2,graphic design,13,Instagram,3,Koalisi Online Pesona Indonesia,1,KOPI,1,Logo Animasi,1,Logo Animasi Sulawesi Selatan,1,Low Poly,1,Luts,1,motion design,56,Motion Graphics,103,Notes,4,Office,4,Panduan,57,Panduan Warna,3,Perumahan,1,Photoshop,4,Powerpoint,3,Premiere Rush,2,produksi video,18,Review,2,seo,2,sinematografi,4,Sosial Media,15,Technology,3,teknologi,15,Teori Warna,3,tipografi,1,Tutorial,89,Video Editing,29,Video Pemasaran,9,Video Production,41,visual element,6,Vlog,12,Word,1,Youtube Design,2,
ltr
item
Dafi Deff Motion Graphics: How to Make a Write-On Effect in After Effects
How to Make a Write-On Effect in After Effects
Create a dynamic title by animating text onto your video. Start from scratch, or download practice files for a head start. Steps below.
https://i.ytimg.com/vi/ETitVEP9Yac/0.jpg
https://i.ytimg.com/vi/ETitVEP9Yac/0.jpg
Dafi Deff Motion Graphics
https://www.dafideff.com/2019/11/how-to-make-write-on-effect-in-after-effects.html
https://www.dafideff.com/
https://www.dafideff.com/
https://www.dafideff.com/2019/11/how-to-make-write-on-effect-in-after-effects.html
true
693841562448610024
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content