1024programmer Photoshop Use ps to create a beautiful website navigation – web page pictures

Use ps to create a beautiful website navigation – web page pictures

Look at the renderings first.

Because this is a demonstration, I created a smaller document, 300×100 pixels. If you want to make a complete navigation, it is recommended that the document size be 600×100 pixels, draw a rounded rectangle, and fill it with any color.

Add a layer style.


The effect is as follows.

Draw a slightly larger rectangle with rounded corners.

Add a layer style.


The effect is as follows.

Right-click the shape 2 layer, rasterize, draw an ellipse, transform the selection, and press Enter to confirm.


Click on the red box icon, add a mask, bring up the elliptical selection, move a distance to the right, select the mask, and fill it with black. The effect is as follows.

Repeat the previous step, enter text, and make a gradient on the background. The final effect is as follows.


Look at the renderings first.

Because this is a demonstration, I created a smaller document, 300×100 pixels. If you want to make a complete navigation, it is recommended that the document size be 600×100 pixels, draw a rounded rectangle, and fill it with any color.

Add a layer style.

The effect is as follows.

Draw a slightly larger rectangle with rounded corners.

Add a layer style.

The effect is as follows.

Right-click the shape 2 layer, rasterize, draw an ellipse, transform the selection, and press Enter to confirm.

Click on the red box icon, add a mask, bring up the elliptical selection, move a distance to the right, select the mask, and fill it with black. The effect is as follows.

Repeat the previous step, enter text, and make a gradient on the background. The final effect is as follows.

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

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