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