wc3campaigns
WC3C Homepage - www.wc3c.netUser Control Panel (Requires Log-In)Engage in discussions with other users and join contests in the WC3C forums!Read one of our many tutorials, ranging in difficulty from beginner to advanced!Show off your artistic talents in the WC3C Gallery!Download quality models, textures, spells (vJASS/JASS), systems, and scripts!Download maps that have passed through our rigorous approval process!

Go Back   Wc3C.net > Tutorials > 2D Art Tutorials (Skinning)
User Name
Password
Register Rules Get Hosted! Chat Pastebin FAQ and Rules Members List Calendar



Reply
 
Thread Tools Search this Thread
Old 12-06-2008, 04:55 PM   #1
abriko
User
 
abriko's Avatar
 
Join Date: Nov 2002
Posts: 684

Submissions (22)

abriko is a jewel in the rough (159)abriko is a jewel in the rough (159)

Default Shiny & Cute Jewels

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

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 :

http://www.wc3campaigns.net/attachme...1&d=1228585257


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)
Attached Images
File Type: jpg SJ0.jpg (5.0 KB, 481 views)
File Type: jpg SJ1.jpg (8.2 KB, 76 views)
File Type: jpg sj2.jpg (7.0 KB, 450 views)
File Type: jpg sj2bis.jpg (6.7 KB, 456 views)
File Type: jpg SJ3.jpg (9.0 KB, 460 views)
File Type: jpg SJ4.jpg (11.2 KB, 12 views)
File Type: jpg SJ5.jpg (22.7 KB, 444 views)
File Type: jpg SJ6.jpg (6.0 KB, 442 views)
File Type: jpg SJ7.jpg (6.1 KB, 5 views)
File Type: jpg SJ8.jpg (16.0 KB, 454 views)
File Type: jpg SJ9.jpg (6.7 KB, 437 views)
File Type: jpg SJ10.jpg (6.6 KB, 439 views)
File Type: jpg SJ11.jpg (6.4 KB, 442 views)
File Type: jpg SJ12.jpg (5.5 KB, 441 views)
File Type: jpg SJ12bis.jpg (3.0 KB, 441 views)
File Type: jpg SJ13.jpg (3.2 KB, 441 views)
File Type: jpg SJ14.jpg (7.1 KB, 445 views)
File Type: jpg SJ15.jpg (7.1 KB, 448 views)
File Type: jpg SJ16.jpg (7.4 KB, 18 views)
File Type: jpg SJ17.jpg (11.7 KB, 541 views)
File Type: jpg SJ.jpg (5.7 KB, 25 views)
__________________
abriko is offline   Reply With Quote
Sponsored Links - Login to hide this ad!
Old 12-06-2008, 05:24 PM   #2
Mc !
Master Creator !
 
Mc !'s Avatar


Acting art director
Project Member: WotTH
 
Join Date: Dec 2005
Posts: 1,432

Submissions (101)

Mc ! has a reputation beyond repute (1117)Mc ! has a reputation beyond repute (1117)Mc ! has a reputation beyond repute (1117)Mc ! has a reputation beyond repute (1117)Mc ! has a reputation beyond repute (1117)Mc ! has a reputation beyond repute (1117)Mc ! has a reputation beyond repute (1117)

Hero Contest #3 - 2nd PlaceModeling session 2 - Chimeras

Send a message via MSN to Mc !
Default

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.
__________________

Awesomeness = #Rep / #Posts
Mc ! is offline   Reply With Quote
Old 12-06-2008, 05:36 PM   #3
abriko
User
 
abriko's Avatar
 
Join Date: Nov 2002
Posts: 684

Submissions (22)

abriko is a jewel in the rough (159)abriko is a jewel in the rough (159)

Default

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 :)
__________________
abriko is offline   Reply With Quote
Old 12-06-2008, 06:06 PM   #4
akolyt0r
In Flames
 
akolyt0r's Avatar
 
Join Date: Jan 2006
Posts: 1,153

Submissions (3)

akolyt0r has a spectacular aura about (120)

Default

i think it will fit to wc3 just fine ...when you add some glow and stuff ...
akolyt0r is offline   Reply With Quote
Old 12-06-2008, 08:35 PM   #5
Vexorian
Free Software Terrorist
 
Vexorian's Avatar


Technical Director
 
Join Date: Apr 2003
Posts: 14,905

Submissions (37)

Vexorian has a reputation beyond repute (1060)Vexorian has a reputation beyond repute (1060)Vexorian has a reputation beyond repute (1060)Vexorian has a reputation beyond repute (1060)Vexorian has a reputation beyond repute (1060)Vexorian has a reputation beyond repute (1060)Vexorian has a reputation beyond repute (1060)

Hero Contest #3 - 2nd Place

Default

