An Apple-style button-twisting simple approach

Source: Internet
Author: User
When you do a Web page or UI design, the most common thing to do is to press the button. Beautiful press twist not only for the design works Tim a lot of, but also let a person a bit of desire to hit. Here's a simple way to introduce an Apple style twist:

1. First, use the rounded Rectangle tool to draw two rounded rectangles at different layers. As shown in figure:

2. Move small rounded rectangles away, adding gradients and strokes to large rounded rectangles.

3. Hold down the CTRL key and click on the layer on the layers panel where the small rounded rectangle is located. A selection appears around a small rounded rectangle.


4. Delete the layer that contains the small rounded rectangle so that only the selection is left on the screen.

5. Adds a white to transparent gradient for the selection. Color to a transparent gradient.

6. An apple-style push button is done. It's very simple.


7. You can add some effect to it. such as add some faint shadow.

8. Plus text.

9. You can also make some cuts to the gradient of a small rounded rectangle, which will achieve another effect.

10. It is so simple, to play your imagination, to make a more dazzling effect of it:

Author: BlueSky



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.