How To Import SVG Files Into After Effects

Adobe After Effects CC 2024: How To Import SVG Files This tutorial will show you how to import SVG (Scaleable Vector Graphic) Files into Adobe After Effects CC 2024 via Adobe Illustrator. Workflow: Download SVG File Open in Adobe Illustrator Convert all to Layers Rename Layers Save As Illustrator (.ai) File Import .ai File as ‘Composition-Retain Layer Sizes’ in After Effects Double-Click Composition to view all layers SVG stands for Scaleable Vector Graphic. This file format is popular for displaying two-dimensional graphics, charts, and illustrations on websites and is a vector file so it can be scaled up or down without losing any of its resolution. https://www.adobe.com/creativecloud/f... Free SVG Files: SVG Repo https://www.svgrepo.com/ ——————— To try or buy Adobe After Effects CC 2024: https://mikemurphy.co/adobe (affiliate link) Terrapin Textures Video Assets: https://mikemurphy.gumroad.com/l/oran... ⭕️ Check out my new Domestika Course on Adobe Audition: https://mikemurphy.co/domestika Murphy Doodle Font: https://mikemurphy.gumroad.com/l/murp... —————— Chapters: 00:00 Intro: About The Tutorial 00:29 What Are SVG Files? 00:55 Download SVG File (SVG REPO) 01:21 Open SVG in Adobe Illustrator 01:46 Release To Layers (Sequence) 02:22 Rename Illustrator Layers 02:49 Save As Illustrator File 03:12 Import To After Effects 03:43 Open SVG Composition 03:56 Fix Vector Resolution Quality —————— How To Download SVG Files 1. Open web browser 2. Go to https://svgrepo.com 3. Browse collections 4. Click on an SVG Graphic 5. Click on ‘Download SVG Vector’ to download to computer How To Open & Prepare SVG File in Adobe Illustrator: 1. Drag SVG File onto Illustrator application (Macs) 2. Go to the ‘Layers Panel’ 3. Click on ‘Layer 1’ in the Layers Panel 4. Click on the Hamburger (3 horizontal lines) in the top right of the Layers Panel 5. Select ‘Release To Layers (Sequence)’ 6. Drag all layers outside of Layer 1 7. Delete Layer 1 (select and click Trash Can at the bottom of Layers Panel) 8. Double-click on each Layer to Rename 9. Go to File Menu 10. Click ‘Save As’ 11. Change Format to ‘Adobe Illustrator (.ai) 12. Rename File 13. Click ‘Save’ 14. Select Latest Version of After Effects 15. Click ‘OK’ How To Import Illustrator (.ai) File into After Effects 1. Open After Effects Project 2. Double-click on empty space in Project Panel to open Import Dialogue Box 3. Select Illustrator (.ai) File 4. Change Import As to ‘Composition-Retain Layer Sizes’ 5. Click ‘Open’ 6. Double-Click new SVG Composition to Reveal All Layers 7. Drag new SVG Composition into the Main Composition 8. Double-Click SVG Composition at any time to reveal all layers How To Fix Resolution Quality of SVG in After Effects 1. Right-click on the top of the Layers Panel in the Header Row 2. Make sure ‘Switches’ is checked 3. Double-click to to open the SVG Comp so all layers are visible 4. Select all layers 5. Tick one of the boxes under the * column to ‘Continuously Rasterize’ 6. A * should be in the column for all layers 7. Return to the main column 8. Tick the box to add a * next to the Comp for ‘Collapse Transformation’ 9. Tap ’S’ for Scale 10. Scale up and the Vector Graphic should be sharp and high-quality! --------------------------------------------------------------- ➜Amazon Influencer Store: https://www.amazon.com/shop/mikemurphyco ➜See All My Gear: https://www.mikemurphy.co/podgear ➜ Get Adobe Creative Cloud: https://mikemurphy.co/adobe ➜Screencast Software:  Screenflow: https://mikemurphy.co/screenflow --------------------------------------------------------------- ➜ VISIT MY WEBSITE: https://mikemurphy.co ➜ SUBSCRIBE TO PODCAST -https://mikemurphy.co/mmu ➜ SOCIAL MEDIA: Instagram:   / mikeunplugged   Facebook: https://mikemurphy.co/facebook Twitter:   / mikeunplugged   YouTube: https://mikemurphy.co/youtube Amazon Associates Disclosure: Mike Murphy is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com