Welcome Guest [Log In] [Register]



We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Basics of Gloss (Any)
Topic Started: May 12 2008, 05:51 AM (218 Views)
Bunny
Member Avatar
A Godless life seems sweeter
Ever seen those sleek transparent looking bars and wondered how to make them? or tried and have failed? here are some pointers on how to make your gloss look good.

Quote:
 
This tutorial should cover the basics of making any sort of gloss not look like a botched attempt at something strange. let's start with...

PART 1: The simple bar:

Posted Image

glossy eh? and sleek. and all it takes is a couple steps. open a new document, fill with red, select the top half. put a white to transparent gradient on it, making sure that you can see the gradient cutting off. inverse the selection, and make a shorter gradient where you CANT see the edge of it.

Why does it look glossy? imagine you had a bar which was in a curvature like this in real life. if the light source is above it, the light will cut off sharply. But some will go through, and light around you will go through, letting you see a lighter inside nearer the bottom.

also, you can see my image has a white glow. that is BAD. remove it by using the magic wand around the circle layer, and going to the glow layer and deleting the outside. then it'll be all fine.

PART 2: Circle Gloss:

Posted Image

how cool does that look? and it's only slightly more complex than the bar.

Make a new document, and make a circle. fill it with your colour. Make a fat oval shape to the same sort of proportions as in my image, and put a gradient in it, like in my one. make sure you can see the cutoff. Make a new layer, and make a circle about 2/3 of the way down. feather it, and fill with white. this gives a white glow at the center and makes it look more 3d.

this looks glossy on the same principle as the bar.

PART 3: Advanced gloss:

Posted Image

Make a rectangle. take away two oval shaped bits on the top and bottom to get the curves. fill with a darkish colour. contract the selection by about 7px. feather it to about 5 px. fill it with a lighter colour. make a gradient going up to less than halfway. using the minus selection, deselect the bottom half. do the gradient at the top, leaving a cutoff. and you have shinyness.

PART 4: Principles of Gloss

basicially, you can make any shape or thing look glossy if you do two things. 1: imagine where a light source would be. 2: make gradients to simulate light shining on/through the object.

I hope that this tut has helped you

-Bunny-


Part two will be coming soon.
 
Deleted User
Deleted User

Awesome work :D. Again. ;)

Gloss is overused nowadays though. When it first started back in 2004, the Apple website was like the pioneer of glossiness :D. Looked awesome...
 
Bunny
Member Avatar
A Godless life seems sweeter
Part two will have variations on glossyness, to help your gloss look more original =D
 
Deleted User
Deleted User

Cool, look forward. :)
 
Sister *)
Member Avatar
*Leb-Muslima*
can i make a heart gloss?
 
Silvereye
Member Avatar
I have room for six, ladies
Yes, it should be a simple edit to the circle gloss. Generally called "orb" or "sphere", but I'm not going to tell you to change it.
Edited by Silvereye, May 13 2008, 09:45 AM.
 
Bunny
Member Avatar
A Godless life seems sweeter
Fatimah
May 13 2008, 09:14 AM
can i make a heart gloss?
If you want heart gloss, get a heart shaped selection, fill it with a darker red to a lighter red gradient (darker in the middle). Keep the selection. On a new layer, use the Multiply option of the selection to make a curved shape at the top. Make a white to transparent gradient there. Add a bit of glow near the bottom if you want to.

That's the easiest way to do it. You can always fiddle around with the shapes of light angles.
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Tutorials · Next Topic »

BorderGive WaterGive FoodGive EducationGive MoneyBorder