1024programmer Photoshop Commonly used Enter button for making web pages in Photoshop – button icon

Commonly used Enter button for making web pages in Photoshop – button icon

Final effect

New layer 1, create a rounded rectangle, and use gradient

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Add Drop Shadow, Inner Shadow, Inner Glow and Bevel Emboss layer styles to layer 1

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Create a triangle selection and press DELETE to delete the inner color

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Create a new layer 2 and use gradient inside the triangle selection

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Select-Modify-Shrink [Shrink 4 pixels] Then create a new layer 3, using a white to transparent gradient

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

CTRL+D to cancel the selection and change the transparency of layer 3

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Use the Pen tool to create a path, and use the Convert Point tool to change the shape of the path

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Convert the path to a selection and delete the excess colors. CTRL+D to cancel the selection

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Enter text and change its transparency

PressFollow the above method and create another button to complete the final effect

Final effect

New layer 1, create a rounded rectangle, and use gradient

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Add Drop Shadow, Inner Shadow, Inner Glow and Bevel Emboss layer styles to layer 1

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Create a triangle selection and press DELETE to delete the inner color

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Create a new layer 2 and use gradient inside the triangle selection

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Select-Modify-Shrink [Shrink 4 pixels] Then create a new layer 3, using a white to transparent gradient

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

CTRL+D to cancel the selection and change the transparency of layer 3

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Use the Pen tool to create a path, and use the Convert Point tool to change the shape of the path

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Convert the path to a selection and delete the excess colors. CTRL+D to cancel the selection

Photoshop entry example: glossy web page Enter button_web page  Teaching Network

Enter text and change its transparency

Follow the above method and create another button to complete the final effect

<!–Collectio

This article is from the internet and does not represent1024programmerPosition, please indicate the source when reprinting:https://www.1024programmer.com/commonly-used-enter-button-for-making-web-pages-in-photoshop-button-icon-2/

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
首页
微信
电话
搜索