Home  >  Article  >  Software Tutorial  >  Detailed steps for designing Jiugongge cut-out diagram in Photoshop

Detailed steps for designing Jiugongge cut-out diagram in Photoshop

王林
王林forward
2024-04-01 11:56:341066browse

php editor Xiaoxin brings you an article about the detailed steps of designing a nine-square grid cutout in Photoshop. Nine-square grid cutting is a method commonly used by designers when designing UI. It can enlarge or reduce the image without affecting the quality. This article will introduce in detail how to use Photoshop to cut the nine-square grid, as well as the details and techniques that need to be paid attention to, to help readers better master this skill.

1. After importing the photo into Photoshop, use the [Crop Tool] and select [1:1 (square)] in the cropping type above.

Detailed steps for designing Jiugongge cut-out diagram in Photoshop

2. Crop the photo into a square.

3. Right-click on the [Crop Tool], select [Slice Tool], and right-click on the picture [Slice].

Detailed steps for designing Jiugongge cut-out diagram in Photoshop

4. In the settings of dividing slices, check [Divide horizontally into] and [Divide vertically into]. And set it to 3 vertical/horizontal slices, divided evenly.

Detailed steps for designing Jiugongge cut-out diagram in Photoshop

5. Click [File]-[Save for Web] (shortcut key CTLR ALT SHIFT S), set the save format, and other defaults.

Detailed steps for designing Jiugongge cut-out diagram in Photoshop

6. After saving, you will see 9 pictures in the saved folder. Just send these nine pictures to WeChat.

Detailed steps for designing Jiugongge cut-out diagram in Photoshop

The above is the detailed content of Detailed steps for designing Jiugongge cut-out diagram in Photoshop. For more information, please follow other related articles on the PHP Chinese website!

Statement:
This article is reproduced at:zol.com.cn. If there is any infringement, please contact admin@php.cn delete