Add your website to the Xemion web designer directory and gain highly-targeted traffic and new leads.

How to Draw a Bullet

Post Reply
 
Thread Tools
 
#1 May 27, 2006 by Xemion - Administrator, 120 posts Indianapolis, Indiana PHP: , RoR: , CSS/XHTML:  , Design: , Javascript: , ASP/.NET: , SEO: , SQL: Reputation Level
If you like this tutorial, please register. It encourages me to make more.

If you have any questions about this specific tutorial, just post on the thread. If you have questions about web or graphic design in general, feel free to ask any questions (newb questions or difficult ones!) in the web designer forums.

This tutorial is sponsored by the Xemion Web Designer Directory.


Step 1 Start out with a 300 x 200 #263B4E canvas. First create a new layer set then set the blending mode to Hard Light. Create a new layer and use the Ellipse tool to make the oblong shape you see below.

Oblong shape

Step 2 Adding silver texture and perspective detail require editing the following layer styles. Hopefully by now you know where to acess the layer style panel.

Bevel and Emboss:
- Style: Inner Bevel
- Technique: Chisel Hard
- Depth: 1000
- Direction: Down
- Size: 1
- Soften: 0
- Angle: 90
- Use Global Light: Uncheck
- Altitude: 60
- Gloss Contour: Default
- Anti-aliased: Uncheck
- Highlight Mode: Normal
+ Color: #000000
- Opacity: 100
- Shadow Mode: Normal
+ Color: #000000
- Opacity: 100
Satin:
- Blend Mode: Normal
+ Color: #000000
- Opacity: 100
- Angle: 0
- Distance: 3
- Size: 9
- Contour: Default
- Anti-alised: Check
- Invert: Unheck
Gradient Overlay:
- Blend Mode: Normal
- Opacity: 100
- Gradient: Default
- Reverse: Check
- Style: Reflected
- Align with Layer: Check
- Angle: 0
- Scale: 123


Slug

Step 3 To make the case, use the Rounded Rectangle Tool with Fill pixel selected and radius of 2 px to draw the shape you see below. It doesn't matter what color you use since it will be covered by the gradient overlay colors. Make sure you create every element of the bullet in a different layer located in the layer set you created earlier.

Slug and flat shape

Step 4 Edit the same layer styles as the slug with slight modifications.

Note: Instead of having to re-enter every setting changes, you can right click on the slug layer name in layers panel and select duplicate layer style. Just edit the new settings fit for the case.

Bevel and Emboss:
- Style: Inner Bevel
- Technique: Chisel Hard
- Depth: 1000
- Direction: Down
- Size: 1
- Soften: 0
- Angle: 90
- Use Global Light: Uncheck
- Altitude: 60
- Gloss Contour: Default
- Anti-aliased: Uncheck
- Highlight Mode: Normal
+ color: #000000
+ Opacity: 100
- Shadow Mode: Normal
+ Color: #000000
+ Opacity: 0
Satin:
- Blend Mode: Normal
+ color: #00000
- Opacity: 100
- Angle: 0
- Distance: 3
- Size: 9
- Contour: Default
- Anti-alised: Check
- Invert: Unheck
Gradient Overlay:
- Blend Mode: Normal
- Opacity: 100
- Gradient: Picture below
- Reverse: Check
- Style: Reflected
- Align with Layer: Check
- Angle: 0
- Scale: 123


Gradient info

Gradient colors: #000000 ' #D4C084

Bullet and case

Step 4 Now were going to make the Extractor Groove which is found between the case and the case trim. It's not necessary to include this piece but I like to put a great deal of details in all of my projects. To make the Extractor Groove, use the same method as step 3. Just remember the width of the shape is a little smaller than the case. Layer styles should be similar to the case but the gradient color should be default, black and white.

Bullet

Step 5 The Case trim is not really necessary but it gives it more depth. To make this piece, repeat step 3 and 4 but the shape is smaller and little wider than the Extractor Groove. See picture guide below.

Not connected bullet

Step 6 Now that you have all the parts just put them together.

Detailed Bullet

Tricks If you want to place this bullet in a different background, All you have to do is duplicate the layer set then go to Layer > Merge Layer Set. Now that you have an extra bullet in one layer, Go to Select > Load Select > Default to select the whole bullet. While the whole bullet is selected create a new layer and fill it with #263B4E. Place this layer below the original layer set OR the one layered bullet, whichever you want to use. Just make sure you dont have the layer set and the one layered bullet on at the same time.
James Paden - Xemion.com
Quote
 
#2 August 23, 2006 by jackedup - Junior Member, 1 posts PHP: , RoR: , CSS/XHTML:  , Design: , Javascript: , ASP/.NET: , SEO: , SQL: Reputation Level
this slightly confuses me at the begining im not sure how you go from a oblong eclipse to have of it
 
#3 August 28, 2006 by cellulo - Junior Member, 9 posts France PHP: , RoR: , CSS/XHTML:  , Design: , Javascript: , ASP/.NET: , SEO: , SQL: Reputation Level
I added a green gradient rectangle (#01580F to 219E21) + a black 30px inner glow to link a few bullets together.
Again, a great result obtained with your tutorials.

It is strange that I always have to do a few adjustements (here gradient scale 77 vs 123) to reach exactly the same result but it is easily done with your snapshots.
Attached Images
File Type: png Balles.png (7.7 KB, 4240 views)
 
#4 November 19, 2006 by Ævans - Junior Member, 1 posts PHP: , RoR: , CSS/XHTML:  , Design: , Javascript: , ASP/.NET: , SEO: , SQL: Reputation Level
Sorry for the bump but I wanted to drop in and say that this tutorial (and your other ones as well) are great!

I was able to create a high-powered rifle-type bullet like this:
 
#5 December 1, 2007 by chrisrs - Junior Member, 1 posts PHP: , RoR: , CSS/XHTML:  , Design: , Javascript: , ASP/.NET: , SEO: , SQL: Reputation Level
just to say great tutorial, simple and easy to follow, my attempt at a 7.62 mm rifle round



btw can anyone think of why my colours are a bit screwed when i used the same settings as you?
 
#6 September 23, 2008 by newtech2004 - Junior Member, 2 posts PHP: , RoR: , CSS/XHTML:  , Design: , Javascript: , ASP/.NET: , SEO: , SQL: Reputation Level
Start out with a 300 x 200 #263B4E canvas. First create a new layer set then set the blending mode to Hard Light. Create a new layer and use the Ellipse tool to make the oblong shape you see below.
 
#7 September 28, 2008 by chocoguy - Member, 77 posts PHP: , RoR: , CSS/XHTML:  , Design: , Javascript: , ASP/.NET: , SEO: , SQL: Reputation Level
Thanks for sharing this tutorial. As a newbie website designer it is really helpful for me that some professional designers are sharing their knowledge.
Post Reply

Thread Tools