SVG Files: From Illustrator to the Web



In this quick how-to video, we’ll explore vector SVG files. You’ll learn how to create them in Adobe Illustrator, their use on the web, and how to use them with Cricut. ► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com?utm_campaign=yt_tutsplus_ONp83wuenzQ&utm_medium=referral&utm_source=youtube.com&utm_content=description

Scalable Vector Graphics (SVG) is a vector image format which began life back in 1998. It was always developed with the web in mind, but only now has the web actually started to catch up. There’s no denying its relevance today, so let’s have a look at the basics of taking SVG from Illustrator to the web browser.

Here’s what you’ll learn:

00:34 – SVG Explanation
01:02 – Start Illustrator
01:18 – Create a Graphic
01:54 – Save Settings
02:21 – Opening an SVG File in the Browser
02:48 – Import an SVG to Cricut
03:06 – Advanced Illustrator Settings

Assets Used in This Video:
• Background Music: https://elements.envato.com/ambient-music-PTM6NQ6a?utm_campaign=yt_tutsplus_ONp83wuenzQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Ambient Background: https://elements.envato.com/3d-background-V25FU79?utm_campaign=yt_tutsplus_ONp83wuenzQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Example Logo: https://elements.envato.com/dragon-logo-YTSMCF9?utm_campaign=yt_tutsplus_ONp83wuenzQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Example Web Graphic: https://elements.envato.com/freelance-8JVGH7?utm_campaign=yt_tutsplus_ONp83wuenzQ&utm_medium=referral&utm_source=youtube.com&utm_content=description

Read more on SVG Files: From Illustrator to the Web on Envato Tuts+: https://design.tutsplus.com/tutorials/svg-files-from-illustrator-to-the-web–vector-20899?utm_campaign=yt_tutsplus_ONp83wuenzQ&utm_medium=referral&utm_source=youtube.com&utm_content=description

– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com?utm_campaign=yt_tutsplus_ONp83wuenzQ&utm_medium=referral&utm_source=youtube.com&utm_content=description

Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com?utm_campaign=yt_tutsplus_ONp83wuenzQ&utm_medium=referral&utm_source=youtube.com&utm_content=description

► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –

source

Save This Post
ClosePlease login