From the course: Learning SVG

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Turn complex graphics into usable SVG

Turn complex graphics into usable SVG - SVG Tutorial

From the course: Learning SVG

Start my 1-month free trial

Turn complex graphics into usable SVG

- [Instructor] In this last chapter we'll take a step back from the theory and look at some practical approaches to an effective SVG design workflow. Like I explained at the top of the course I won't cover the ends and outs of using SVGs and production sites here, that's covered in detail in my other course Creating Web Icons with SVG, instead we'll look at the workflow which takes us from a design application to manageable accessible SVGs ready for that production process. In the exercise files for this movie you'll find four files, fox master.ai, fox.svg, forest master.svg, and raw styles.css. These files were created to showcase how we go from regular vector graphics in an application like Adobe Illustrator to a well structured SVG ready for the production process. First off let's take a look at fox master.ai in Illustrator. What we have here is a graphic showing a frame and some outline text and some live text and a badly drawn fox. Looking more closely you'll notice the different…

Contents