Support Forums

Full Version: Logo Tutorial
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
Hey so I wanted to teach the people of SF how to create a logo! Here we go:

Step One:
Starting off. Open photoshop and go to File>New and create a document that is 500x100, or 550x100 if you want a small image (like the feather on SF. Mine will be a bit bigger because the text I will be typing is long (Support Forums.)

Step Two:
Type your text. Type whatever you want your logo to say. For best results with this tutorial, you want a darker color. I will be using the darker of the two background stripes here on SF. For this tutorial it is also best if your text is all on one line.

Step Three:
Adding gloss. Start a new layer and get out your Eliptical Marquee tool (M) and put an oval that is only partly covering the logo, like so:

[Image: 2v13n8l.png]

Get your Paint Bucket tool (G) and set your foreground color to white (FFFFFF.) Dump white into the selected area. Now, CTRL + Click the small box next to the text layer (part of it, really) that probably has a T on it. Now go to Select>Inverse. Select your white layer. Now get your Move tool (V) and move it over the white. There should now be a cusor with small scissors. Click the white area (the part that ISN'T over the text) and drag it to somewhere else on the canvas. Now hit Backspace or Delete. Now all you should have is this:

[Image: 2j5m1b6.png]

Now click the white layer (if it isn't already selected) and set the opacity to 15-40%, you decide what looks best.

OPTIONAL STEP:
Texture. Go to flickr's creative commons, and find images that you are able to distribute. Type in "Texture," find one you like, download it, and open it in photoshop. Drag it over to your logo, make sure all the text is covered (put it on multiple times if it is too small.) Now, CTRL + Click the small box next to the text layer (part of it, really) that probably has a T on it. Now go to Select>Inverse. Select your texture layer. Now get your Move tool (V) and move it over the texture. There should now be a cusor with small scissors. Click the texture area (the part that ISN'T over the text) and drag it to somewhere else on the canvas. Now hit Backspace or Delete. Now all you should have is this:

[Image: w1pmqt.png]

Now click the texture layer (if it isn't already selected) and set the opacity to 15-40%, you decide what looks best.

OPTIONAL STEP:
Finally, you can add a small image to the logo if you want to. I am going to add the SF feather. Open the image in PhotoShop (File>Open) and simply drag the extra image over to your canvas. Position it where you want.

Congratulations, you have made a logo! Yeye Have a nice day!

[Image: 20pwtb8.png]
Very nice and usefull tutorial, Thank you, I will try this Big Grin
No problem Smile
Thanks man, I find your tutorials really intriguing.
Glad you like them Smile
Another effective tutorial. You have good taste. Smile
(04-25-2010, 08:15 AM)Eve Wrote: [ -> ]Another effective tutorial. You have good taste. Smile

I would hope so Rolleyes
A very good and detailed tutorial, good job mate and thanks alot for sharing Smile
Thanks Chrissy! And no problem Smile
This is a good tutorial that is simple to follow. It has easy step by step explaining. This will help me a little bit, and I am sure it will help other people as well.
Pages: 1 2