18
May

Modern Green Logo

May 18th, 2008

If you're looking for a clean custom web design, then visit the incredible team over at Captain Marketing Thanks for visiting!

Step 1

To start off with we need to create a new document (File > New). The size I have chosen is 540 by 440 pixels (you can leave the other settings to their defaults).

To fill in the background with a radial gradient we are going to be setting our foreground to a dark brown (#2b201b) and our background colour to a darker brown (#1f1511). Select the gradient tool from the toolbox and set it to radial. Left click somewhere in the top left quarter, drag to the bottom right and release.

Step 2

Secondly, we are going to be making the shape of the logo we are going to be building from. So create a new layer (Layer > New > Layer) and select the elliptical marquee tool. Make a circle in the middle of the document 300 by 300 pixels.

We are now going to be filling the selection with a green gradient. Use the same method as we did in step 1 for the background to add a radial gradient from a light green (#bad43d) to a darker green (#8ca926).

Step 3

Now we are going to be taking a slice out of the circle by making a selection on top of the circle (taking up about three quarters but leaving the left and bottom parts). Hit delete on your keyboard and you should be left with something like this.

Step 4

Duplicate the moon shaped layer (Ctrl + J). Rotate it anti-clockwise a couple of notches (Ctrl + T and then drag around the outside of the box).

Step 5

Repeat step 4 and you should have something like this as your shape, easy huh?

Step 6

Now we are going to be shrinking it. I made the shape large at first for two reasons: so that it will have more detail if we want to expand the logo for some reason, and because it is easier to work with when it’s larger with some of the previous steps.

Select the three moon shaped layers and merge them together (Ctrl + E). Scale it down to about a quarter of the size (Ctrl + T and drag one of the corner boxes inwards).

Move the logo across to the so that you have room to add in some text shortly.

Step 7

We are now going to be applying an outer glow to our logo.

Layer > Layer Styles > Outer Glow

Step 8

The last task is to add the text for the logo. Select the text tool and add in some text. The font I used is Delicious and font size 60 pt.

Step 9

Lastly we are going to be adding a couple of layer styles to the text layer.

Layer > Layer Style > Outer Glow

Layer > Layer Style > Gradient Overlay

And here’s the finished logo.

Posted by PSFreak! at 23:05 on May 18th, 2008 in Web Graphics

23 Responses to Modern Green Logo

  1. yaji says:

    Thanks so much for this tutorial.

    What a simple yet effective idea. I have used this tutorial to improve the logo for my eve group, shown below:

    http://one2fx.com/projects/qoralchemists/mockups/logobig.png

    This is an interesting approach in general that I will be implementing into future work.

    Thanks!

  2. Lynch says:

    Nice tutorial and result, however with it not being in a vector format you lose the ability to resize without degrading the quality

    I’d suggest, if you have the knowledge, following the tutorial but using shape layers, pen tool and layer masks instead of the marquees and fill tools

    Nice tutorial all the same though, good stuff

Leave a Reply

Your email address will not be published. Required fields are marked *

*

* Copy this password:

* Type or paste password here:

5,060 Spam Comments Blocked so far by Spam Free Wordpress

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>