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

Image Ready Rollover

Step 1

 

Open a new canvas 300 x 300, 72 ppi, white background.  Create a new layer. Using the rectangular marquee tool, draw out the basic shape for the interface, starting with a square 250 x 250 pixels.    fixsize

step 2

 poor black into the square/scircle what everway you put it.then deselect then marquee tool, add another 200px200 inside go down to your keyboard press the dele button you should have a white hole there know.
 

step 3

Ctrl click on the shape layer1.then. Switch to the channels palette. Select the Save Selection as a Channel icon at the bottom of the channel palette. click on alpha1Your shape should now be white with a black background.
 

step 4

Go to Filer/Blur Gaussian Blur and enter a setting around 5. 

 

 

  

 

 

step5

Click back on the shape layer in your layers palette.  Ctrl+Click on the layer to make a selection of it and fill with a light grey (something like C8C8C8).  Ctrl+D to deselect.

step 6

Go to Image/Adjust/Hue and Saturation and check the colorise box. 

step 7

start a fresh layer.then click back on the one you just bean working on with the magic wand click the center you should have marching ants then go back to the new layer add what ever colour you like to   it

step8

Now go to filter/Render/Filter/Lens Flare and select 50-300mm zoom and position the lens flare either at the top right or top left corner. Filter/Distort/Spherize 100%

 

step 9

type anything you like in the lens

layer 3 turn of the eye then type in a few word turn the eye back on  then turn the type eye off the txt is gone no bigdeal type somemore nice words in the same place

next step go to imageready

step10

layer 3 maker sure it still highlited .go to your tool bar slected the slice tool .from the top left to the bottom rght as you can see left click you mouse button drag your mouse down

step11

 

in your animation maker sure your on rollover. first create new rollover state you will see you have the same words in both boxes go up click on the first box to your left :-)(layers panels) then turn on the eye on as l have it( hello world) and turn off the eye on( look at me) layer      you need to do both boxes click the first box do the slice then the second box do the same .

 

the end oh so you can see it in play
the (e) icon

 

 

 



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