Gloss?

I wanted to find something out here.

Who uses gloss accents on their graphics? Are those gloss accents raster or vector?

I've been playing around with vector accents, but I simply cannot remember how to make a color to transparent gradient from scratch.

And I hate doing it in raster format because it gets fuzzy when the rest of the package is resized, they stay sharp while the gloss accent does not.

 

I use vector, would you just use a white to transparent gradient?

Gradient overlay should have at least <yourforegroundcolor> to transparent.

 

Thank you, that's what I thought it should be like. But I cannot get a *foreground color* to transparent gradient. I can't figure out how to delete one of the colors on one side or lowers its fill.

Photoshop CS3.

I do my vector work in that, it's harder than Illustrator, but it suits me best.

 

Hope this helps, I have CS4 but they shouldn't have changed that much, I forgot how CS3 works.

 

And that is why you're a brilliant designer, Neidaliz.


Thank you very much!

 

This ought to be pinned or something, in case some other person such as me runs into trouble.

 

All of this discussion is Greek to me; I'll take your word and Stick it if you really think it's important.

 

LOL! It's a quick way to make graphics all vector. So when someone downloads it and resized it in the PSD, it doesn't look a bit of its sharpness.


Take your avatar for example, if I made that parrot at that size using all vector based graphic (not pixels but mathematical calculations the software makes) then when I blow it up to say 900 x 1000 pixels, it won't be fuzzy or distorted. It'll be as sharp as a super sharp knife.


The gloss accents are those white things that make some buttons look like glass, people either use raster (pixel based) or vector (calculation based) accents. It's recommended to use vector, as the users of your end-product will be very happy.

 

It's not that important that it warrants a stickied.

Either you can opt the vector way if you want to add shape to your reflection or use the foreground gradient >> transparency (where the foreground would be white) and drag down with the gradient tool.

Two examples below shows the reflection with the gradient tool (Bottom-left) and one with the Pen tool (vectored) (bottom-right)

<< Raster | Vector >>

What the vector method allows is for you to have more control of your reflection pending you want to shape it where the gradient tool is limited but the effects can still be visually equal unless you re-size in any case I would personally delete the reflection after re-sizing it and redo it as it takes but a few seconds and you retain the full quality without pixelation.

I know, I'm rambling.

 

Very good mini-tutorial. I can't get enough of your graphic work. The quality is just superb.

 

LOL - I have to persuade the admins to unsticky this, it's bothering me. lol

*coughs* prods nick psst

 

I must agree with Shelley, is nothing WOW or very important, if it was how to make a glossy button then that would've been different.

 

I just need a quick way to find it next time I forget. :lol:

 

Bookmark it!

 

Wish I could. I have roughly over 1000 bookmarks on Firefox, and just around 30 are on this site to specific posts.

 

Simple gloss is extremely easy to do in Photoshop. You can use gradients like you did in Illustrator, but usually I just create a white ellipse with half the ellipse covering the image, then set blend mode to "Screen" or "Overlay".
But imo the gradient produces a better effect.

 

Like who did in illustrator?

 

Wait, what, FMB?

I have an idea of what Richard is saying. You do the typical gradient and then an ellipse highlight on top of that or under.

 

Ohh, I know that, Boss, but he said:

When no one here used Illustrator, that was my question, who used illustrator?

That was Photoshop CS4.