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