Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions Tools to help you create your site Free and shareware fonts to download Photographs to use in your projects Shop for your site needs Free Online classes REcommend this site to others Log in or edit your information when logged in Developingwebs Log Out Change My Account details and preferences
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

Creating Radial N' Linear Gradients with Swish

by mystique_knight@hotmail.com

 

Step1 - You'll want to start off by creating your 2 objects. A Circle and a Square/Rectangle

 

Step 2 - Click on your first object, in my case i choose the circle. Once clicked, go to your 'Shapes' tab. (it might already be there) and click on the button called Solid. Choose Radial Gradient
(Radial gradient is for round objects and Linear is for straight object)

Step 3 - Since you've chosen radial gradient its time to change the colors to your liking and take off your outline, as u can see being done in the shapes tab. Once your outline and colors are done, you want to move your radial gradient slightly to the top left to give it a 3d look. You can do this by clicking on your 'Fill Transform' button. Doing so will give u a round outline with blue squares. You are now able to move it.

 

Step 4 - Now choose your rectangle. In your shapes tab click the solid button once again and choose Linear gradient. You will then noticed that your colors that you used from the circle are the same colors used here. That's fine, you can change that if you would like now.

 

Step 5 - Click your 'Fill Transform' button once again and move your gradient to the right slightly if you want. You can go ahead and play with the positioning of your gradient. And the outline on the rectangle is optional. To take your outline off, click the rectangle and go to the shapes tab and click on the line drop down and choose none.

 

Finished - This is your final product. U now know how to make a radial and linear gradient in circles and rectangles.



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2008 All Rights Reserved
Privacy and Legal