
This tutorial is going to teach you how to make a stylish, metallic Adobe Icon Set with a glossy finish.
Step 1: Creating a New Document

Next, grab the Paint Bucket Tool (G), and fill the document with the following colour #F2F2F2. This is to make viewing easier.
Step 2: Setting The Base


Shape layers
Using the Shape layers instead of Fill pixels allows you to transform your circle as many times as you want without quality loss. This is great for experimenting.Step 3: Going 3D


Step 4: Layer Styles
Now we are going to apply some Layer Styles to the "Top" layer (the non-3D one). You can do this by double clicking on the layer.




Step 5: 3D Layer Styles
Now select the "3D" layer and apply the following Layer Styles.



Step 6: Creating The Shadow
Create a new layer below the previous two layers and name it "Shadow". Get the selection of the "Top" layer by ctrl+clicking on the layer icon. Fill the selection with Black and Deselect (ctrl+D) it. Go to Filters>Blur>Gaussian Blur and use 5px. Set the Opacity to 75%. Using the Move Tool (V), shift the shadow down just below the body of the icon.
Step 7: Adding Polish
Create new layer right at the top. Get a White Brush with a Hardness of 0% and Master Diameter of 125px. Get the selection of the "3D" layer and Brush once at the corner. Set the Opacity to 85%.

Foreground & Background Colour
You can easily switch your background and foreground colour by pressing D. You can swap colours between the two by pressing X.Step 8: Adding Glow
Create a new layer and name it "Glow". Get the selection of the "3D" layer and move it up by 7px. Fill the selection with the following colour: #6ab2f6. Before deselecting, shift the selection up by another 3px and press Delete. Bring down the Fill to 70%.





Brush cursor
you can easily find the center of the Brush cursor by pressing Caps Lock. Or you can go to Edit>Preferences>Cursors and enable "Show Crosshair in Brush Tip".Step 9: Adding Definition
Create a new layer and get the selection of the "3D" layer. Fill the selection with any colour you want. I chose black for easier reference. Bring the Fill to 0% and add the following Layer Styles.

Step 10: Making it Shine
Create a new layer with the Opacity of 75%. Get the selection of the “Top” layer and get a white Brush with 0% Hardness and 250px Diameter. Click once right at the edge of the selection.





Step 11: Creating The Face
Duplicate (ctrl+J) the "Top" layer, place it right at the top and rename it to "Inner". Transform (ctrl+T), and while pressing alt+shift, and shrink it as shown below. Then add the following Layer Styles.



Step 12: Creating Depth & Detail
Duplicate the "Inner" layer and place it right at the top. Clear the Layer Style by right-clicking on the layer then "Clear Layer Style". Apply the following Layer Styles to it.






Create a new layer and while using the same selection, nudge it down by 4px. Fill it with White and nudgeit down another 1px then press Delete. Set the Opacity to 30%.
Now create a new layer and and grab the Pen Tool and draw the following shape. Notice the point of contact between the shining areas. Also apply the following Layer Styles with 15% Opacity and 50% Fill.


Step 13: Adding Alphabets
Create a new layer and select the Type Tool (T) with any colour. Use Arial as the font and set it to Bold and 98px. Any font is fine actually. Now type in "Ps" and place it in the center of the icon. Right-click on the layer and click Rasterize Type. Transform it and shorten it slightly. Right-click the bounding box and click Perspective. Squeeze the top in to make it look 3D. Later add the following Layer Styles with 0% Fill.




Step 14: Final Details
Create a new layer. Get the selection of the "Ps" layer and nudge it up and right once each. Fill it with White then shift the selection back and press Delete. Set the Opacity to 30%.Finally create the last layer and get the selection of the "3D" layer. Fill it with White and apply Filter>Noise>Add Noise with Gaussian and Monochromatic enabled. Set the Blending Mode to Multiply and Opacity to 30%.
Now you are DONE! You can hide or delete the background if you want to export it as an icon. But it’s not over if you want to make a set. For now your icon should look something like this.

Step 15: Creating a Set
You can save this document and duplicate it. Open the new one and find for the layer called "Glow". Temporarily hide the layer right above it. Now go Image>Adjustments>Hue/Saturation or (ctrl+U) for layer "Glow" and adjust the Hue to whatever you like. Once you’re done, go to the Layer Style>Outer Glow and adjust the colour to whatever you like. Now you can un-hide your above layer.Navigate to your font layer. Delete it and repeat the process I taught you to create another alphabet you want. Remember to change the above layer which is the edge shine. Repeat this step for as many other icons you want.
Tidak ada komentar:
Posting Komentar