PS Design a set of stereo refreshing button

Source: Internet
Author: User


Design new elements for your site? Here's a new design button. Hopefully this new design will help you.

Let's start this tutorial! Create a new document with a resolution of 500x300 and fill the white canvas. Then select the Rounded Rectangle tool (radius: 30 pixels), using the color # D61D23 to draw the shape.

After that, apply the layer style below this layer:

Inner Shadow

Gradient Overlay

€¢inner Shadow

€¢gradient Overlay

make it like the following button:

Now, time to make the Reflex button. Use CTRL + J to copy the current layer, then create a new one, and then flip it all the layer styles in the duplicate layer. After that, flip the vertical edit > Transform > Flip the image vertically below me:

To make the reflection more transparent the bottom of the picture application quick Mask mode gradient below

And then back to standard mode. Now we have some areas of choice. Click to remove clear images from the selected area

Press CTRL + D to remove the selection and go to the next step. I think there are some dazzling buttons. To do this, select the Rounded Rectangle tool (radius: 80 pixels) and create a new form using the white

This layer of raster layer > Grid > Shape. After that, apply more time and quick mask mode to fill the next gradient

Back to Standard mode and we receive the selected area again. Press DELETE to clear the selected part of the image.

Deselect Ctrl + D to change the layer mode to overlay the current layer.

We have finished the button. Now, move to the next step. I think it will look better when we will put some of its design elements. To do this out of the oval tool and create my photo below with a rounded white shape:

After that, apply these blending options to this layer:

Inner Shadow

Inner Glow

Gradient Overlay

Trip

€¢inner Shadow

€¢inner Glow

€¢gradient Overlay

€¢stroke

As shown below

Time to bring some pictures of our round design elements. Find some pictures of Google pictures on the earth or use mines or find it somewhere. Open it, and reduce it a little bit, and then see the picture as shown below

OK, then use the black and white image > Adjust > Go color (press CTRL + Shift + U) and change the layer pattern to overlay:

Select Sharpening tool (brush: 100 pixel, Mode: normal, Strength: 40%) to make the fragment sharper

And the last thing we need to do. To complete this tutorial let's add some text. Get the horizontal text tool, like I wrote it in the picture below the white stuff

In the previous illustration, IA used the font I chose Segoe ui font, ia€™ used white. In fact, this is a commercial font, but if you have Donna €™ ton have it, you can easily find a good choice, for example, in boldface. After that, apply the layer style below this layer:

Shadow

€¢drop Shadow

Now as follows

That's great! Our work is done! Enjoy your own cool earth button. You can also change its color.

Note : More wonderful tutorials Please pay attention to the triple Photoshop tutorial section, triple PS group: 311270890 welcome you to join

Category:
    • PS Getting Started Tutorial

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.