Unique multi-shape web graphicUnique multi-shape web graphic

Preview:


Unique multi-shape web graphic





Step 1:


Letís start out by creating a new file. I used a 400◊400 pixels canvas set at 72dpi, and I filled my background with #395F8B color shade. Now make a new layer set then name it 'Circle Letter'. Then in a new layer draw a dark circle with #0B0B0B color shade and 62 x 62 px dimensions.





Step 2:


Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Shadow, Gradient Overlay and Stroke blending options to your dark circle layer.











Result:




Step 3:


In a new layer draw a white circle with 46 x 46 px dimensions. Then under Layer Style(Layer > Layer Style) add an Inner Glow and Stroke blending options.







Result:




Step 4:


In a new layer draw a small red circle with #FF0000 color shade and 31 x 31 px dimensions.





Step 5:


Under Layer Style(Layer > Layer Style) add a Gradient Overlay and Stroke blending options to the red circle layer.







Result:




Step 6:


Select the Horizontal Type Tool then set the font family to Berlin Sans FB, 18 pt, smooth and white color shade. In a new text layer type the first letter of your name on the stylish circle design.






Step 7:


Now just duplicate the 'Circle Letter' layer set and add the rest of the letters of your name.





Results:


Unique multi-shape web graphic




Follow newtuts on Twitter

Tutorial Info

Date Added: 11-12-2009
Votes: 0
Rating: 0
Views: 4966

Author: admin

Main Category:
2D Graphics
Sub-Category:
Adobe Photoshop


Rate:
1 2 3 4 5

Affiliates
Surfnlearn
Pixel2Life
Tutorial Hero
Wallpaperstock
Hollen-B

Site Statistics
Most Ever Online: 113
Total Searches: 362
Total Tutorials: 259
Total Views: 244356
Currently Online: 3

LoginLogin


-Que
-Pending