Deleting a slice will also delete the connected artwork, so if you want to keep the art intact, you should "release" the slice instead.
Finally, it's possible to hide your slices' table cells and corresponding logos, without deleting the slices from your project. Search Search. Working with Files Vector. Information Title. How to Use the Illustrator Slice Tool. URL Name. Of course, just like with most of the other tools Photoshop and Illustrator have in common, the Slice Tool works a bit differently in Photoshop than it does in Illustrator.
I prefer Illustrator slices because in my opinion, they are easier to work with. In order to make a website, you have to cut the design up in pieces sort of like a puzzle and then cleverly put it back together using HTML and CSS.
In Illustrator, using the Slice Tool allows us to cut the design up in the necessary puzzle pieces. Basically, you use the Slice Tool to draw out rectangles paths over the graphic area you wish to cut out of the design.
That is the sole purpose of slices, to carve the graphics out in rectangular pieces from the design file. The best part is that the slices are saved in the file, so you have a record of it. In Illustrator you can make a Slice Layer and have all your slice paths under that layer. This makes the slice paths easy to find, and allows you to maintain the exact dimensions of all the graphics that were originally cut out of the file.
You can hide the slices so that you don't see all the slice path outlines, show the slices when you need them, and you can lock the slices, which is usually a good thing to do to ensure you don't accidentally move the slices around. So if you come back to a design file a year later in order to update some of the graphics, you can use the original slices in order to make sure the graphics are cut out exactly like they were when the website was originally developed.
Before you create slices it is a good idea to create a new layer at the top of the layer stack and name it "Slices". The reason for this is that the Slice layer is a "special" layer and you should treat it differently than other layers. Once you make a Slice layer, you can then make slice paths and place them within that layer. I will explain more about this and why they should be at the top of the layer stack a little later on. During the process of creating a website design there comes a point when screenshots are needed in order to present the design to the client for feedback and approval.
This is the point where I always create a Slice layer in the design file. So often times, once I hand a design file over for development, it already contains a Slice layer at the top of the layer stack with a layer named "screenshots" that contains all the slice paths I used to make the screenshots within it. It is a good idea to rename the slice.
To do this, double click on the path in the layers palette and a window will pop up where you can type a name for the slice. It does not make sense to use a name for a slice that is in no way related to what the slice is being used for.
Just like with programming and development, typically it is a good idea to give variables, id's, and classes meaningful names related to their purpose, so it is with slices in a design file. For example, if you are creating a slice path for a submit button, then a meaningful name for that slice might be "submit" or "submit btn".
Whatever you choose to name it, just be sure it is relative to the graphic that the slice is being used to cut out of the design.
The reason this is important is because not only do some website design files contain tons of layers and graphics, but they will also need many slices in order to cut all the graphics out. Earlier I referred to the Slice layer as "special". The reason for this is that you can do things specifically with slices that you cannot do with other graphics layers. When you choose one of these options, it only affects the Slice layer and slice paths.
It does not show, lock, or hide, any other layers. The other thing that makes slices special is that they should be placed at the top of the layer stack in order to maintain your sanity. Trust me on this. The Slice layer containing slice paths should reside at the top of the layer stack. As a best practice, nothing should ever be placed on a layer above the Slice layer. This is because slices should always be above the graphics they are meant to cut out.
Imagine trying to carve a space out of something located on a shelf above your head, but you cannot see it because you are unable to look up, you can only look down. That is sort of the way slices work, they cannot see what's up above them very well, only what's below them.
Thus, the graphics you want to cut out should always reside below the slices. As a matter of fact, Illustrator sort of does it for you. If you have a graphics layer selected and switch to the Slice Tool in order to create a new slice path, by default Illustrator will create a new slice above your current layer the one you had selected before you made the slice path. When you use Adobe Illustrator to build website graphics, you slice your work so you can optimize each part of a complex piece of artwork in the appropriate graphic file format -- for example, PNG or JPEG for a photo versus GIF for a solid-color element.
Slices convert to table cells when you export your work. To clear slices away, choose your deletion method based on the way you created them in the first place. To select and delete slices that you created with the Slice tool, start by choosing the "Slice Select" tool, nested with the Slice tool in the Adobe Illustrator toolbox. Click on a slice you want to delete and hold "Shift" while clicking on additional slices to add them to the selection.
When you press the "Backspace" key to delete the slices you chose, Illustrator also deletes any slices it created to accommodate the slice you drew with the Slice tool. For example, if you create a single slice in the middle of a piece of artwork, Illustrator also slices the surrounding area, and deletes those slices along with your user-created slice.
When you select an object or objects in an Adobe Illustrator file, open the "Object" menu's "Slice" submenu and choose "Make," Illustrator slices the selection along with any other objects on your current artboard.
0コメント