Today's small series to bring you the PS tutorial is to teach you how to make flat htcone; in fact, the production of other icons is similar to the idea; let's take a look at the flat Htcone made PS tutorial.
1. Create new files, size 1200x1600 px, paint barrel color, #20ade1, resolution 72PX
2. Select the Rounded Rectangle tool and tick the snap edges
Width: 680px
Height: 1350px
Radius: 70px
3.ctrl/cmd+a Select all, then center horizontally, center vertically, then Ctrl/cmd+d deselect
4. Double-click the shape layer thumbnail to change the color to #d6d6d6 to "external outline"
5. Continue the rounded Rectangle tool and tick the snap edges
Width: 670px
Height: 1340px
Radius px
Set the color to #ffffff, then center horizontally and center vertically.
Of course, if you are using CC, you can completely copy a layer, and then use the real-time shape properties to modify, as shown below.
Now, up and down, there are 5px of space.
6. Using rectangular Tools
Width: 670px
Height: 1150px
Color #2d2d2d
Center horizontally and vertically, named Screen 1
7. Using Rectangular Tools
Width: 640px
Height: 1035px
Color #646464
Grid layer, shift+ up Arrow 3 times, named Screen 2
8. Speaker section, using elliptical tool.
Width: 5px
Height: 5px
Color #000000
Grid layer, copy, press the UP key to move 8 times, so that the distance between two black dots for 3px, and then create 4 black dots, merging layers.
We need a total of 48 x 4 black spots, we can merge
My program is 1-2-4-8-16, then copied 3 16 columns, adjusted after merging.
Copy the horizontal center, then use the arrow keys to adjust the position, so that the speakerphone snaps to the screen. Then shift+ up key 2 times
9. Camera part
Ellipse tool
45x45 Color #222222
27x27 Color #333333
19x19 Color #515151
9x9 Color #6d6d6d
Select four layers, then center horizontally, center vertically, ctrl+g Group, and name "camera"
View > Display > Smart Guides
Then let the camera and the speaker DOT Vertical center alignment, so that the camera close to the dot, and then shift+ the right arrow keys 4 times
10. Two circles to the left of the speaker, size 16x 16, the distance between the speakers and the circle 25px, the distance between the two circles 10px
11.shift+alt + Drag the speaker layer, snap to the bottom edge of the screen, shift+ down arrow two times
12. Finally, we need to add the icon, the left side of the icon using a line tool, thickness 3px, scribble one, and then free transform, length 18, Width 18,ctrl+j Copy the layer, then flip horizontally, adjust the position, let two straight shape layer into the left arrow, and then merge the layers.
Color set to #c9c9c9, use only guides to align the arrow layer to the left edge of the speaker layer
Align vertically, select the position of the following diagram with a rectangular marquee, and then choose to align vertically to the center. Name as Left icon
Right icon, straight line tool, 3px, bottom width 20px, left side height 12px, then use line tool to draw two square diagonal mating. Alignment of what the reference to the previous step can be. Name to right icon
Completed!
Category:
- PS Getting Started Tutorial