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

Detailed steps for designing Jiugongge cut-out diagram in Photoshop

王林
Release: 2024-04-01 11:56:34
forward
1186 people have browsed it

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!

Related labels:
source:zol.com.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template