16
Feb
2013

Design MySpace Social Icon in Photoshop

Posted in: Photoshop , , Comments Off

This is a simple and quick tutorial to design MySpace social icons in Photoshop.

Difficulty: Easy
Completion time: 10-15 minutes.
Tools: Adobe Photoshop

Final Preview

Before I start the tutorial, lets see the final image of the MySpace social icons that we will design in this tutorial.

Step 1:

Create a new document of size 300 X 300 px and transparent background.

Step 2:

Create a new layer and name it as Square. Select “Rounded Rectangle Tool” with 10 px radius.
Rounded rectangle tool

Press and hold SHIFT key and draw a rounded corner square in #093f61 color.



Apply following layer style to Square layer.




It should look like this now.

Step 3:

Press and hold CTRL key and click on Square layer. This will load Square layer.


Now create a new layer and name it as Glow. Select Brush Tool with a soft brush and 270 px master diameter.
brush-tool

With #6ba0c1 color click once on top of the square shape.

Step 4:

Create a new layer and name it as Glow 2. Select Elliptical marquee tool with Intersect with selection
Elliptical marquee tool

And make a selection as shown below.

Fill the selection with white color and change its layer mode to soft light and opacity to 30%.
It should look like this now.

Step 5:

Create a new layer and name it as “Buddy One Face“. Select Ellipse Tool
ellipse tool

Press and hold SHIFT key and draw a circular shape in white color.

Step 6:

Create a new layer and name it as “Buddy One body“. Select “Rounded Rectangle Tool” with 30px radius.
Rounded rectangle tool

Draw a shape just in white color below face shape as shown below.


Right click Buddy One body layer and select “Rasterize Layer


Select lower end of Buddy One body layer and delete it using DEL key.
It should look like this now.

Step 7:

using CTRL key select Buddy One face and Buddy One body layers. Now right click on any layer and select “Merge layers“.


Rename merged layer as “Buddy one“.
Apply following layer style to Buddy one layer.




It should look like this now.

Step 8:

Create two duplicate layer of Buddy one, resize them and place them in left. Our MySpace Social Icon is ready.


I hope you liked the tutorial. Below you can download PSD file and PNG files of social icons

About the Author

Name: Ravi Shekhar
I love learning and sharing web stuffs.

Share this post

Twitter Facebook Google Buzz Digg StumbleUpon Delicious Technorati
Both comments and pings are currently closed.

Comments are closed.