I Symbol Icon Effects Video Tutorial in Photoshop

Video Tutorial

Download Source

At first, create a blank document (File->New or Ctrl+N), width – 200px, height – 200px. You can set the white background at “Background Contents” option or simply fill the default layer.
I Symbol Icon Effects Video Tutorial in Photoshop

Next – create a new layer (Layer->New->Layer… or Ctrl+Shift+N). Pick “Elliptical Marquee Tool”, select circle holding Shift, something like that:
I Symbol Icon Effects Video Tutorial in Photoshop

Then you can fill selected area (”Paint Bucket Tool”) with some color to play with layer styles.
I Symbol Icon Effects Video Tutorial in Photoshop

Go to layer styles (Layer->Layer Style->Blending Options or doubleclick on layer) and apply “Inner Shadow” with such options
I Symbol Icon Effects Video Tutorial in Photoshop

Next – create smaller circle in the center of bigger one. Ctrl+Click on the circle layer icon to select all the layer area. To center the selection simply hold Shift+Alt while modyfiyng selection (Select->Transform Selection). Something like that:
I Symbol Icon Effects Video Tutorial in Photoshop

Now you can create a new layer for the smaller circle, of course you were able to create that layer earlier (when selecting the new area). Fill the layer with some color and go to layer “Blending Options”. We’ll apply “Inner Shadow” and “Color Overlay” to make a little glass effect. The inner shadow color: #003483 and the color overlay: #dbe0e3.
I Symbol Icon Effects Video Tutorial in Photoshop

Next step – to improve background circle. Select smaller layer (Ctrl+Click on layer icon), go to Select->Modify->Contract and Contract the selection with 1 px. The next – select background circle layer and hit del to delete unnecessary area. Now you will see
I Symbol Icon Effects Video Tutorial in Photoshop

To add glass effect we will add a new gradient layer.Gradient Options Create a new layer and select smaller circle area (Ctrl+Click on layer icon), then pick Gradient tool with a white foreground color. Start to drag gradient from the center of the circle.
I Symbol Icon Effects Video Tutorial in Photoshop

I Symbol Icon Effects Video Tutorial in Photoshop

The result:
I Symbol Icon Effects Video Tutorial in Photoshop

And now, the hardest part – creating the crystal swirl. Pick the “Pen Tool” and select the area to modify:
I Symbol Icon Effects Video Tutorial in Photoshop

Click on the center of the bottom border and drag mouse to the bottom-right to make a symmetric swirl:
I Symbol Icon Effects Video Tutorial in Photoshop

Now you are able to cut off unnecessary space. Rasterize the layer (Layer->Rasterize->Layer or right-click on the layer), select the smaller circle area and invert selection (Select->Inverse or Ctrl+Shift+I) – you wil see something like that:
I Symbol Icon Effects Video Tutorial in Photoshop

Hit Del to remove selected part of the layer, and make it a little smaller (Edit->Free Transform):
I Symbol Icon Effects Video Tutorial in Photoshop

After applying the transformation, apply a fade out effect to the swirl. You can do it by adding the layer mask and Gradient Tool. So, add the layer mask (little icon at the layer menu) and select rectangle area around the layer. Add Layer Mask IconNow pick the Gradient tool (you will notice foreground/background colors switched to white/black, also note the gradient options). Layer Mask Gradient OptionsNow drag the mouse to the top and you will
I Symbol Icon Effects Video Tutorial in Photoshop
I Symbol Icon Effects Video Tutorial in Photoshop

see your swirl fading out, like here:
I Symbol Icon Effects Video Tutorial in Photoshop

Finally, the last step – add the “i” symbol (place it under the swirl layer, “Times New Roman”, 157pt) with the following layer styles (”Bevel and Emboss”, “Gradient Overlay”, “Stroke”):
I Symbol Icon Effects Video Tutorial in Photoshop
I Symbol Icon Effects Video Tutorial in Photoshop

That’s it. Enjoy.
I Symbol Icon Effects Video Tutorial in Photoshop

Via : I Symbol Icon

Download

Download Source Files

You must be logged-in to download. Register Now or Login
Join The Disscussion

Black Button Effects Video Tutorial in Photoshop

Subscribe

RSS Subscribe

Spread A Word

delicious digg technorati stumble lifesaver myspace reddit linkedin live yahoo google

Tags