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
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

Making a Lava Lamp

 

A. Create the bulb
  1. Using the rectangle tool, create one tall rectangle for your bulb with a black stroke color and  no fill for now.
  2. Using the line tool, draw a horizontal line through the rectangle at about 1/3 from the bottom. Place a vertical line down the middle of your rectangle from above the top to below the bottom.
  3. Grab the intersection of the horizontal line and the rectangle, drag that corner out from both sides, as equal as possible, about 1/2 the width of the rectangle. Do the same to the top and bottom sides of the original rectangle, dragging out about 1/4 the width of the original rectangle. Using the arrow tool mouse over in he middle of the top and bottom halves and drag them out to create smooth arcs.
  4. Click the center vertical line one and remove the line by hitting delete. Remove The other three sections of that center vertical line by repeating the process.
     
  5. Click on the fill tool (paint bucket) and select the background color. Open the Fill tool. Select Linear Gradient. A black to white gradient should come up. Move the white slider to the middle of the gradient. Click on the area where the white slider WAS and a new color swatch comes up. Click on the swatch and then the color pallet on the right and select black as your color. (The example used a Dark green in place of the black.)
     
  6. Using the fill tool, fill the TOP part above the horizontal guide line with this gradient.
     
  7. Click on the options for "Transform Fill" while your fill tool is selected and then click on your gradient. move the center point to the right of center of your image, still within the borders of the gradient, and rotate the gradient so the white line is parallel with the right line. squeeze or stretch your gradient so that there is grey on either side of the white, and no black shows.
     
  8. Click on the fill tool (paint bucket) and select the background color. Open the Fill tool. Select Linear Gradient. The previous gradient will come up. Move the white slider slightly so the gradient is not identical (this prevents the grouping of the two gradients as one).
     
  9. Using the fill tool, fill the Bottom part above the horizontal guide line with this gradient
     
  10. Click on the options for "Transform Fill" while your fill tool is selected and then click on your gradient. move the center point to the right of center of your image, still within the borders of the gradient, and rotate the gradient so the white line is parallel with the right line. squeeze or stretch your gradient so that there is grey on either side of the white, and no black shows.
     
  11. Using the arrow tool mouse over the horizontal line inside the image and drag it from the  center to give it a rounded appearance.
     
  12. Using your arrow tool, click once on the Horizontal line separating the top and bottom and click delete. Do the same for the horizontal lines outside the object
     
  13. Highlight your work and select the menu INSERT => CONVERT TO SYMBOL. Call it bulb and give it the properties of a graphic.

B. Create the Base

  1. Create a square using the rectangle tool with black line color, and white to black to white linear gradient (see gradients above)
     
  2. Draw a Vertical line down the middle of your square (as a guide).
     
  3. Drag the top and bottom lines down about 1/4 of the height along the vertical line.
     
  4. Bend the top two lines inward and the bottom outward to give each a smooth curve.
     
  5. Click the line tool and add a line from the top left corner to the top right corner. bend this outward slightly.
     
  6. Remove all parts of the vertical line (guide)
     
  7. Using the fill tool =>transform gradient to adjust your gradient to move the center to the right side of center of your image and squeeze to make the black to show up on the image.
     
  8. Using the Fill tool and the fill panel create a new gradient. You will need to adjust the gradient that is default or when you use it this will be grouped with the adjacent gradient. Move the center white color over a small amount.
     
  9. Add This linear gradient to the top oval.
     
  10. Adjust the top gradient using the gradient options => transform tools.
    Place the white vertical line just off (right) center in the main part of the shape. with black way off the image. Rotate the gradient so the center white is going from the off center line on the main fill part back to the opposite side ( like 5 and 11 o'clock, or 7 and 1 o'clock.)
     
  11. Highlight all and click INSERT => convert to symbol. Call it base

 


Go to the next part



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