When traveling across the Internet, users often pay attention to the graphic design of resources. This is an important parameter of any site. The appearance of the page determines whether the visitor stays on it or closes it and never visits it. Therefore, the graphics of the site are given special importance. But when decorating a resource, one should not forget about its functionality. Links should look like links and buttons should look like buttons.
Instructions
Step 1
To make a beautiful design for the site, you will need the knowledge of graphic editors. One of the leaders in this area is Adobe Photoshop. Open your program. Create a new document with the parameters shown in the image.
Step 2
Fill the background with "bfbfbf" color. Use the Move tool to center the horizontal and vertical guides in the document. Select the Rounded Rectangle Tool. Note that it must be in Shape Layer mode. Move the cursor to the center of the document, left-click and simultaneously hold down the "Alt" key. Draw a rectangle. Open the layer styles and set the parameters shown in the image.
Step 3
Hold down the "Ctrl" key on your keyboard and left-click on the shape layer. The selection will load. Take from the toolbar "rectangular selection". Set it to subtract mode. Outline the top of the selection. Create a new layer and fill it with white. Set the opacity of the layer to 20%.
Step 4
Take the text tool. Write the word you want. Set the font, size and style of the text. Go to layer styles and set the following parameters. Your button is ready.
Step 5
Now let's check it for the exact pixels. Take the zoom tool. Increase the size of the button as much as possible. Look carefully at all edges. They must have clear boundaries. No transition colors. If the shapes are not clear - load the "free transform" function and use the control keys to correct the shape of the button. Now you can place it on your site.
