Ventrilo
[Tutorial]How to create an effective logo
2 posters
Top Deck's Website :: Media :: Tutorials
Page 1 of 1
[Tutorial]How to create an effective logo
In this tutorial, I will show you how to make a logo with a bullet going straight through it like the "[url="http://images.mmorpg.com/images/contestimages/blackshot_header.jpg"]Black Shot[/url]" logo.
First, you'll need a few things.
- Photoshop: Photoshop CS5 - I prefer the latest (CS5) but either one will do.
- This Pattern: Grunge Circles - Put the pattern in "C:\Program Files\Adobe\Adobe Photoshop CS5\Presets\Patterns"
- These fonts: Ghost Theory and [url="http://www.dafont.com/endor.font"]Endor[/url] - Put fonts in "C:\Windows\Fonts"
Procedure
1) Begin by making a standard sized canvas. I usually use 544x416.
- Spoiler:
2) Use the Ghost Theory 2 font to make a "G" and an "S". I would recommend using 140px font size. Their location is not relevant at this moment.
- Spoiler:
- Spoiler:
3) Position the text real closely together so it seems as one word using the Move Tool. Pressing CRTL and clicking on multiple layers will allow you to move them at once.
- Spoiler:
- Spoiler:
- Spoiler:
- Spoiler:
4) Now, we are going to add some effects to the new layer that we just combined.
- - Create a
- Drop Shadow
- Spoiler:
- Inner Glow - Use the this shade for yellow: #fdf795
- Spoiler:
- Gradient Overlay - Colors for this gold gradient are: #4d380b, #b18500, and #f7f881.
- Spoiler:
- Pattern Overlay
- Spoiler:
- Stroke
- Spoiler:
5) After adding the layer effects, right click on the layer and choose "Copy Layer Style" then paste it on the "un" and "linger" layers. The product should look like this.
- Spoiler:
6) Now, create a new blank layer by pressing CTRL+SHIFT+N. Call it "Main". Then disable the white background by clicking on the eye next to the layer. Finally, go to "Image" -> "Apply Image". What happens here is that it combines all the visible layers into one layer. This is going to be the one we use.
- Spoiler:
7) Right click on the "Main" layer and choose "Duplicate Layer". The copied layer will be the layer we "salvage" for parts later.
- Spoiler:
Use the Rectangle Marquee tool to select half of the "Main" layer and use the Move Tool to move it upwards about 3-5 pixels up with the Arrow Keys. Always keep the spacing odd. I chose to move it up 3 pixels.
- Spoiler:
- Spoiler:
9) With the Pen Tool, right click and choose "Make Selection". This will turn tour zig-zags into a selection. Then press DELETE to erase the parts.
- Spoiler:
- Spoiler:
10) Remember the "Main copy" layer? Enable the layer and select the Pen Tool once more. With is, make points around small sections on the layer image. Right click and choose "Make Selection" just like before. Then, use the Move Tool to drag the piece to the "G" side of the "Main layer". Erase the black shadow and white outline so only the yellow is present.
- Spoiler:
- Spoiler:
- Spoiler:
11) Now, we'll start the bullet. Create a new group and call it "Bullet". The Group button is located at the bottom of the layers section. It looks like a folder.
- Spoiler:
12) Zoom into the the picture around the gap you created. Use the Rectangle Marquee Tool to select the middle pixels between the gap going horizontally. Make sure you select a few more pixels past the text.
- Spoiler:
- Spoiler:
13) Copy the layer style from the previous layers and past them to the "Flare" layer. Or you can create you own style. What we want is to make it look like a yellow or orange gun flare. If you do copy the layer style, remove the Stroke and Drop Shadow. You can also add an Outer Glow to make it look cool. If you do, set the Outer Glow to "Normal" instead of "Overlay".
- Spoiler:
14) Create a new layer called "Bullet" and use the Rectangle Marquee Tool to make a rectangle 9x3 pixels. Make this rectangle at the end of the text on the "r" side. To help you see the pixels better, select the white background layer and press CRTL+I. This will invert the white to black. Now, you'll be able to see the individual pixels.
- Spoiler:
- Spoiler:
15) Keeping the background disabled, you can erase the font 2 pixels of the "Bullet" layer so it's a little rounded. Use an eraser with 4px wide and 0% hardness.
- Spoiler:
The finished product looks like this.
- Spoiler:
16) Make a new layer and call it "Light" and use white gradient to make a streak like this to this.
- Spoiler:
- Spoiler:
- Spoiler:
17) Make another new layer called "Spark" and place it under the "Bullet" layer. Change the color to yellow (#fef015). And use a round brush that is 5px wide and 0% hardness.
- Spoiler:
- Spoiler:
18) Make a new layer called "Line" and place it under "Main". Use the Rectangle Marquee Tool once more to make a selection 1px in height an reaching from the "G" to the "r" horizontally.
- Spoiler:
- Spoiler:
- Spoiler:
- Spoiler:
- Spoiler:
19) This is the last an final piece to the logo which is completely optional. Adding Japanese text.
Go to Google Translator and type in "GunSlinger" and translate it to Japanese. After that, you can copy the Japanese text and paste it as new text layer in Photoshop. Then you can copy the Layer Style again and paste it to the Japanese text.
- Spoiler:
Now you're Done! It should look like this!
Like this tutorial? Support it!
- Code:
[url=http://topdeck.darkbb.com/t520-tutorialhow-to-create-an-effective-logo][IMG]http://i52.tinypic.com/w0jl7s.jpg[/IMG][/url]
Re: [Tutorial]How to create an effective logo
Nice tut mate, I got CS4, too lazy to download 5. very detailed and I'ma download that font, me likey
[S]layer[S]- Member
- Post : 4
Join Date : 2011-05-29
Top Deck's Website :: Media :: Tutorials
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
|
|