A set of RoKey Icons were imitated a few times (Rokey icon http://chinaui.com/ui_view.asp?id=2847), the personal feeling is very similar, but there is still a big gap. The first time I write the tutorial, I hope everyone should not laugh!
The production is very simple, the tools used are Photoshop7.0, mainly using gradient:
Create a new file, draw a rounded rectangle with a rounded rectangular tool, a radius of 8, then double-click the layer in the layer panel (the default name "shape 1"), open the layer style, follow the following settings :
1. Set the gradient superior:
The specific color value is: # 66cc33, # 3ba51f, # 20920e, # 177e09, please refer to the following settings:
2. Stroke: Color value is: # 006600
After doing the above steps, the following effects have been generated:
Next, we will complete its high-light part, the high-light part is the same, but also to complete with gradient, first we build a new layer on the layer panel, rename "high light", then press CTRL shape 1, establish The selection of the button, click Select Menu -> Modify-> Contraction, set the shrinkage amount 1. Click the box tool (or press M key), right-click on the selection area -> Stroke (or Edit Menu -> Stroke), do the following settings:
Select the "high light" layer, set the transparency of the filler to 0
Then double-click the "high light" layer, open the layer style, make a white from transparent to the firing:
Then add the words we want! Furthermore, we make a circular button, as well as the title bar, etc., the technique is basically the same, but the color value of the gradient is different.
