subscribe: tutorials | comments
Photoshop Tutorials
1 Heart2 Hearts3 Hearts4 Hearts5 Hearts
Loading ...

Leaf Logo

Using Photoshop Preset Shapes create an amazing Leaf Logo with a Web 2.0 style.

- Star by making the leaf in a new file, I’m going to use the one that comes with the Photoshop Presets Shapes and #40b309 as color
Leaf Logo Photoshop Tutorials

- Apply a Gradient in the layer styles to this layer using the values below
Leaf Logo Photoshop Tutorials

- Using the Pen Tool make a selection that cames from the leaf stem to somewhere in the middle with the same curves as the leaf, and color it, I used #389e08
Leaf Logo Photoshop Tutorials

- Here’s a close-up of the Pen path
Leaf Logo Photoshop Tutorials

- Now to make it look more “2.0ish” we’re going to add some glow using gradients. Create a new layer and CTRL+Click over the first shape thumb, this selects the leaf. Then using a White to Transparent gradient, make a gradient in a 120º direction from top to bottom like in the following image
Leaf Logo Photoshop Tutorials

- Change the blending options of this layer to Overlay and you should get something like this
Leaf Logo Photoshop Tutorials

- Create a new layer and using the Eliptical Marquee Tool make a selection covering the top part of the leaf
Leaf Logo Photoshop Tutorials

- Make a gradient from top to bottom in a 90º direction using the White to Transparent gradient
Leaf Logo Photoshop Tutorials

- Deselect(Ctrl+D), change blending option to Soft Light and you should have something like this now
Leaf Logo Photoshop Tutorials

- In a new layer, Ctrl+Click over the leaf layer thumb to select it, go to Select -> Modify -> Contract and contract it by 1px, then go to Edit -> Stroke, use the following values
Leaf Logo Photoshop Tutorials

- Change the layer blending option to Soft Light and you should get something like this
Leaf Logo Photoshop Tutorials

- Now going back to the first layer, where the leaf shape is, add a Drop Shadow with the following values
Leaf Logo Photoshop Tutorials

- And to finish the logo, we’re going to add some text to it. Orange color is #FE6601 and grey is #333333
Leaf Logo Photoshop Tutorials

Download PSD
202 Kb

Random Tutorials

Photoshop Free TutorialsPhotoshop Free TutorialsPhotoshop Free TutorialsPhotoshop Free Tutorials
27 Comments
Website Design, Logos, Web 2.0

This tutorial has 27 Comments
rhodri says:

I like the final result and the colors are awsome.

andrie says:

big brother, bagi ilmi yg laen donk!! ga menarik neeh…

David B. says:

you should really be doing this in illustrator so that the final result is in vector format. all the directions above could still apply, just in a different way.

Jesse says:

Man this is a really good tutorial, I actually use the leaf for another size of mine, but this is what Ive always wanted to make haha.

Branislav Bokun says:

Thank you for this usefull and good tutorials.

cheers
bane

me says:

i’v saw tis tuto from pixel2life.com.. the same tuto.. *peace

Michael says:

i have problem using the photoshop preset shape… i cannot add color on the shape.. i can’t also drag and resize the shapes….. can you help me??

Castex says:

Thank for that tutorial!

[…] Leaf Logo With Adobe Photoshop Learn how to create a Leaf Logo using Photoshop Preset Shapes. […]

[…] Leaf Logo With Adobe Photoshop Learn how to create a Leaf Logo using Photoshop Preset Shapes. […]

[…] Leaf Logo With Adobe Photoshop Learn how to create a Leaf Logo using Photoshop Preset Shapes. […]

[…] Read tutorial at photoshoplovr […]

[…] Leaf Logo // Photoshoplovr (tags: photoshop tutorial logo) […]

[…] Tutorial ساخت این لوگوها با استفاده از فوتوشاپ را نیز ببینی… […]

[…] Photoshop ile yaprak logo tasarımıPhotoshop ile yaprak logo tasarım videosu […]

[…] Tutorial ساخت این لوگوها با استفاده از فوتوشاپ را نیز ببینی… اگر به افکتهای فوتوشاپی علاقه مند هستید پیشنهاد می کنم این پست قبلیم را ببینید. […]

gurhan says:

can i ask how do u choose this colors? do u have a catalog :)

karthik says:

very professional example .. thanks photoshoplovr.com

[…] Tutorial ساخت این لوگوها با استفاده از فوتوشاپ را نیز ببینی… […]

[…] vedete l’ora di avere anche voi la vostra fogliolina stilosa? Ecco il tutorial di Photoshoplovr.com. PUBBLICITÀ // PUBBLICITÀ postato da Marco “Sgrunt” Mattioli il mercoledì 12 […]

I like it ;) :D im going to uses that. thanks ;)

[…] Tutorial ساخت این لوگوها با استفاده از فوتوشاپ را نیز ببینی… […]

[…] continue to read >> […]

Laurra says:

Great tutorial, thanks a lot!

Dmitry says:

Thanks for the tutorial, it helped me a lot.

I’ve already sign your rss for new tutorials

says:

짐있는 아이콘들이네요 蛮好看的有机会切磋一下哈

Leave a Reply

 
 
 
 
 
 
 
 
 
 
 

About

Photoshoplovr.com is a weblog dedicated to all the Photoshop lovers who want to learn photoshop. We bring you the greatest Adobe Photoshop Free Tutorials you can find on the net.