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.

Slides:



Advertisements
Similar presentations
A guide to using PowerPoint
Advertisements

Sony Digital Video Camcorder Model - TRV22E. What can you do with it? Video to tape and playback through TV In combination with a computer: –Video to.
Microsoft Excel. Click on “Start,” then “Microsoft Office Excel.”
Creating Animations – Lesson 71 Creating Animations Lesson 7.
Flash animation For beginners. Lesson objectives To understand how to animate a ball To understand how to loop animations To learn how to use animation.
Fireworks MX. 2 Lesson 1a—Create Slices & Hotspots n Fireworks allows you to add animation (behaviors) already written in ___________. n However, users.

Working with Vector Graphics – Lesson 21 Working with Vector Graphics Lesson 2.
Text, Masks, and Live Effects – Lesson 41 Text, Masks, and Live Effects Lesson 4.
Google Earth. Adding Folders 1. Control Click on My Places, 2. Click on Add or.
How do I create a Web Dilemma in PowerPoint? Start Tutorial Use Black Boxes for Navigation.
Animation Your Task. You must work in pairs. One of you will read these instruction and explain them, while the other person carries them out. Discuss.
Inserting Pictures and Symbols in Word documents There are many ways to insert pictures – these are the most common methods Copy and Paste Copy and paste.
How to make an interactive PowerPoint in which you will….. Add hyperlinks to move to different parts of the presentationAdd hyperlinks to move to different.
PowerPoint Basics (for Macs) 1. Before you start your project, you need: Completed project storyboard. Files with images, sound, or video already saved.
PowerPoint Tutorial By Education World Your Logo Here It’s easier than you think!
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.
AUTO-BUSINESS HOW DO WE USE HYPERLINKS?. Edit an image that represents a hyperlink If a picture, AutoShape, or other graphic is used to represent a hyperlink,
Distributed Multimedia Programming Week - 1. Document Window  The Document Window is divided in to six main components Timeline – The Timeline is where.
Creating Buttons – Lesson 51 Creating Buttons Lesson 5.
How to create an eBook in PowerPoint. Video.
Adding Sound Files to a Power Point Presentation.
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.
What are Buttons? Buttons can be clipart, pictures or animated gifs When you click on buttons they can send you to another slide Buttons can be used to.
How to Resize and Crop Pictures Easily in Microsoft Paint Ammar Rai ENGL 393.
Creating interactive web pages using Fireworks Creating a 5 page mock up.
Tutorial 3 Creating Animations. XP Objectives Learn the different elements of animation Create frames and layers Organize frames and layers using the.
Fireworks Web Page mockups. Set up canvas/page size Fireworks is very well-suited to designing graphics and web pages for the screen. To create a web.
PREZI PRESENTATION The Prezi Interface. In this tutorial you will learn:  About the different parts of a Prezi interface: 1. The Prezi space/canvas 2.
Hyperstudio: A Beginner’s Tutorial By Judy Swaim.
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.
ClubRunner 101 By Pamela Walther
Spanish - Speaking TEST 1 Double-Click on the sound icon and listen to the question. To record your answer: Go to Insert movies and sounds choose record.
How to Save a Microsoft Document onto a PowerPoint Slide 1. Open Microsoft Office Word and minimize it so you can go to the internet to find your information.
Standard Toolbar Formatting Toolbar Paragraph Indent Markers Formatting Font Style And Font Size Setting Indents Paragraph alignment Paragraph And Line.
Note:- You can unpin it any time you wish to…..
Copyright © Texas Education Agency, All rights reserved.1 Web Technologies Motion Graphics & Animation.
Configure your animation in Xtplot, then check “Save animation to image files” and click Run. Save images here Choose PNG, JPEG, TIFF, or Bitmap.
Microsoft PowerPoint Prepared by the Academic Faculty Members of IT.
XP Tutorial 3 Creating Animations. XP New Perspectives on Macromedia Flash MX Elements of Animation Layers are used to organize the content of.
1 of 6 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
Create a camera using basic shapes only. Using the eye dropper to specify a color  Open camera.ai  use the eye dropper tool and click the first swatch.
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.
WEB SII | Manual Banner SII 1.- Open Photoshop 2.- Open the template document “Banner-Template.psd” 3.- Open the image to use (select) and copy it. 4.-
- File>New>Record width and Height’s pixel that you desire Moving GIF animation -Choose File > Place> -Navigate to the file you want to insert and then.
Dreamweaver MX. 2 Timeline Overview (p. 480) n Animations can be achieved with DHTML (__________ HTML) using JavaScript code and _____ or later browsers.
Lessons Copy and Paste Text Drag and Drop Text 2-Saving Documents 3- Printing 4-Inserting Tables Modifying Page Layout Format Page Margins Insert a Blank.
YOU COMUTER WANT TO PLAY NOUGHTS AND CROSSES WELL NOW YOU CAN! JUST CLICK ON THE PLAY BUTTON BELOW AND YOU CAN BEGIN IF WINNER APPEARS BELOW CLICK ON IT.
Macromedia Fireworks Stop frame animation.
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
Learn Animations in Fireworks
2 At the top of the zone in which you want to add the Web Part, click Add a Web Part. In the Add Web Parts to [zone] dialog box, select the check box of.
How to Create a PBWorks Site
How to Customize Your Teens in the Driver Seat Poster
How to Customize Your Teens in the Driver Seat Poster
DIRECTIONS: 1. Click Enable Editing in the yellow bar above.
Unit 11 – PowerPoint Interaction
Inserting Pictures and Symbols in Word documents
How to Customize Your Teens in the Driver Seat Poster
Exercise 55 - Skills Slices and rollovers are useful interactive elements you can add to your Fireworks documents. Slices not only enable you to add features.
European Computer Driving Licence
Step-by-Step Banner Creation Guide
Netscape Composer Add A Custom Button.
HEADLINE GOES HERE. Directions to save header as JPEG:
Making a non-linear slide show
Creating buttons in Fireworks
Presentation transcript:

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 to create You will probably be going quite far across the page so choose greater width

Non-animated parts Draw all the parts of your animated banner that DO NOT NEED animating (straight on the canvas

Animated parts Select Edit, Insert, New Symbol Select Animation as the symbol Type Name the animation Draw or copy/paste the image you want to animate around the cross in the centre of the page and edit it so it looks how you want it to Click

Animating Select Modify, Animation, Settings Choose what you want to do with the animation from the Animate pop up menu that appears Click OK If a message appears regarding frames just click OK again

Animating (continued) You can then play your animation to see it working by pressing the play button The Frames of the animation can be seen here:

Animating (continued) You may want to make adjustments to the animation path. Click and drag the red dot Any non-animated parts only appear on the first frame. Copy and paste them to the other frames if you want them on those frames also Play the animation again to test it works

Saving your animated banner You need to save your animated banner as a Fireworks file You also need to save the animation as an animated gif. Type.gif after the name of the file