From the course: Creating Web Media

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Create a tiling SVG with Sketch

Create a tiling SVG with Sketch - CSS Tutorial

From the course: Creating Web Media

Start my 1-month free trial Buy for my team

Create a tiling SVG with Sketch

“

- [Chris] Hi this is Chris Converse and in this episode we'll use Sketch to create SVG artwork that will seamlessly tile horizontally. Allowing us to create a design that will fill the full width of the browser. Now in a previous episode we created the same artwork using Adobe Illustrator instead of Sketch. So if you'd like to follow along with me in Sketch, download the exercise files and let's take a look at the files that we're going to be working with. Now I put the Sketch file in the Development folder, where we'll develop the artwork. And later we'll be saving out our files into the Publish folder, where I have an Images folder already set up. And once we've created our SVG files, we'll add references to them in he CSS file. And so to begin let's open the waves file in Sketch. Now inside of Sketch, you'll see some vector shapes that I have here, that we'll use as waves in our layout. In the layers panel you can see them labeled as waves 3, 2 and 1. So to begin let's select waves…

Contents