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 Reflections in SWiSH...
Category : SWiSH 2 | Level : Intermediate | Language : English
Ask Question | Read Comments | Post tutorial | Previous | Next

Web www.swish-db.com

(Inspired by the Windows XP tour.)
-============================-

In this tutorial we will be making a simple reflection with text, your finished piece should look similar to this:

[swf=366x96]http://members.lycos.co.uk/pdesign03/reflection.swf[/swf]

-============================-

1. Open SWiSH and create a block of text roughly the same size and color (this will make the tut easier).

2. Copy and paste the block of text once.
Move it so its positioned under the first block.

3. Right click on the copied block of text.
In the menu that appears select 'transform' and then select 'flip vertical' from the menu that opens.

You should now be faced with something like this:

user posted image

4. Move the 'upside down' block of text so the letter points just touch, example:

user posted image

5. Using the resize tool squash the 'upside down' block of text a little, this will help with the effect.

You should now see something like this:

user posted image

6. Right click on the 'upside down' block of text and select 'grouping' from the menu that appears.
Then select 'Group as Shape' from the menu that appears.

Now you have the ability to add a gradient to the text.

7. At the moment you will have a solid fill.
From the 'fill' menu select 'linear gradient'.

The text will now appear something like this:

user posted image

We now need to change the direction of the gradient fill but first lets edit the colors.

8. Your linear gradient tool bar should look something like this:

user posted image

Set the left-hand color to the color of the main block of text.

Set the right-hand color to 0% White.

9. Make sure you still have the 'upside down' block of text selected.
Click the 'Fill Transform'' button on the 'layout' toolbar (user posted image).

10. The red dots surrounding the text will be replaced by blue ones.

Now resize and rotate the gradient-fill until you are left with something like this:

user posted image


Thats it!
Just fine-touch it and perhaps group the two text blocks to keep your workspace tidy.

Enjoy!

-rob :)


All rights reserved - swish-db.com