If youįrom Selection one a few rows lower down. To break down your composition using more organic lines, and then put it back togetherĬouple of things that you should be aware of when using this method. Understandable since if you were designing a web page, it would be pretty hard Looking at the icon’s total width and height and not its shape. Quick tip: As you can see, the created sliceīoundary has a rectangular form, since Illustrator creates the delimitation by I’ll talk more about this in the exporting process. Illustrator assigns numbers to its slices to let you select which of the slices you want to export, and which not. In a pretty straightforward way, from the top left corner to the bottom right
Right side, and an even narrower one for the bottom side.Ī closer look at your Artboard, you might see that these slices are numbered, The top side, a narrower one for the left side, a pretty wide one for the Larger slices, one for each side of the icon’s slice. Icon, Illustrator has divided the remaining sections of the Artboard into The rest by creating a delimiting line around it.Įven though we’ve created a slice for just one This will immediately separate that icon from To do that, we will select the icon, and then go So, let’s say that we have a couple of icons, Option is really easy to understand, since it allows you to create slicesĪround the boundaries of one or multiple objects. If you’ve never created a slice before, don’t worry because it’s pretty easy to do. This action, but in time you’ll come to appreciate it, since you’ll have aīetter understanding of what’s going on with your artwork. At first you might not care too much about Margins of that segment, separating it from the piece of paper.Ĭreated slice, Illustrator assigns a number, starting from the top left cornerĪll the way to the bottom right one. Imagine that the process is similar to that of taking a cutter and slicing the traced Now, when you create a “slice” you’re actuallyĭelimiting a segment of that paper, by creating a cutout which you can thenįreely remove from the larger composition. First let’s think of the Artboard as being a piece of paper onto Initially slices were created for web designers,īut as with most of Illustrator’s tools, this one quickly found a new use: exporting icons. That you can create in order to individually export rather than exporting the
You can think of a “slice” as being a defined section of a piece of artwork Let’s get back to our main topic and talk a little bit about slices and how Have said advanced, but to be honest, it’s not all that hard once you play My game and show you the fastest way of exporting an icon pack, using a You thought that the process was way too slow and painful, I decided to up Were pretty straightforward to follow and apply, giving you exactly the same Methods might not have been the best of the best in terms of productivity, they
#WEB SLICES HOW TO#
The idea was that I wanted / needed to present a process suitedįor beginners that would be easy to understand, assuming they knew how to use Precious icons, but to be honest those methods might slow you down when you Whether you choose to use a premade icon pack, or start from scratch, today we'll be teaching you some key considerations to think about when exporting your precious assets.Īll technical, I want to take a couple of seconds and explain the reason for Want to read this article, since I’ll explain all there is to know about it Today we’re going to take a look at the different ways of exporting icons using a tool that is often feared, but will take your productivity to another level once you master it. That tool is none other than the Slice Tool, and believe me, if you’ve never used it before, you’ll
0 kommentar(er)
