Steps

  1. Select File > Open.
  2. Select Slice tool from the toolbar or press ”K”.
  3. Now click and drag your mouse cursor over the area where you want to create a slice.
  4. After making your slice, if you want to divide your slice horizontally or vertically then right click on the slice and select “Divide Slice”.
  5. A Divide Slice dialogue box will appear. Here two main options are given: Divide Horizontally Into and Divide Vertically Into. You can also mention here that in how many slices your selected slice will get divided and at the same time you can define size of these slices.
  6. Again right click on the slice and select Edit Slice Options. Then “Slice Options” dialogue box will appear. You can also get this dialogue box by double clicking on the slice after selecting “Select Slice Tool”.
  7. Here you can mention your Slice Name, Url for the web page that will appear when the user clicks on this slice, Target, Message Text, Alt Tag and Slice Background Type.
  8. Choose File > Save for web and press Ok.


Helpful Website Designing Photoshop Slice Tool Tip
  • Hold down Shift key on your keyboard as you drag to constrain the slice to a square and hold down Alt Key on the keyboard to draw your slice from the center

Slice Tool options given in the Tool Options Bar:

When you select any slice tool, related tool options will get appear in the Tool Options bar. These are given below:

  1. Style: Style has three options:
    • Normal: You can select your slice as required by you by simply clicking and dragging your cursor.
    • Fixed Aspect Ratio: This will set a height-to-width ratio of your slice.
    • Fixed Size: You can set width and height here before slicing.

  2. Slice Options: Activate this option either by right clicking on the selected slice and then choose “Edit Slice Options or double click on the selected slice or select “Slice Options” from the tool options bar. Using this option you can mention your Slice Name, Url for the web page that will appear when the user clicks on this slice, Target, Message Text, Alt Tag and Slice Background Type.
  3. Hide Auto Slices or Show Auto Slices: You can hide or show your extra slices that are created by Photoshop for filling the gaps between the user slices.

Go top
All rights reserved. This website is maintained by Centaur Hosting.
website design india, portal development india, ecommerce solutions india, web hosting india, seo service india