Showcase and discover digital art at yex

Follow Design Stacks

Subscribe to our free newsletter to get all our latest tutorials and articles delivered directly to your inbox!

How to create free icon

Today we are going to illustrate some icons. A lot of layer styles today and no painting.

So let’s begin by creating a document. And of course create a new layer.

icon, graphic design schools

icon, graphic design schools

icon, graphic design schools

icon, graphic design schools

Use layer styles on the object.

icon, graphic design schools

icon, graphic design schools

icon, graphic design schools

icon, graphic design schools

Then make a round selection, further it and fill it with the Gradient with mode ? OVERLAY.

icon, graphic design schools 

On the question to rasterize the layer ? answer yes!

icon, graphic design schools

icon, graphic design schools

icon, graphic design schools

icon, graphic design schools

Then make another selection on the bottom of the circle using ? Color range tool.

icon, graphic design schools

icon, graphic design schools

Further it as well.

icon, graphic design schools

Fill it with simple color with Normal mode.

icon, graphic design schools

icon, graphic design schools 

I’ve decided to change a little bit of layer styles of my Circle.

icon, graphic design schools

icon, graphic design schools

Write any word to finish our icon.

Use simple TYPE tool for this.

icon, graphic design schools

Write some text, for example ?play? and use the setting below the next image.
For this tutorial I used font Pulse Sans Virgin by Eric Mynahan, you can download it from http://www.dafont.com/pulse-sans.font

icon, graphic design schools

And the text layer styles.

icon, graphic design schools

icon, graphic design schools

Result.

icon, graphic design schools

Working with final layer order and that’s about it.

icon, graphic design schools

Save it in PNG format and enjoy the results.

icon, graphic design schools

Here is the part of my desktop with my icon.

icon, graphic design schools

Follow me in part 2 of making icons tutorial.

Comments