Front-end slicing considerations

Source: Internet
Author: User

1. Remember the shortcut key is absolutely kingly, left hand moment in the Ctrl alt space SHIFT key near, PS cs3.0 the following slice shortcut key is k,cs4.0 into C and the crop tool is common, you can first click on the Slice tool.

2. When you hide a layer, hold down CTRL and ALT and right-click the place you want to hide (the text layer sometimes doesn't point because it's just to the open space, or it might be on the picture).

3. Ctrl-click slices to select slices.

4. Right-click the slice to see the slice length is the name of the slice, where the name will be saved in the last save.

5. Hold down CTRL and hold down the mouse to drag the slices.

6. Select the slice press the arrow key to move the slice one pixel at a pixel.

7. If you move the slice with the arrow keys, you can move the 10 pixels at a time by holding down the SHIFT key.

8. Hold down the CTRL and ALT keys to copy the currently selected slices, and you can quickly make multiple slices of the same size, where you need the same size picture as the navigation bar.

9. In the second bar, if you want to copy in the X or Y direction, you can hold down CTRL and ALT and hold down SHIFT, so that you must move in an integer multiple of 45°.

10. If a slice is not sure whether there is a picture exactly, you should use the magnifying glass tool to determine, if found not to draw well but the old can not be pulled to the position to zoom to no longer, this time must be able to drag to the position you want.

11. Not so the graph can be cut off at once, such as a full background and an icon on the background, this time should first cut one, another next cut (I did not successfully make a cut out and so on, I first tell everyone).

12. If you need a fixed height slice, you can write the length and width directly in the edit slice.

13. Remember ctrl+alt+shift+s→ storage for the use of the Web style, where you can change the image format, modify the image quality, size, save GIF animation and other operations, is a very useful shortcut keys, if your PS version is super Lite version of the even this feature has been thrown, it is recommended to install one.

After 14.ctrl+alt+shift+s, there is an easy-to-ignore button in the upper-right corner called the Optimization menu, which allows you to save your image directly to the size you want (within a certain range).

15. Picture color comparison of the case is recommended to save as PNG or GIF format (image length and width does not matter), can guarantee the picture quality of the case to save a relatively small picture.

16.jpg pictures properly pay attention to the size of the film, quality is very important, picture size is also important, please weigh yourself.

17. Remember to use assistive tools, magnifying glass and rulers in a timely manner to be a good tool. The ruler tool works well, and when you draw slices near the ruler, the slices you draw are automatically adsorbed.

18. If you feel that there are too many slices, or too many rulers, press Ctrl+h to hide them, but the next time you use the slicing tool they will come out. A complete solution is to remove them all at once in the view (use them sparingly!). )。

19. Save only, PS will automatically generate a images folder (more than one slice), there are a lot of useless pictures, delete it is, (if you are lazy in front of the name, you find it!) )

20. Said lazy did not write the name of the matter, think of if you accidentally forget the name, you can go to the PS to see what your slice is called, the general will have a number, do not rely on the eyesight to the pile of pictures to find.

Front-end slicing considerations

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.