Photoshop Tutorial: Draw a very nice line of labels button

Source: Internet
Author: User

Tabbed buttons are often used in satellite navigation, the lines are very beautiful, the effect chart is as follows:

The following steps are implemented:

One,Ctrl + N Create a new document, 580 pixel wide, 290 pixel high, white background, other options default. To choose a gray for the foreground color, I use the colour here is #898989, use the alt+delete key to fill this color for the background layer. Then create a new layer, select the Rounded Rectangle tool (U), select the Path property on the toolbar, 10 pixels in a radius, and draw the path shape in the layer, as shown below:

Second, press the ctrl+enter key to convert the path to a selection, select a color fill. Do not cancel the selection, create a new layer,ctrl+i The selection, select the rectangular Marquee tool (M), the tool properties Select "Intersect with Selection", and the box selects the lower-left corner of the rounded rectangular selection, filled with the same color as the rounded rectangle,Ctrl + D cancels the selection so we get a shape shown in the following figure that will help us to implement the label button effect.

The following figure:

Third, use the Mobile tool (V) to move the good corner to the right side of the rounded rectangle, the vertical and horizontal stitching, where you can enlarge the document, and use the guide to carefully align. ctrl+j The corner layer again,ctrl+t the free transform , flip the layer horizontally and place it in the lower left corner of the rectangle. Hold down the Ctrl key to select the rounded rectangle and the corner layer on the left and right sides, press ctrl+e to merge the three layers.

Four, use Magnifier tool to enlarge the document, use rectangular selection tool (M) box to select the extra parts below the button, use the arrow keys to carefully adjust the position, remove the superfluous parts, and then press ctrl+d to cancel the selection . This is the shape of the label button is finished.

Finally give the button according to the need to add texture on the line. Here I made a four-style label button.



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.