1024programmer Photoshop Use Photoshop to quickly create web crystal buttons – button icons

Use Photoshop to quickly create web crystal buttons – button icons

Use Photoshop in five steps to create simple and practical crystal buttons
Crystal-like buttons can be used in many places, so is there a quick way to make them realistic? What about the crystal buttons? Haha, I will introduce my production method here. (After observing many crystal buttons) I found that the following method is the simplest, and the production effect is acceptable. So I would like to introduce it to you. I don’t know if there is a simpler and better production method J or someone has already introduced it, so what I write here is superfluous. In short, we hope that everyone can communicate more and make progress together is our wish!!!!!!!
1. Open PHTOSHOP and use the shape to draw a rounded rectangle on the new canvas. For convenience, you can rasterize the rectangle and fill it with your favorite color. As shown in Figure 1.


Figure 1

2. Hold down the “Ctrl” key and click on the layer where the rounded rectangle is located to obtain a selection. Then click “Select–>>Modify–>>Shrink” and enter “2” in the pop-up dialog box (the specific value can be adjusted as needed) and you will get the following effect


Figure 2

3. Select the “Gradient Tool” from the “Tool Panel” and then select “Transparent Gradient” and change the gradient color to white. As shown in Figure 3.


Figure 3

4. Create a new layer “named Layer 1” (this is very important, so you can modify it later), then use the “Transparent Gradient” tool to draw a gradient. The effect is as shown in Figure 4, then create a new layer 2 and draw The gradient is obtained by inverting the phase, and the effect is as shown in Figure 4


Figure 4

5. Select layer 1, delete part of the gradient effect of layer 1, adjust the transparency of each layer from the upper 1/3 of the button, and add some text to finally get the following effect (attached is the illustrative explanation of the effect of the button, and the final effect of the button) You can adjust it according to your own needs


Figure 5

<!–Collectio

This article is from the internet and does not represent1024programmerPosition, please indicate the source when reprinting:https://www.1024programmer.com/use-photoshop-to-quickly-create-web-crystal-buttons-button-icons-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
首页
微信
电话
搜索