With enough glow to hide the gem itself completely, yes.
__________________
Zoom (requires log in)Wc3 map optimizer 5.0
Someone should fix .wav sound in this thing.
Zoom (requires log in)JassHelper 0.A.2.A
Turns your simple code into something that is complicated enough to work.
Faster != more useful
Vexorian is offline   Reply With Quote
Old 12-06-2008, 10:28 PM   #6
Tide-Arc Ephemera
Overdoses result in death
 
Tide-Arc Ephemera's Avatar
 
Join Date: Jan 2007
Posts: 2,365

Submissions (3)

Tide-Arc Ephemera is a jewel in the rough (206)Tide-Arc Ephemera is a jewel in the rough (206)Tide-Arc Ephemera is a jewel in the rough (206)

Default

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.
__________________
Before asking for help with triggers... read this and check your trigger!

If you're having troubles getting help on WC3C or anywhere at all, please have a look at...
The WRONG way to ask for help and The CORRECT way to ask for help.

Quote:
Originally Posted by Alevice
You may never stop our bioweapon! We mexicans shall rule the third world! Mwahahahahahahaha!
Please acknowledge that I use Mac and avoid suggesting vJass and other tools that don't work on it. Thank you.
Tide-Arc Ephemera is offline   Reply With Quote
Old 12-06-2008, 11:55 PM   #7
The Elite
For External Use Only
 
The Elite's Avatar
 
Join Date: Jun 2007
Posts: 672

Submissions (6)

The Elite will become famous soon enough (60)The Elite will become famous soon enough (60)The Elite will become famous soon enough (60)

Default

What program did you use? Photoshop?
__________________

Goths are nerds that dress like vampires. -Dominant-Male
Oh, and wc3c wasn't dying back in 2007 and it isn't now. Our secret is simple: you can't kill the undead ... - Vexorian

We're definitely not going to make a G or a PG version of this. It's not PillowfightCraft. - Chris Metzen on the Warcraft Movie
Man, we're considered elitist all over the internet. This makes me feel nice and warm inside. - ghenjis
Please help! I'll provide no information, you must guess! - Whitehorn
The Elite is offline   Reply With Quote
Old 12-07-2008, 12:29 AM   #8
moyack
Evil Emoticon
 
moyack's Avatar


Respected User
Project Leader: PoC
 
Join Date: Jan 2006
Posts: 3,269

Submissions (17)

moyack is a splendid one to behold (661)moyack is a splendid one to behold (661)moyack is a splendid one to behold (661)moyack is a splendid one to behold (661)

AI Tournament #2 - 2nd PlaceHero Contest - Second place

Send a message via MSN to moyack
Default

yes.
moyack is offline   Reply With Quote
Old 12-07-2008, 12:57 AM   #9
abriko
User
 
abriko's Avatar
 
Join Date: Nov 2002
Posts: 684

Submissions (22)

abriko is a jewel in the rough (159)abriko is a jewel in the rough (159)

Default

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

Last edited by abriko : 12-07-2008 at 12:57 AM.
abriko is offline   Reply With Quote
Old 01-15-2009, 11:14 AM   #10
abriko
User
 
abriko's Avatar
 
Join Date: Nov 2002
Posts: 684

Submissions (22)

abriko is a jewel in the rough (159)abriko is a jewel in the rough (159)

Default

This is not approved. Is there a problem ?
__________________
abriko is offline   Reply With Quote
Old 01-15-2009, 06:01 PM   #11
PitzerMike
Alcopops
 
PitzerMike's Avatar


Tools & Tutorials Moderator
 
Join Date: Jan 2003
Posts: 2,791

Submissions (12)

PitzerMike is a splendid one to behold (643)PitzerMike is a splendid one to behold (643)PitzerMike is a splendid one to behold (643)PitzerMike is a splendid one to behold (643)

Approved Map: Pitzer's Minesweeper

Default

I like it. Well done!
__________________
Zoom (requires log in)
PitzerMike is offline   Reply With Quote
Old 05-14-2009, 07:18 AM   #12
FhelZone
User
 
Join Date: May 2009
Posts: 1

FhelZone has little to show at this moment (0)

Default

This is really great, if you've ever played bejeweled looks like one.
FhelZone is offline   Reply With Quote
Old 12-08-2009, 04:23 PM   #13
Timl fe
User
 
Timl fe's Avatar
 
Join Date: Jul 2009
Posts: 21

Timl fe has little to show at this moment (0)

Default

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...

Quote:
-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.
Attached Images
File Type: jpg Gem.jpg (25.7 KB, 93 views)

Last edited by Timl fe : 12-08-2009 at 04:31 PM.
Timl fe is offline   Reply With Quote
Old 09-22-2010, 09:17 AM   #14
Viktory
User
 
Join Date: May 2010
Posts: 25

Viktory has little to show at this moment (0)

Default

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.
Viktory is offline   Reply With Quote
Reply


Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off


All times are GMT. The time now is 12:23 AM.


Donate

Affiliates
The Hubb http://bylur.com - Warcraft, StarCraft, Diablo and DotA Blog & Forums The JASS Vault Clan WEnW Campaign Creations Clan CBS GamesModding Flixreel Videos

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