special effect

Create a Eco Friendly Social Bookmark Icon

July 9, 2009, Posted by Rejis Dale at 10:29 pm

In this week Tutorial, we will create one Eco-friendly Stumbleupon icon. Remaining icons are FREE source files, which you can download and use it.

%photoshop Create a Eco Friendly Social Bookmark Icon

Final Result of Eco friendly Icon

%photoshop Create a Eco Friendly Social Bookmark Icon

Open the downloaded texture image.
Select the elliptical marquee tool and draw a circle by pressing Shift. Watch the info panel. Stop when its 300px.
Press Ctrl + C to copy the texture.
Now open a New document 500 x 400 px.where we are going to do our exercise.
Paste it in the new document which is open. Draw guides to get the center.
%photoshop Create a Eco Friendly Social Bookmark Icon
In the tool bar, select the Elliptical Tool (U) and draw an ellipse of 300px.
Next, we have to add some fresh green grass on the border. For that select the brush tool (B). From the Brush Presets, select the “Dune Grass” brush. (by default on the right side top also you can see brushes tab.) Now we need to change the settings.
%photoshop Create a Eco Friendly Social Bookmark Icon
From the top right tab, click the Brushes tab and change the settings as below.
Slide the brush spacing to 1% (the least) It strokes should be tight enough.
%photoshop Create a Eco Friendly Social Bookmark Icon
Change the color to #3a670f. (Dark Green). Now go to the Paths menu, and right click the mouse to bring out the option menu. Select the Strokes.
%photoshop Create a Eco Friendly Social Bookmark Icon

The results will be like below.

%photoshop Create a Eco Friendly Social Bookmark Icon

Repeat the same process of stroking 2 times. 3rd stroke apply a lighter color -#5a9c38. (Use the same colors for the steps below)

%photoshop Create a Eco Friendly Social Bookmark Icon

Now go to the Texture file and copy a second ellipse of 220px. Paste it in the center.
%photoshop Create a Eco Friendly Social Bookmark Icon

Apply the following bevel settings.

%photoshop Create a Eco Friendly Social Bookmark Icon

As we did the grass stroking for the above, repeat the same by drawing ellipse, and the apply strokes.

%photoshop Create a Eco Friendly Social Bookmark Icon

Make a Stumbleupon logo shape or download a logo and select the white logo as below. Place it on the center.

Ctrl+ Click on the layer panel to select the logo.

%photoshop Create a Eco Friendly Social Bookmark Icon

Go to paths panel. On the top corner you can see a button with an arrow . Click on that to open the menu.

Select the “Make Work Path…” . Change the value to 1.0. Now you have got the shape of the logo.

Next we need to stroke the shape as we did for the ellipse. Before that we need to reverse the strokes.

Change the angle of brush stokes to opposite direction. Refer the below screen.

%photoshop Create a Eco Friendly Social Bookmark Icon

Stroke it 3 times with different green shades.

%photoshop Create a Eco Friendly Social Bookmark Icon

Apply bright green color, #99f202 to the layer.

%photoshop Create a Eco Friendly Social Bookmark Icon

We are now done!

Hope You can use the same technique and make other icons.

Few more icons for you. FREE!

Thanks!

Icon -Twitter

%photoshop Create a Eco Friendly Social Bookmark Icon

Icon -Facebook

%photoshop Create a Eco Friendly Social Bookmark Icon
%photoshop Create a Eco Friendly Social Bookmark Icon

%photoshop Create a Eco Friendly Social Bookmark Icon

Blog Widget by LinkWithin

Currently have 11 Comments

  1. [...] View original here: Create a Eco Friendly Social Bookmark Icon | PSD Guides … [...]

  2. Marc says:

    Had something like that in my head couple wheeks ago.. But couldn’t think off how to achieve it.. Thanks for this!

  3. Create a Eco Friendly Social Bookmark Icon…

    In this week Tutorial, we will create one Eco-friendly Stumbleupon icon. Remaining icons are FREE source files, which you can download and use it.

  4. Create a Eco Friendly Social Bookmark Icon…

    Create a Eco-friendly Stumbleupon icon….

  5. Script says:

    nice tutorial bro…

  6. [...] Read More Here… VN:F [1.6.2_892]please wait…Rating: 0.0/10 (0 votes cast)VN:F [1.6.2_892]Rating: 0 (from 0 votes) Categories : Photoshop Tutorials [...]

  7. [...] Create a Eco Friendly Social Bookmark Icon [...]

  8. matt says:

    woow man!

    niice!

  9. [...] Remaining icons are FREE source files, which you can download and use it. View The Tutorials Create a Eco Friendly Social Bookmark Icon | PSD Guides – Photoshop Tutorials and Inspirations __________________ Report Or Reply Me If Any Dead Link Is Here. [...]

  10. [...] 17. Create a Eco Friendly Social Bookmark Icon [...]

  11. Social bookmarking is quickly turning into one of the most used marketing tools online, particularly since this may grow your chances of being well ranked by the search engines, also, bookmarking can help a non-indexed page get indexed quickly.

Leave a Reply