A tutorial on Crystal Balls

This forum is a collection of Tutorials to help you learn techniques to create graphics for Dristin, graphics in general.
Post Reply
User avatar
Relic
Developer
Developer
Posts:254
Joined:Jan 18, 2008 12:25 am
Contact:
A tutorial on Crystal Balls

Post by Relic » Apr 05, 2008 5:53 pm

This tutorial was created by kohai, for the tibia.de graphics forum. You can find the original here: link


This is a tutorial on making crystal balls. Most of the hints here apply also for any kind of crystals. I made it for balls because I think it's the trickiest thing you can encounter.

Step #1
This is our ball. A blue, sphere-shaped ball. Nothing strange for you, it has its bright point on top-left of it, its lighting, and its shadow on bottom-right. Not very detailed (4 colors) but it is enough. I personally think you could do every material using just 8-10 colors and make it look perfect. That's a matter of applying colors... this was not what I was going to talk about here. Sorry
Attachments
kohai_tut1.png
kohai_tut1.png (505Bytes)Viewed 14396 times

User avatar
Relic
Developer
Developer
Posts:254
Joined:Jan 18, 2008 12:25 am
Contact:

Re: A tutorial on Crystal Balls

Post by Relic » Apr 05, 2008 5:57 pm

Step #2
When light hits a crystal, it goes right through it. (For science students like me: I’m not going to talk about light's refraction and such phenomena so shut up lol). Light goes through the ball and when it goes out, it creates another bright point on the other side, but as it is a crystal we can see that side through the ball, so we see the new bright point also. (Not very well explained but I think you got it).
Attachments
kohai_tut2.png
kohai_tut2.png (605Bytes)Viewed 14395 times

User avatar
Relic
Developer
Developer
Posts:254
Joined:Jan 18, 2008 12:25 am
Contact:

Re: A tutorial on Crystal Balls

Post by Relic » Apr 05, 2008 5:58 pm

Step #3
After all, our crystal ball is still a ball. So let's mix this two concepts: cristal + ball.
Attachments
kohai_tut3.png
kohai_tut3.png (535Bytes)Viewed 14390 times

User avatar
Relic
Developer
Developer
Posts:254
Joined:Jan 18, 2008 12:25 am
Contact:

Re: A tutorial on Crystal Balls

Post by Relic » Apr 05, 2008 5:59 pm

Step #4

Well, the light enters by one of the sides of the ball and the other side isn't seen by us when we draw 2d solid objects... But it is still there and when it's a crystal thing, we actually SEE that side through the ball. So we draw the shadow on the other side of the bright point, but just there, because the light is going by the middle of the ball so this part of it is just normal colored.

Also, crystals are not normally of dark colors and just so you see it better I used a clearer color here.
Attachments
kohai_tut4.png
kohai_tut4.png (586Bytes)Viewed 14389 times

User avatar
Relic
Developer
Developer
Posts:254
Joined:Jan 18, 2008 12:25 am
Contact:

Re: A tutorial on Crystal Balls

Post by Relic » Apr 05, 2008 6:00 pm

Step #5
You have to shade your outing highlight a little because the ball was still a ball (remember?)
It doesn't seem like a big thing but it makes a difference
Attachments
kohai_tut5.png
kohai_tut5.png (610Bytes)Viewed 14381 times

User avatar
Relic
Developer
Developer
Posts:254
Joined:Jan 18, 2008 12:25 am
Contact:

Re: A tutorial on Crystal Balls

Post by Relic » Apr 05, 2008 6:01 pm

Applied gaussian blur and put some details with pencil..
Attachments
kohai_tut6.png
kohai_tut6.png (2.51KiB)Viewed 14378 times

Post Reply