Photoshop designs a circle gossip icon with a blue stereo effect-PS tutorial

Source: Internet
Author: User
This tutorial mainly uses Photoshop to design a circle icon with a blue three-dimensional effect. it is often seen that someone asks how to do this circle icon, I think it's interesting to think about the principle. this tutorial mainly uses Photoshop to design a circle icon with a blue three-dimensional effect. I often see someone asking how to do this circle icon. I think it's interesting to think about the principle, A simple and quick version is provided.

Gradient color in the middle
Draw a circle and set the layer style and angle.

Concave part
In fact, it is overlapping. draw another half circle and set the inner shadow.

Center
Draw a circle and use the layer style to set the layer to solve the thickness and highlight problems.




External frame
Use a shape tool and overlap two circles to draw a ring. Similarly, the layer style is used to set the thickness and highlights of a layer.




Shadow
Copy the layer to be shadow, Gaussian blur, copy a layer slightly reduced by 85%, adjust the transparency and overlap, the shadow will be relatively three-dimensional. A total of three parts are to be processed: the outer frame, the center, and the whole.



If this ICON is less than x PX, and is not the main ICON, it is only a supporting role and uses a flat style, it is very convenient and quick to use the layer style layer to solve the highlights and thickness. However, if it is a quasi-thing, you have to split the layers and create them independently. The interesting part is "angle gradient layer 」, this gradient method is rarely used in ordinary times, but it is obviously a concave part, but it creates a false shadow by adding a circle. It also reverses the idea of drawing normally. As a result, master copy can learn many different ways of thinking.

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.