Menu
I regularly slice web designs provided in PSD format. As a site-builder, I don't need to create graphics—I only rearrange the layers, hide ones and show others, pick colors, widths, heights, and so on. What tools are there to do that job?
I know Adobe Photoshop, but it's a very expensive tool for a site-builder who doesn't want to draw and have the many fancy features, but open the PSD dependably (GIMP mostly fails at this point unfortunately), and slice it to build the website template. There are lots of image viewers can open PSD files, I know, but those application are not what I'm looking for—I haven't found one allows me to deal with layers.
397
The slice tool is present in the section of the crop tool in the tool palette in Photoshop. To select slice tool, right-click on the crop tool -> A dialog box will open with other tools including the slice tool -> Select the slice tool from there.
The slice tool allows you to create multiple images from one image or a layered Photoshop file. You can slice up the image using areas that you create using the slice tool or by using guides that you have applied. This allows you to save out images in preparation for the web very quickly.
At the top of the Slicing menu bar, click on the C or the Slice tool to activate it and in the Slice menu bar above the image, click on the Slices from Guides button. The slices are automatically drawn for you. You can then reposition the slices with the Slice Select Tool.
Click "Edit" from the Menu Bar and then click "Paste." This places the object on a new canvas. Double-click the "Background Layer" on the Layers palette and then click "OK." Right-click the background layer and then click "Delete." You can now save your object in a file format that supports transparencies.
Adobe Imageready used to come with Photoshop for slicing. That was replaced with Fireworks
Adobe has free trials of all their products ;)
160
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
