Transparent glass texture long round button making technique

Source: Internet
Author: User
Tags copy
button | Transparent 1. In Photoshop5.5 (or later) to create a new file 120x80 size, RGB mode contents, set to transparent (transparent), layer1 filled with white, add a layer, create a 40x40 of the circle, placed in the center of the page fill color # 003366, and then split it from the center open, about 20 pixels, left half to move 30 pixels to the left, the right semicircle to move 30 pixels to the right, as shown in Figure 01.

Figure 01

2. Select two semicircle space, fill color #003366 results as shown in Figure 02.

Figure 02

3. Select Select/load selection,ok After selecting Select/modify/contract, the panel input "5", select Select/feather, panel input "8", after adding a layer, this layer fill color #66ccff, After the selection is deselected, use the command layer/group with Previous to effect this layer on the pixel portion below, and then move the layer down by 10 pixels, as shown in Figure 03.

Figure 03

4. Select the Copy command by selecting the area shown in Figure 04 with the 120*15 marquee on the long circular image layer of the fill color #003366.

Figure 04

5. Add another layer to the top of the image, select the Paste command, and paste the image part of the copy into the position shown in Figure 05, then select the area as shown in the selection box.

Figure 05

6. Move 5 pixels to the right, the right part again with the same step to deselect the state, and then move the picture down 3 pixels, in order to make everyone see clearly, I have this part filled with white, the result is as Figure 06.

Figure 06

7. Choose Select/load Selection, jump up a layer, and the following layer of hidden to use the gradient tool linear gradient tool,options selected foregrend to Transparent, when the foreground color to be white, Make a gradient effect from top to bottom in the selected area, as shown in Figure 07

Figure 07

8. Finally, write the words you want, remember to add shadows and not too deep, because the text on the transparent glass will cast a lighter shadow inside the glass. Figure 08 also has some reflection effect, is to make the image more expressive.

Figure 08



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.