1024programmer Photoshop Use ps to create pixel buttons – button icons

Use ps to create pixel buttons – button icons

Look at the renderings first.

Pixel buttons are very popular on the Internet. This tutorial describes how to use photoshop to make a pixel button, which you can apply to website navigation.

Create a new document, customize the size, draw a rectangular selection, and fill it with #E3E3E3.

Remove the selection and enlarge the canvas to 600%,

Create a new layer and use the 1 px hard edge pencil tool to draw 4 lines, #6D6D6D on the upper left and #303030 on the lower right.


Create a new layer, draw lines with a pencil, and fill in the gap in the lower right corner.

Create a new layer and draw other lines with a pencil.

Enter black text.

Add a layer style.


The effect is as follows.

Copy a few, arrange them, and a web page navigation is completed.


Look at the renderings first.

Pixel buttons are very popular on the Internet. This tutorial describes how to use photoshop to make a pixel button, which you can apply to website navigation.

Create a new document, customize the size, draw a rectangular selection, and fill it with #E3E3E3.

Remove the selection and enlarge the canvas to 600%,

Create a new layer and use the 1 px hard edge pencil tool to draw 4 lines, #6D6D6D on the upper left and #303030 on the lower right.

Create a new layer, draw lines with a pencil, and fill in the gap in the lower right corner.

Create a new layer and draw other lines with a pencil.

Enter black text.

Add a layer style.

The effect is as follows.

Copy a few, arrange them, and a web page navigation is completed.

This article is from the internet and does not represent1024programmerPosition, please indicate the source when reprinting:https://www.1024programmer.com/802097

author: admin

Previous article
Next article

Leave a Reply

Your email address will not be published. Required fields are marked *

Contact Us

Contact us

181-3619-1160

Online consultation: QQ交谈

E-mail: [email protected]

Working hours: Monday to Friday, 9:00-17:30, holidays off

Follow wechat
Scan wechat and follow us

Scan wechat and follow us

Follow Weibo
Back to top
首页
微信
电话
搜索