Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Mordy Golding demonstrates how to be more productive, efficient, and creative by taking advantage of Adobe Illustrator to create pixel-perfect web graphics and interactive Flash content. Illustrator CS4 for the Web investigates the pros and cons of pixel- and vector-based web graphics, demonstrates efficient workflows, and explores the creative options available in Illustrator. Mordy also covers design techniques, such as creating typography that works well on screen, adding reflections, and making Flash animations. He discusses new Illustrator CS4 features, including using multiple artboards, bringing art into Dreamweaver, and utilizing Flash Catalyst. Exercise files accompany the course.
So we understand the importance of creating slices when working with web layouts inside of Illustrator. So let's see how we actually create these slices. In this document, I will turn on this layer where I have already created these areas or these regions, which are going to become slices. And in reality there are two ways to create slices inside of Illustrator. In this particular video, we will talk about creating them in a manual fashion. I will start by selecting the Slice tool here in the toolbar, then I will come directly to my document and I will click -and-drag to create a slice around the region that I have defined. When I release the mouse, the slice is created.
Using the Slice tool I can continue to create additional slices as well. However, I will tell you that as I am doing this right now, there is really nothing preventing me from creating a slice that's not the exact same size as the rectangle that I have created before. For example, I will purposely clicked right about over here and click to drag this. They obviously don't line up here. Now the Slice tool is used specifically for creating slices, not for modifying them. Once I have created them I have to use a different tool, which is the Slice Select tool. I will come back to the toolbar here, click and hold my mouse button on top of the Slice tool and I will see the Slice Select tool. Now I can come back, click on this particular slice to select it, and you will notice a double arrow appears as I move over the boundary of that slice.
By clicking and dragging I can now simply resize the slice to match as needed. Let's take a look at what's really happening here behind the scenes. As I create a slice, Illustrator draws a rectangle and refers to it as a slice. If I look over here at the layer that I am in right now, the Slices layer, I see that I have just now created these objects called Slices. These are the paths that I have defined before when I first defined my grid, but the slices that I have just drawn are brand new objects. In reality, I can delete these simply by clicking on them and dragging them on to the Trashcan. To make it somewhat easier to draw your slices, you can simply go ahead and drag out Guides. In doing so when you go ahead and you create your slices, I will go back here to the Slice tool, you will notice that when I click and drag my cursor will snap to that particular guide as well.
In reality though creating slice in this way is really a manual process. And because of the issues that we discussed in the past about how Illustrator uses anti-aliasing to define the boundaries of pixels, it can be somewhat frustrating to get your slices to line up just so. But for quickly creating a slice here or there working in this particular manual way with the Slice tool is a great way to create your slices.
There are currently no FAQs about Illustrator CS4 for the Web.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.