Photoshop simple Twill Texture Web navigation button Tutorial

Source: Internet
Author: User

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

  • PS Getting Started Tutorial
Related Article

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

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: and provide relevant evidence. A staff member will contact you within 5 working days.