Welcome to Scribd, the world's digital library. Read, publish, and share books and documents. See more
Download
Standard view
Full view
of .
Look up keyword
Like this
11Activity
0 of .
Results for:
No results containing your search query
P. 1
Creating Web Buttons in Fireworks - For Merge

Creating Web Buttons in Fireworks - For Merge

Ratings:

4.75

(4)
|Views: 3,568 |Likes:
Published by anon-260253

More info:

Published by: anon-260253 on Aug 10, 2007
Copyright:Attribution Non-commercial

Availability:

Read on Scribd mobile: iPhone, iPad and Android.
download as DOC, PDF, TXT or read online from Scribd
See more
See less

10/04/2011

pdf

text

original

 
CREATING WEB BUTTONS IN FIREWORKS
This tutorial will teach you how to create various navigation elements in Fireworksincluding:
Simple Text Buttons
Rollover Buttons
Pop-up menus
CREATING SIMPLE TEXT BUTTONS
1.
Open Fireworks and create a new file 400px x 200px with a white background.
2.
Select the Text Tool (T) and choose Verdana, size 11, black, bold and type thefollowing text on the work area:home | products | services | contact us
3.
Open the Frames palette (Shift + F2) and create a duplicate frame by doing one of the following:Drag Frame 1 down on top of the New Frame iconand release the mouse
OR 
Click the Options pop-up menu and selectDuplicate Frame.
4.
In Frame 2, select the text and change the colour to red.
5.
Select Frame 1 again.
Tutorial © Jenni Cheeseman 2005E: jennic@willowtree.com.au
 
6.
Use the rulers to define an area where you will draw your slices.7. Select the slice tool (K) and draw a slice over each area of text.
8.
Select each slice in turn and rename it in the Properties Inspector.I called mine btn_home, btn_prod, btn_serv, btn_cont
9.
Select the first buttons slice, and then click the round circle in the middle of theslice.From the menu, select Add Swap Image Behaviour…
Tutorial © Jenni Cheeseman 2005E: jennic@willowtree.com.au
Work area with rulers placed as guidelines for slicesWork area with slicescreated over each text area.
 
10.
In the dialogue box which opens, Frame 2 should be selected.
11.
Click OK.
12.
Repeat Steps 8, 9 & 10 for the remaining slices.
13.
Switch to Preview mode to see the rollover.
14.
Change back to Original view and click in the grey area to deselect anything thatmay be selected.
15.
In the Properties Inspector, select Fit Canvas.
16.
Open the Optimize panel (F6) and choose a setting for your file.
Tutorial © Jenni Cheeseman 2005E: jennic@willowtree.com.au

Activity (11)

You've already reviewed this. Edit your review.
1 hundred reads
1 thousand reads
eleaflet liked this
Coops liked this
sugamage liked this
sugamage liked this
tebi_122405 liked this
balaba.jun1243 liked this
sareeee liked this
gaz4242 liked this

You're Reading a Free Preview

Download
/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->