Photoshop simple Twill Texture Web navigation button Tutorial

Using Photoshop to create a diagonal texture of the Web navigation button effect, easy to learn.

Effect Chart:

Hello everyone, let me start with a simple button that teaches how to do the above picture effect:

1. First open Photoshop software, CTRL + N Create a 10px 72dpi (resolution) of the file:

①. Let's start by creating a new layer on the layers panel and then remove the background layer (press the DEL key shortcut)

②. Then in the navigator, put the interface to the maximum press CTRL + "+" shortcut key, then select the Rectangular Marquee tool, then select the above "Add to Selection", and then follow the figure to choose the selection

and fill (alt+delete) as white:

③ then press shortcut key Alt+a All select layer, then choose "Edit" menu, look down, find "definition pattern", OK!

2. Then create a new file, X-px,300dpi (resolution), to determine that the background layer is filled with dark gray (#494949)! Below we will start making buttons!

① We first create a new layer, then use the Marquee tool to select the size of the button you want, filled with black.

Related Photoshop Tutorials:

PS Production quality crystal texture Web button Tutorial

PS Make logo icon button tutorial Ring metal texture effect

Photoshop makes fine transparent glass buttons

PS Make exquisite crystal button with metal border

Photoshop makes round metal border buttons

Classification:

• PS Getting Started Tutorial