Wc3C.net (http://www.wc3c.net/forums.php)
-   2D Art Tutorials (Skinning) (http://www.wc3c.net/forumdisplay.php?f=428)
-   -   Shiny & Cute Jewels (http://www.wc3c.net/showthread.php?t=103626)

abriko 12-06-2008 05:55 PM

Shiny & Cute Jewels
21 Attachment(s)
I take some time to write a small tutorial about crystals and jewels. Diamonds, ruby, topaz and emeraud are hard things to draw. You need to be a real artists and work hard to do something realistic. However, with some technics you can do some cute and shiny jewels for video games :emote_thumbup:

1 - Draw the geometric shape

There is a lot of geometric reference on internet to help to draw a good shape like this.

Zoom (requires log in)

2 - Colorize first faces

Choose the origin and the direction of the light and color the first and the 2 opposite faces on the ray of light. To color the face, create a new layer, use the Polygonal Lasso Tool, and the key ALT and DELETE
to fill with the foreground color.

Here, for a cute diamond, choose a light blue like this one :


3 - Add the "Shine"

-Create a new layer
-Draw a circle with the Elliptical Marquee tool
-Fill with white color.

Zoom (requires log in)

-Go to Filter, Blur, Gaussian blur and get something like this ( it depends on your project, so there is not defined parameters )

Zoom (requires log in)

-Make sure to have the White round selected
-CTRL+Click on the thumbnail of the layer of the colored faces to select it.
-Click on Add Layer Mask and you should have something like this :

Zoom (requires log in)

-Unlink the Layer Thumbnail and the Mask by click the small chain icon between thumbnails.
-Now move the white round, rotate it, scale it and have this first result

Zoom (requires log in)

-If it's not enough shiny, duplicate the layer :

Zoom (requires log in)

-Merge the White Circles and Blue faces layers and work the shiny effect with the Dodge tools ( shadow range ). If you have are skilled in Dodge tool using, you don't need white round and you can draw it with the hand on the Blue faces layer.
The result should be near to :

Zoom (requires log in)

4 - The other faces :

-Do the same technic on the opposites faces on right and left, with a darker blue and a 50% alpha circle or lighter dodge tool.
Those face face shouldn't contain white but just light and dark blue.

Zoom (requires log in)

- The top face are just a little lighter than the left-top, same color but the light blue from the center take more place:

Zoom (requires log in)

- The main face should be the more dark. Its difference is the light blue reappear on the corner. Do it with the dodge tool. The more light blue in the main face should be the dark blue in the left top face.

Zoom (requires log in)

5 - Shiny details :

- Create a new layer
- Use the main geometric shape to make a black solid diamond ( do the selection of the diamond's edges and fill it with black )
- With the Polygonal lasso tool, cut triangular shape in the black diamond. This is the more artistic part, you have to follow your light emitter. In mine, i just put more triangle on the right than i put on the left. You have to imbricate your triangular shapes, not always the same shape but the same size. You can also make negative triangular shapes by drawing and fill it with black. You may obtain something like this :

Zoom (requires log in)

- Create a new layer below the last one ( black diamond mask)
- Create 3 circle, add gaussian blur, 2 white round and 1 light blue like this ( example for a diamond):

Zoom (requires log in)

- Make sure to have the 3 rounds layer selected
- CTRL + left click on the black diamond layer thumbail, so it selects the black diamond shape.
- Click on Add layer mask icon ( bottom of the layer panel )
- Delete the black diamond layer or make it no visible
- You should obtain something like this if only the 3 rounds layer is visible :

Zoom (requires log in)

- Set mode of the 3 rounds layer "Overlay"
- Make all the layer visible and you should got this :

Zoom (requires log in)

That sound good but we can have better if we work a little with the dodge tool to increase shiny effect. Add 2 small triangles on the top right and left so it adds contrast. The final result could be something like :

Zoom (requires log in)

Other example on differents shapes :

Zoom (requires log in)

Mc ! 12-06-2008 06:24 PM

The crystals look nice and are shiny and all but I don't think they fit well with Wc3 environment...

Still, I do love the shiny and clean look of ye crystals.

abriko 12-06-2008 06:36 PM

Thx ;)
It can fit if the user want make it fit with Wc3 style, this is the basic technic to learn how to make our own jewel. It can be used on talisman, gem and jewelry, or on model texture :)

akolyt0r 12-06-2008 07:06 PM

i think it will fit to wc3 just fine ...when you add some glow and stuff ...

Vexorian 12-06-2008 09:35 PM

With enough glow to hide the gem itself completely, yes.

Tide-Arc Ephemera 12-06-2008 11:28 PM

This was a pretty good tutorial for basic gems, it seems to have the wrong mix or type of cartoony when put with WC3, but it's pretty good.

Points if you show how to apply it to other things, e.g make a ring or necklace with it.

The Elite 12-07-2008 12:55 AM

What program did you use? Photoshop?

moyack 12-07-2008 01:29 AM


abriko 12-07-2008 01:57 AM

Yes. However it's not really a question of software but more a global technic to understand and made to apply in your projects :)

abriko 01-15-2009 12:14 PM

This is not approved. Is there a problem ?

PitzerMike 01-15-2009 07:01 PM

I like it. Well done!

FhelZone 05-14-2009 08:18 AM

This is really great, if you've ever played bejeweled looks like one.

Timl fe 12-08-2009 05:23 PM

1 Attachment(s)
Zoom (requires log in)

I like the tut a lot. However tried for a long time but I can't get same good effect =/ What do you think about it? Any hints?

PS I colored faces in a bit different way as had problems to get nice colors lol...


-Merge the White Circles and Blue faces layers and work the shiny effect with the Dodge tools ( shadow range ). If you have are skilled in Dodge tool using, you don't need white round and you can draw it with the hand on the Blue faces layer.
The result should be near to :

Also I don't understand what actually to do with the dodge tool. And what do you mean by "Dodge tools ( shadow range )"? I suppose it's a functionality not present in GIMP... or it has other name.

Viktory 09-22-2010 10:17 AM

Nice tutorial.
Someone should put it somewhere else like the Game Maker forums.
It would fit there.
But yes, nice tutorial, not only for Warcraft III.

All times are GMT. The time now is 11:38 PM.

Powered by vBulletin (Copyright ©2000 - 2019, Jelsoft Enterprises Ltd).
Hosted by www.OICcam.com
IT Support and Services provided by Executive IT Services