Green cells Logo

Author	Newanz
Date	Dec 06th, 2007
Status	Done [?]

Make a nice Dark Green Website Logo that suits nice with any dark green template.

This is my fourth tutorial. This tutorial is about making an unique green website logo.

Final Result at the end of this tutorial will be: Click Here (just an example)

1. I began with making a new PSD file (Ctrl+N) .
I made it with a width of 700pixels and height of 150pixels .
You don't have to follow the sizes, just change it to fit your needs.

2. Let's start with calling layer one: " underground ". This will become the green underground of the logo.
3. Now reset your frontcolor and backcolor by pressing D.
4. Go to Filter -> Render -> Clouds and after that go to Filter -> Render -> Different Clouds .
Now this doesn't really looks like the example I gave you so: next step.
5. Now we are going to add motion blur to it. Go to Filter -> Blur -> Motion Blur and add these settings:
(Picture might be off a little)
This gave me the best outcome for the design, feel free to change some of the angle and distance, but not too much.

6. Let's add the color. Go to Image
-> Adjustments -> Hue and Saturation or Ctrl + U

Now we got some "moving" clouds that are green. But we want the unique layout. We will continue now.
7. Open up Filter -> Stylize -> Glowing Edges which will make the edges some effects.
Add the following settings:

Now if it all went correctly you will have something like this: Click Here.
Nice he? ok let's continue.

Next thing up is making the right uper dark corner.
8.
Pick the Gradient Tool from the toolbox. and add these settings:
9. Now make a line like this in the logo, starting on top:
Result:

10. Now to lighten the whole logo make a new layer and call it " Lighten ".
11. Fill the Layer with "White" and add the layerstyle " Overlay " to it like this:
Now we got ourselfs a nice logo. If you want to know how the text on it is made continue to step 11, else go to the end of the page.

To make an exact same text: use this font.
11. In the upper right corner make a selection with the horizontal type tool .
12. Type your websites name into it.
13. Right click on the text layer and go to Blending Options , then add the following settings to it:
Bevel and Emboss:
Satin:
Gradient Overlay:
Color left = #022700
Color right = #0cff00

Stroke:
Color = #108400

and you're done!
To add more text to it, repeat step 11 to 13.

Finished!

But now you will have something like this: Final Result
This was my first outcome: Final Result

I hope you had fun using my tutorial, I sure had, got any comments?

Downloads

• Full PSD file of the Logo
• I used this font

No comments placed yet, be the first!