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

Working With Simple Shapes

 

1. Open a new image. Set your default colors.

2. Select your Polygon tool from your tool bar. The polygon tool is nested with the rectangle tool (m). Click in the center of your artboard and drag out. While dragging, use the up and down arrows on your keyboard to adjust the number of sides of the polygon until you have 8 sides. When you get 8 sides, hold down your shift key to constrain the polygon so that the bottom is flat. Release your mouse button.


3. While the octagon shape is highlighted, open your transform panel by clicking window=> transform. Set the height and width to 3.5 inches each and hit enter when you have changed the height and width to apply it.
4. While the octagon is still highlighted, set the fill color to a dark red or maroon, hex #990000. Set the stroke color to a light grey, hex #CCCCCC.


5. Click window=> stroke to view the stroke panel. Ser the stroke to 8.

6. Double click the scale tool to bring up scaling options. Select Uniform and type in 90% and click copy!.

 

7. On the new smaller rectangle, set the fill to bright red and the stroke to white.


8. Select your Type tool. Type in the word STOP. Click type=> Size=> other to bring up the character palette. Set the font to Ariel. Type in the size as 150. Set the tracking to -100 and hit enter.

9. While your text is still highlighted, Set the fill to white and the stroke to dark red, hex #990000.

10 Click on your selection tool. Move your text to the center of your Stop Sign. Deselect all.

11. Set your default colors of black stroke and whit fill. Click the gradient button below the color palette. Select your rectangle shape tool. Draw a tall narrow rectangle starting above the octagon and going far below the octagon for the pole.
12. The pole appears in the foreground. While it is still highlighted, Click Object=> arrange=> Send to back.

13. If your image hangs off the edge of the artboard, Use your selection tool to put a marquee around all the items on the artboard. Drag them back up.



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