The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Gem Logo Icon

Gem Logo Icon


1. Start by making a new document in Photoshop. I used a small size of 300 x 300 pixels with default Resolution (72).

You might want to add in a background such as a light-grey gradient now.

image 1

2. Now let's start the gem. Firstly enable grids (View > Show > Grid) in the Photoshop menus, then go to Edit > Preferences > Guides, Grids & Slices and change the grid size to 10 pixels.

image 2

After enabling the grid, find and get out the Polygonal Lasso Tool then use it to make the following shape:

image 3

Make a new layer and fill your gem-shape selection with a color.

image 4

Note that the color doesn't matter at this time.

3. Now you'll need to divide your gem shape up into a few different sections. You can do this by following these few simple steps:

Make a selection using the Rectangular Marquee Tool

Right-click the selection (with your selection tool still active) then go to Layer via Cut)

Repeat this until you have an image like mine below.

image 5

So, if all your different sections are on separate layers, you've done everything right. Right-click the first layer of these and go into the Blending Options. After doing so, apply this Gradient Overlay.

image 6

Repeat this for every layer, except you will need to change the angle of the gradient for each one.

In the below image I've written down what angle each of the gradients used were.

image 7

Now it's time to move your layers back together and merge them (CTRL+E)

image 8

To finish this step off I applied this Drop Shadow to my leftover layer.

image 9

4. Create a new layer. Now select your previous layer that you merged together (Hold CTRL and Click the layer thumbnail) then lastly contract the selection by 3-4 pixels (Select > Modify > Contract.)

image 10

After making this selection you can fill it with a gradient (preferably red) I used a gradient of #f80000 and #940404.

I made my Radial gradient from the bottom corner to the top middle area.

image 11

After doing all this you can add this Inner Shadow as an optional touch.

image 12

image 13

5. Using the Gradient Tool make a #f80000 to transparent gradient inside of the gem at the top right.

image 14

Again select your main gem layer then contract the selection by about 2 pixels. Create a new layer then make a white to transparent gradient from the top left to the middle area of your selection.

image 15

Lower the opacity for this layer to about 15-30%.

image 16

6. I finished this off by adding in a symbol from the custom shapes that come with Photoshop, and also making a few smaller versions.

You can make some smaller versions by merging all of the layers together then resizing them (CTRL+T)

Gem Logo Icon Tutorial: Final Result

If you want you can download the PSD file for this tutorial from here.



Author's URL: PhotoshopStar
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Gem Logo Icon"

Only registered users can write comment

Reader's comments
comments itsols August 28, 2007 says:
Gem Logo Icon
I've always been a techno savvy person and never really took time to play around with graphics programs.

However, with new work on web platforms I am compelled to know certain stuff and I've had quite some trouble getting started with PhotoShop. Your tutorial was just what I needed! It is simply great!

I mean SIMPLE and GREAT! Thanks and keep up the great work.

M.I.Z. Khalid
Sri Lanka