Fully Featured & Customizable Free Forums
InvisionFree - Free Forum Hosting
Welcome to Khubsurat Graphics. 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:

Name:   Password:

Khubsurat Graphics Future Vision
I, Zythyr/Commander the owner of Khubsurat Graphics will no longer be updating this board. After the release of ZetaBoards, I have decided to leave the Invisionfree/ZetaBoards community. There are many reasons as to why I decided to do this and will not be discussing this with you guys. I have kept Khubsurat Graphics open as an archive for many resourses that you members can use. These include tutoirals, skins, graphics, etc. I feel there are many resourses archived on this board for members to learn from in order to pruse their hobby in graphic design, website design, forum based skinning, etc.

If you would like to contact me, send me an email through my profile page.

Too all my old friends, loyal members, acquaintances, wish you all the best. If you would like to stay in touch me, just email me through my profile page and I will give you my chat ID


  Add ReplyAdd New TopicAdd New Poll

 Transparent Glass Buttons
Zythyr
Posted: Nov 21 2004, 05:37 AM
Quote


Administrator
Group Icon

Group: Administrator
Posts: 2,050
Member No.: 1
Joined: 4-October 04



- This tutorial is half credited to Man1c M0g
We are going to be making a transparent glass like tihs one

user posted image user posted image user posted image

Part 1: Transparent Glass Button

1. Open up a new document with a transparent background and make it 200x100.

2. Using the Paint Bucket Tool fill the layer with the color white.

3. Make a new layer, then using the Rounded Rectange Tool make an oval shape just like in the picture.

user posted image

4. Make a new layer, while the new layer is selected, using your mouse and keyboard, Ctrl+Click the layer called Shape 1. You will see the shape of the oval with little little ants running around (lol laugh.gif ).

5. Fill that little shape with the color back and lower the Fill to 0% and delete the layer called Shape 1.

user posted image

6. Right click on the Layer 2 (the oval layer) and click on Blending Options and have the settings just like in the picture.

user posted image

user posted image

user posted image

user posted image

user posted image

Stroke: This is optional. I have never used stroke when creating transparent glass buttons.
user posted image

7. Now you should have something like this.

user posted image
user posted image
(without the white layer)

Part 2: Glass Tinting (Optional)

8. If you want to tint your glass with a color of your choice just like the one in the picture then follow these directions.

user posted image

9. Right click on the Glass layer and click on Blending Options and have the settings just like in the picture.

user posted image

Part 3: Special Effects (Text Underneath) (Optional)

10. If you want to learn how to add special effects to your text underneath the glass then follow these directions.

user posted image

11. Ok type up the text you want and then put that text layer underneath the button layer. Then while the text layer is selected, using your mouse and keyboard, Ctrl+Click the button layer. You will see the shape of the oval with little little ants running around (lol laugh.gif ).

user posted image

12. Go to Filter>>>Distort>>>Spherize and have these settings.

user posted image
(You may choose your own settings in order to fit your needs.)

user posted image

13. Now right click on the button layer and click on Blending Options and click on Drop Shadow. Change the Distance to 7.

user posted image

Final Product

user posted image user posted image user posted image
- This tutorial is half credited to Man1c M0g



This post has been edited by commander on Nov 30 2004, 04:02 AM


--------------------


Progress of Naiadous Skin
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||

Happiness of Activness of KG Members
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||

98% of the teenage population will try, does or has tried smoking
pot. If you're one of the 2% who hasn't, copy & paste this into your signature
user posted image
user posted image
PMEmailWebsite MSN
Goto Top
~M~C~
Posted: Jan 2 2005, 02:20 AM
Quote


Member
*

Group: Visitor
Posts: 52
Member No.: 123
Joined: 1-January 05



I'm not to fond of this graphic.


--------------------
user posted image
PMEmail
Goto Top
provoker
Posted: Aug 24 2005, 03:45 AM
Quote


Newbie
*

Group: Member
Posts: 13
Member No.: 751
Joined: 14-August 05



Keep them tuts coming! biggrin.gif


--------------------
user posted image
PMEmail
Goto Top
jaffa
Posted: Oct 23 2005, 01:14 PM
Quote


New-Comer
*

Group: Visitor
Posts: 1
Member No.: 1,075
Joined: 23-October 05



its cool yes.gif
PMEmail
Goto Top
0 User(s) are reading this topic (0 Guests and 0 Anonymous Users)
0 Members:
DealsFor.me - The best sales, coupons, and discounts for you

Topic Options Add ReplyAdd New TopicAdd New Poll



Hosted for free by InvisionFree* (Terms of Use: Updated 2/10/2010) | Powered by Invision Power Board v1.3 Final © 2003 IPS, Inc.
Page creation time: 0.0838 seconds | Archive
The Art of Entertainment!
Vote for Us

Imusion Studio - Free Web Templates, Photoshop Tutorials, Forum Skins and much more