Jump to content

  • Free consultations and support
  • Live chatClick Here for Live Chat
  • Call ico 1888-906-1888
    Phone support: Open

    Ready for your call :)

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams

    Phone support: Closed

    We are back in: 1h 20m

    Our business hours:

    Mon — Fri, 2am — 8pm (EST)

    US & EU support teams


Creating a navigation bar in Fireworks

creating fireworks navigation bar

  • Please log in to reply
&nsbp;

#1 OneDes

OneDes

    Senior Member

  • Designer
  • 282 posts

Posted 10 December 2012 - 10:08 PM

1. From your Fireworks go to "File"-> "New". In the "Width" text field, enter the width of your canvas, (could be "900"). In thethe "Height" text field enter the height for your canvas,( could be "70"). Under canvas color, select "White".
2.From the tool panel, go to the vector section anf click the "Rectangle" tool . Now go to "Properties" inspector and modify the rectangle's properties. Click on the "Color" button to select a background color for your navigation bar.
3.Click your mouse and drag it over your canvas in order to create the navigation bar. Release your mouse when you reach the size that you want.
4. From the Tools panel, click on the "Text" tool under the "Vector" section. Go back to "Properties” and customize your text. Click on the "Font Family" drop-down list and select a font. From the "Size" text field , enter a font size. You can click on the "Color" picker and select a color.
5.Click inside your navigation bar in the canvas and type in your menu items text and use the spacebar to space them out on the bar. Go to the tools panel and the click the pointer tool under the select section to move the text on the navigation-bar. Now drag the menu items to where you want them to be.
6. Select "Slice" tool under the "Web" section, then click and drag your mouse over the first menu item, then release the mouse to create a slice. Repeat the same steps to create more slices.
7.From the main menu click "File" ->"Save" and type the name of the file .
8. Go to File->Export, to export the navigation bar to your Web page. Tick the options, "Include Areas without Slices" and the option "Put images in subfolder." Now type in the name of the exported file, and save.

#2 rajagee

rajagee

    Senior Member

  • Designer
  • 225 posts

Posted 01 January 2013 - 06:43 AM

Great Post, very interesting, thanks for sharing.





Also tagged with one or more of these keywords: creating, fireworks, navigation bar

1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users