Home | Help Forums | Web Design Tutorials | Free Swishmax Downloads | All Downloads

 

 

Company

Home

Nework Details

Tutorials

SWiSH 2

SWiSHMax

Flash MX

PHP & MySQL

HTML / JScript

Adobe Photoshop

Corel Draw

Gimp

Miscellaneous

Downloads

Templates

Plugins

Fonts

Wallpapers

Free Images

Scripts and Codes

Products

E-Books

SWiSH BB

SWiSH Templates

SWiSH-DB Newsletter
Subscribe to our newsletter : GO
  Partners / Affiliates

   Swish Templates
   SWiSH Climax
   GimpTalk
   Idea Designs
   Sposatoettore
   Try Acai Berry Diet
   Download Free Ringtones
   Swishzone

Manage your site with Flax Article Content Management System
Making crystal buttons with swish
Category : SWiSH 2 | Level : Beginner | Language : English
Ask Question | Read Comments | Post tutorial | Previous | Next

Web www.swish-db.com

Description:-

This tutorial is about how to make the crystal buttons with shine.We will make these buttons with the help of many layers one by one.The gradients are very important if the gradient will be changed then the button will be looking different.The button that we are going to make, its image is following and zip file is attached.
user posted image

So lets get started.

Design and Colours.

1st Layer:-

1. Draw an ellipse and select "Radial Gradient" from the "shape" tab.

2. Now you have just two options to fill colours, one from the left side and one from the right side but we want to make black colour for the edges and blue colour for the middle so we will make another colour point.

3. Select blue colour from the middle colour point and background colour from the right side.We are using black colour for the background so we will use black colour for the edges of the ellipse to make it shady.

4. The blue colour that we have selected for the middle, make its alpha 70%.Follow this image.
user posted image

This layer is complete.

2nd Layer:-

1. Draw another ellipse on the previous one and make it a little small.
2. Select "Radial Gradient" from the "shape" tab.And apply the colours that I have applied.Follow the image:-
user posted image

3rd Layer:-

3. Draw another ellipse over the 2nd ellipse and make it "Radial Gradient" by selecting the colour from the "shape" tab.

4. Now apply these colours that I applied but make the blue colour's alpha 70%. Like this:-
user posted image

this layer is complete.

4rth Layer:-

1. Draw an ellipse and make it "Radial Gradient". Apply these colour that I have applied but the alpha of blue colour must be 70%.Follow the image:-
user posted image

this layer is complete.

5th Layer:-

1. Insert text and select "Wingdings".

2. Insert "T".It will make a shape.Like this:-
user posted image

3. Group this "T" as shape and make it radial gradient. Like this:-
user posted image

4. Now you have to fix that merged shape but this merged shape will be under the 4th layer like this:-
user posted image


The button is complete.You can change the colours according to your choice.If you will change the colours, you will have the following result!
user posted image

I hope this can help you!

regards

@Zahra


All rights reserved - swish-db.com