1024programmer Photoshop Photoshop web design: tutorial on making translucent buttons for web pages – button icons

Photoshop web design: tutorial on making translucent buttons for web pages – button icons

This tutorial is very suitable for beautifying web page pop-up windows. The production method is very simple, you only need to use layer style settings. The effect is very good.
Final effect

1. Create a new file, and then use a rounded rectangle to draw a giant rounded corner. Double-click the layer to bring up the layer style, select Gradient Overlay, and set the parameters as shown in Figure 1 and Figure 2.


2. Set the external light again, and set the parameters as shown below.


3. After the rough crystal texture is done, use the brush tool to add some highlight areas in the middle of the horizontal bar to complete the effect.


This tutorial is very suitable for beautifying web page pop-up windows. The production method is very simple, you only need to use layer style settings. The effect is very good.
Final effect

1. Create a new file, and then use a rounded rectangle to draw a giant rounded corner. Double-click the layer to bring up the layer style, select Gradient Overlay, and set the parameters as shown in Figure 1 and Figure 2.


2. Set the external light again, and set the parameters as shown below.


3. After the rough crystal texture is done, use the brush tool to add some highlight areas in the middle of the horizontal bar to complete the effect.


<!–Collectio

This article is from the internet and does not represent1024programmerPosition, please indicate the source when reprinting:https://www.1024programmer.com/photoshop-web-design-tutorial-on-making-translucent-buttons-for-web-pages-button-icons/

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