Photoshop design flat style UI icon creation tutorial

Source: Internet
Author: User
We will give you a detailed analysis of photoshop software and share with you the tutorial on creating a flat style UI icon.
Tutorial sharing:
Final effect

 

1. Create a custom canvas and use a shape tool to create a rounded rectangle.
2. Add a layer style: gradient superposition and projection. The parameters and effects are shown in the following figure.

 

 

 

3. Draw the intermediate shape in three layers. The corresponding layers are shown in the figure below.

 

4. First, let's look at the two layers marked by red points. The parameters are the same.

 

 

 

5. Positive circle layer style: inner shadow and inner light.

 

 

 

6. Select and group the three shapes.
7. Add a layer style to the group: projection, as shown in the following figure.

 

 

Final results and other similar results:

 

All right, the above information is the detailed design of the flat style UI icon creation tutorial for all photoshop users, you can see that the software users here, Xiaobian believes that everyone is now very clear about the production method, then everyone will go to follow the small series above the tutorial to make a look at the results.

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.