Creating buttons in Fireworks

Slides:



Advertisements
Similar presentations
How To Copy and Paste Pictures From the Internet
Advertisements

Fireworks MX. 2 Lesson 1a—Create Slices & Hotspots n Fireworks allows you to add animation (behaviors) already written in ___________. n However, users.
INTEGRATING Macromedia MX 2004 Products Integrating Macromedia MX 2004.
© 2005 Lawrenceville Press Slide 1 Chapter 5 Bitmap Graphics are Composed of Pixels.
Working with Files. Note the buttons on the bottom of the File Manager: Each allows you to perform a specific action with files. First, select the file(s),
My Workspace Profile. Using the course menu, click on Profile.
FIRST COURSE Creating Web Pages with Microsoft Office 2007.
1 Creating Icons for Commands When there is not an icon related to a command in your toolbars, you will see a question mark (?). No preview available …
Removing White Backgrounds Using Adobe Fireworks.
Adding an image to a page in Dreamweaver Uploading files to x10hosting Editing uploaded files in x10hosting Adding links in Dreamweaver Uploading linked.
CIS 205—Web Design & Development Integration Chapter 1.
How to Make a Pie Chart to show Religious and Ethnic Breakdown of a Country.
Creating animated banners in Fireworks. Setting up the canvas Open Fireworks and choose a canvas size big enough to fit the animated banner you are going.
Digital Design Exam D What exam are you taking? 1.A 2.B 3.C 4.D.
The Web Collection, Revealed MACROMEDIA STUDIO 8 INTEGRATING.
DREAMWEAVER Adding photos and other tips!. Making photo gallery  Gather ALL the photos you need into your images folder. (remember to copy the URL so.
Upload or Embed JING videos to Screencast Blackboard YouTube Wiki By C. Candace Chou JING video tutorial: Revised.
Chapter 10 Fireworks: Part II The Web Warrior Guide to Web Design Technologies.
Importing/Exporting between Fireworks and Dreamweaver For Buttons, Navigation Bar and Animated Banners.
Slide 1 of 24 1) Launch Fireworks 2) Under File, choose New 3) In the New Document dialog box, enter Width: 100, Height 160, Resolution 72, and choose.
How To Use This Template The blank slide below will be your canvas for creating your very own custom header image! The slide has already been sized to.
How To Use This Template The blank slide below will be your canvas for creating your very own custom cover image! The slide has already been sized to.
Image Processing © Copyright William Rowan Objectives By the end of this you will be able to: Manipulate images to achieve special effects.
Creating Buttons – Lesson 51 Creating Buttons Lesson 5.
1.Open your MP3 file made in the previous lesson. 2.Where you normally click ‘Design’ use the drag down box to select ‘Photo Album’ 3.In the centre of.
Website Editing From Gingerweb The Image Gallery.
Saving Work to Your School Server Click through this presentation at your own speed. Use it as a review or a guide while saving a project.
Creating a navigation bar in Fireworks. Setting up the canvas Open Fireworks and choose a canvas size big enough to fit the buttons on you are going to.
Epson Interactive Projector Part 2 Whiteboard mode With whiteboard.
We Are Learning To (WALT): To create a working homepage for our websites What I am Looking For (WILF): A completed homepage containing a working navigation.
Navigation and Editing MOODLE. Editing Window:- One of the most common windows you will use is the Edit Window Here you can edit, add content, videos,
Creating interactive web pages using Fireworks Creating a 5 page mock up.
Image #1 Getting Started
Click your mouse for next slide Adding Text Click in any text box Type in your text OR.
Art for New Media TO DO today: 1 - Fireworks Introduction continued - Finish remote rollovers - Rollovers with multiple states (over and hit.
Objective: Students will know the screen parts, tools, and menus of the Fireworks program. Students will be able to create a new document, create basic.
Open the file and click at the top of the sheet where you want to put the Gantt chart.
Slide 1 of 12 1) Launch Fireworks. 2) Under File, choose Open 3) Choose your CS38 folder on the Desktop. 4) Open the navbar.gif file Stanford Continuing.
Page 1 of 8 Stanford Continuing Studies CS 38 ·Hands-on Graphics Production for the Web Week Five EXERCISE 2: ANIMATION 1) Launch Fireworks. 2) Open blackbackground-stanford.gif.
Copying a text file to the E-Form (HTML) Editor in OSCAR.
Unit 15 – Web Authoring Web Authoring Project.
Art for New Media TO DO today: 1 - Saving your work, using with Dreamweaver CSS style sheets, externally linked Work on Photoshop Animation.
How to Add pictures to Canvas discussion
Select a work instruction
What Should I Do if My Style Is Not Included?
How to create a web page using word …
Document Generation QRG
Eform Generator.
EZ Speed with SINAMICS S120 Starter Script File
How To Use This Template
Dashboard
EZ Positioning with SINAMICS S120 Starter Script File
Rollover Buttons.
Instructions for Windows users:
Instructions for Windows users:
Instructions for Windows users:
HTML Text editors and adding graphics
Optimizing Images for the Web
Image #1 Getting Started
Editing Photographs.
III. Responsibilities of Admin
HEADLINE GOES HERE. Directions to save header as JPEG:
Editing Photographs.
“Captured screen” appears.
Log on to Typing.com Type for 10 minutes
The Web Collection Standard CS3 Revealed
PGS Training – PGS File Management
Advanced Speed Control with SINAMICS S120 Starter Script File
Let's create your English Folder!.
Presentation transcript:

Creating buttons in Fireworks

Setting up the canvas Open Fireworks and choose a canvas size big enough to fit the buttons on you are going to create:

Button Editor DO NOT draw your button on the canvas Use the Button Editor Access this by selecting Edit, Insert, New Button

Button states Create an Up state for your button Create an Over state for your button Create a Down state for your button Use Copy Over Graphic to assist you

Button Done Once you are happy with your button click the Done button Your button will look something like this Trim canvas to tidy things up Access this by selecting Modify, Canvas, Trim Canvas

Saving your button You need to save your button both as a Fireworks file and as an HTML file Select File, Save as for the Fireworks file Select File, Export for saving as a HTML and Image Save both versions in the same folder