How to do Glass effects
This is the place to catch up on the latest graphics stuff. Get wallpapers, share your own, get tips on artwork, tutorials, portfolios and requests.

Moderators: Management, Forum Experts

How to do Glass effects

Postby gries818 on Wed Jul 26, 2006 10:26 pm

I am working on some images for my website and I ran across this website: http://www.webdesignfromscratch.com/ ... The title bar (logo thingy at the top) is really nice and I wondered if their was a tutuorial to produce something like this. To make a glassy effect like that - similar to a Windows Vista window almost.

Now I use the Gimp but I find that I can follow most Photoshop tutorials so any explantion on how to do this would be great! :yesnod:
Image

Mac OS 10.5.7 - Personal
Ubuntu Server 9.04 - Server
User avatar
gries818
Support Team
 
Posts: 6022
Joined: Wed Jul 07, 2004 2:28 pm

Postby Logicalx on Thu Jul 27, 2006 3:09 am

heres a tut i made its video :) very basic and effect skills :)

http://logicalx.org/downloads/GlassEffectVid.zip
LOGiCALX
Ex-ProNet Staff (GFX)
Logicalx
PRO Level 15
PRO Level 15
 
Posts: 1145
Joined: Sun Jul 11, 2004 6:17 pm
Location: //Earth/UK
Real Name: Dean

Postby gries818 on Thu Jul 27, 2006 3:19 pm

Do you have like a written tutorial or something? I can't get my flash player to play the video tutorial.
Image

Mac OS 10.5.7 - Personal
Ubuntu Server 9.04 - Server
User avatar
gries818
Support Team
 
Posts: 6022
Joined: Wed Jul 07, 2004 2:28 pm

Postby Logicalx on Fri Jul 28, 2006 8:48 am

u just open it in internet explorer there a index.html.........
LOGiCALX
Ex-ProNet Staff (GFX)
Logicalx
PRO Level 15
PRO Level 15
 
Posts: 1145
Joined: Sun Jul 11, 2004 6:17 pm
Location: //Earth/UK
Real Name: Dean

Postby kd1966 on Fri Jul 28, 2006 9:30 am

Dang, that thing was going at warp speed...........lol I couldn't follow the first minute or so....... but I think I get it now - you create a two color split and add a gradient (% based on how "glassy") you want it.......??
User avatar
kd1966
PRO MASTER
PRO MASTER
 
Posts: 8081
Joined: Mon Aug 08, 2005 10:00 pm
Location: USA - GSO - NC

Postby gries818 on Fri Jul 28, 2006 9:40 am

Logicalx wrote:u just open it in internet explorer there a index.html.........


I know I get this message:
The Camtasia Studio video content presented here requires JavaScript to be enabled and the latest version of the Macromedia Flash Player. If you are you using a browser with JavaScript disabled please enable it now. Otherwise, please update your version of the free Flash Player by downloading here.


Then when I try to update the Flash Player nothing happens - I don't really know what is wrong with it.
Image

Mac OS 10.5.7 - Personal
Ubuntu Server 9.04 - Server
User avatar
gries818
Support Team
 
Posts: 6022
Joined: Wed Jul 07, 2004 2:28 pm

Postby kd1966 on Fri Jul 28, 2006 9:41 pm

On another note............ I figured out how to "do" gradients in Gimp (YAY!!!), but now having a bit of difficulty adding the text to it............ or what I should say is I can add the text, but once I choose the position, I can't figure out how to move it........
User avatar
kd1966
PRO MASTER
PRO MASTER
 
Posts: 8081
Joined: Mon Aug 08, 2005 10:00 pm
Location: USA - GSO - NC

Postby horns2003 on Thu Dec 14, 2006 5:31 pm

THANK FOR THE TUT....
Image
horns2003
PRO Level 2
PRO Level 2
 
Posts: 15
Joined: Wed Dec 13, 2006 9:24 am
Location: The Big Easy

Postby xxsonyboy4lfexx on Fri Dec 15, 2006 7:24 am

In Photoshop make a new layer. Then take the rectangle selection tool thing. Then select the top half. Then go to the gradient. Choose white for foreground. Make the gradient the White->Transparent. Then in the selcted area use the gradient.
Image
User avatar
xxsonyboy4lfexx
PRO Level 10
PRO Level 10
 
Posts: 426
Joined: Sat Jan 07, 2006 12:42 pm
Location: California


Return to Graphics & Art

Who is online

Users browsing this forum: No registered users and 1 guest