Flat style trend is mighty, children's shoes have time to come to the weekend, learn the flat style icon design ideas bar. Today's tutorial is to teach you to create an iOS 7 style icon, the tutorial is not difficult, skilled children's shoes can be completed in 30 minutes. OK, start the Tutorial!
First up Effect chart:
Pretty clean, big interest. Let's start.
Part 1: Lay a good foundation
Cttrl + N Create canvas, size 1024px * 1024px, fill background color is #fcf2da.
Then → edit → preferences → guides, grids, and slices, set as follows:
The weapon is ready, then embark on the journey!
First create a rounded rectangle, size is 512px*512px, radius 120px, remember the upper left corner is the shape oh.
After the fill color #c47420, named "icon base"
Add an inner shadow with the following parameters:
For it to do a long projection effect, create a rectangle, fill the black, size can adjust themselves, I am wide 718.22px and high 732.74px,ctrl + T transformation angle.
Add layer style--gradient overlay, parameter diagram, and adjust opacity to 30%, fill 0%
Well, now the effect is this:
Part 2: Creating a Notebook
Also create rounded rectangles with the following parameters:
Then copy a layer, the shortcut key "A" came to the selection tool, reduce 16px, adjust the height of 432px.
After completion, continue to copy a layer, according to the upper height to 416px, fill color to # F3F3F3, completed as shown:
Notebook prototype completed, now give it underlined, with the line tool, the thickness of the pixel adjusted to 2, filled with black.
After finishing the adjustment layer opacity to 20%, the notebook is formed slightly.
Part 3: Creating a pencil
Create a rectangle with a size of 96px x, and change the color to #00da67或者任何你喜欢的颜色.
Continue creating two rectangles, changing height to 32px, padding black, adjusting opacity to 25% and 10%, and neatly listing to the pen, as shown:
Now to create the pen, you can use the Polygon tool, and when you double-click the canvas, the parameters are set as follows:
The color is filled with #e39a4d, and then the pen body is aligned.
Now create the tip, do a triangle, size 32x32px, fill the color to #474f57, move to the pen, and create it as a clipping mask, as shown in figure:
The result is quick to appear slightly, now give it to add an eraser.
Create a rounded rectangle, the width is 64x96px, the radius is 20px, the color fills # f78879, named "Rubber"
Then create a rectangle, size 32x96px, fill Color # d5d5d5, as shown in figure:
Add a dot light to it, create a rounded rectangle, size is 10* 40px, fill white, opacity change to 30%
Okay, now it's time to add a long projection, create a rectangle, size 352x160px, and other changes in the angle as long as the front, add the gradient is done.
Category:
- PS Getting Started Tutorial
- PS Icon Production Tutorial