Post Reply 

"Glass" effect

Mar 26, 2011, 08:55
Post: #1
"Glass" effect
Hey!


I've found a very interesting "glass" effect by accident and have been wondering ever since how exactly to achieve it :

http://remitrom73.deviantart.com/art/Mic...-183557437

What I had in mind is that blue glass-ish kind of looking background along with the reflections at the bottom. As I understand it, the background is composed of a set of different colours, right? Any pointers in how to achieve something similar, but with a different colour palette?
Find all posts by this user
Quote this message in a reply
Mar 26, 2011, 09:23 (This post was last modified: Mar 26, 2011 09:25 by Leohtlic.)
Post: #2
RE: "Glass" effect
(Mar 26, 2011 09:18)ofnuts Wrote:  The background is obviously the display of icons (without the reflections) scaled up, rotated, blurred, and reduced in a contrast (exact order to be determined).

Thanks. What about the "glass" background in itself? The blue-ish one (where the icons are located) ?
Find all posts by this user
Quote this message in a reply
Mar 26, 2011, 11:26
Post: #3
RE: "Glass" effect
(Mar 26, 2011 10:13)ofnuts Wrote:  It's not glass... it' a plan color... our brains see glass because they see reflections...

(using the very same blue color)

As to the reflections, here it's a mere layer, flipped vertically, blurred, and with a white-to-black gradient in the layer mask.

Thanks a lot! Very helpful. But when you look closely at the blue box (in which the icons are placed), it's slightly darker at the edges...
Find all posts by this user
Quote this message in a reply
Mar 26, 2011, 13:25
Post: #4
RE: "Glass" effect
(Mar 26, 2011 11:48)ofnuts Wrote:  
(Mar 26, 2011 11:26)Leohtlic Wrote:  But when you look closely at the blue box (in which the icons are placed), it's slightly darker at the edges...
Indeed... that a shaped (dimpled) gradient on the whole background using a dark blue and a darker blue. Not too noticeable because the artist has rightfully used two colors with the same hue, the only difference being saturation and value(*).

(*) Instead of using RGB, you can define colors using HSV (or the fairly close HSL): hue, saturation, value. If you apply paint to an object in real life, it will have a uniform hue but diffuse reflections will decrease saturation, and shadows will decrease value.


How should I apply that gradient to achieve that effect?
Find all posts by this user
Quote this message in a reply
Mar 26, 2011, 13:31
Post: #5
RE: "Glass" effect
Have the lighter Dark Blue at the front and the darker Dark Blue going twords the back.
Hope this helps,
Willy
Visit this user's website Find all posts by this user
Quote this message in a reply
Mar 26, 2011, 13:58
Post: #6
RE: "Glass" effect
Trying to make it darker around the edges and lighter in the center (but with a smooth transition), but unfortunately doesn't work that way...I guess I'm doing something wrong.
Find all posts by this user
Quote this message in a reply
Mar 26, 2011, 14:17
Post: #7
RE: "Glass" effect
Use the Fuzzy Brush, the Circular brush with Fuzzy looking corners.

And color it the color you want, so that Blue, and then get it sized right and use it in the middle of your Glass, should work,

Hope this Helps,
Willy
Visit this user's website Find all posts by this user
Quote this message in a reply
Mar 26, 2011, 16:12
Post: #8
RE: "Glass" effect
(Mar 26, 2011 14:43)ofnuts Wrote:  
(Mar 26, 2011 13:25)Leohtlic Wrote:  How should I apply that gradient to achieve that effect?
Use the "shaped(dimpled)" gradient. after selecting the whole layer.

I'm getting there, it atmost looks like that image I have provided in the first post. But the dimpled gradient doesn't work for me - it just creates a thin lighter line in the middle - possiblyt because the image is too small.

One more thing, about the reflections : you're using the Guassian Blur, right? And what do you mean about "with a white-to-black gradient in the layer mask" exactly?

Many thanks again guys, I'm getting there and learning things as we go Smile
Find all posts by this user
Quote this message in a reply
Apr 5, 2011, 16:00
Post: #9
RE: "Glass" effect
Much appreciated, I got it to work (well there's still some fine tuning to be done, but almost there).

But I found another nice graphic, which I could use on my site; perhaps you could help me out with that one as well?

http://fc08.deviantart.net/fs18/i/2007/2...igital.jpg

The grey "shelf" at the top (upon which the icons are placed) is, as I understand it, done with a gradient effect and some colour changes at the borders (for the pseudo 3D effect). Or is there anything else? And how would I achieve such gradient?
Find all posts by this user
Quote this message in a reply
Apr 6, 2011, 16:55
Post: #10
RE: "Glass" effect
Yeah, I'm scrapping that idea - it didn't work out so well in practice.

However, I'm still having troubles with the reflections on the glass - I use all of the effects but it still doesn't look "right". Maybe it's a problem with the background I use for the "glass" - it has to be black or at most dark grey.
Find all posts by this user
Quote this message in a reply
Post Reply 


Possibly Related Threads...
Thread: Author Replies: Views: Last Post
  how to add effect to text? kenny1999 1 276 Jul 17, 2014 12:22
Last Post: rich2005
  How Do I Make This Effect? myedroid 2 418 Jul 12, 2014 02:13
Last Post: iForStyle007
Question How Do I Create This Effect? Anchoret 3 338 Jun 25, 2014 19:56
Last Post: Esper
  How do I get this metal-like effect on texts hakunamatata 2 633 May 28, 2014 04:03
Last Post: Esper
  How to make this effect? qwalk 2 371 May 24, 2014 07:34
Last Post: qwalk

Forum Jump:


GIMP ForumPortalArchiveContactTermsRSS