spacer

Webref WebRef   Sitemap · Experts · Tools · Services · Newsletters · About i.com

HOME | EXPERTS | GRAPHICS| column 35

Fireworks in Layers: No Frames Please

 

The Layers palette, the target subject for this article.

Fireworks is an interesting program that does not always follow the same pattern as other programs. This is not a problem with the program, but most often a result of the extra Web development features that Macromedia has led the field to implement.

So, with that as an introduction, I am going to start the Fireworks layers article by talking about frames. I want to tell you what they are, how they are used, and then tell you to forget about them. (It would be easier to skip the explain part and just issue a command from on high to ignore them, but who would listen?) Since the word "frames" often appears as you are learning about frames, though, I wanted to let you know what they were and why they have no bearing on this topic. We are looking at layers strictly as a graphics building and management tool.

   

The Frames palette, the feature that could confuse us in our quest to understand layers. Look at the tab menu here – frames and layers sitting side by side. Check the first image again. See the frames drop-down selector.

Frames, and why they do not apply to this article
There are two primary functions for frames in Fireworks (do not confuse these with frames in HTML pages – there is absolutely no relation).

Frames for animation: Frames are highly useful tools in Fireworks. First, and probably most easy to understand, you can build and edit animated GIFs with frames. One view of an animation goes into each frame, and the frames are played one after another to create the appearance of motion. However, you can also have static information in an animated image – maybe the company name never moves. In Fireworks, you can place your static information on a layer, specify that the layer is to share information with frames, and your static image will appear in every frame. If you check for layers information in the manual, or onboard help, frames will come up in your search for this reason. So this reference to layers really belongs in an animation tutorial.

   

The Frames palette displaying an animated GIF file. Note that each frame contains a different image.

Frames for rollovers: The other reference you will see, and this one can be more intrusive, is frames as used for rollover states. It's a pretty cool way to do it, and if you like to have your graphic program generate the rollover code, it can be very effective. However, when frames and layers work together in this instance, it belongs in a rollover tutorial. To make it potentially even more confusing – the slice tool always works with a layer called Web Layer. So, you have slices stored on a layer, and rollover states stored in a frame, and they have to work together ... Am I making my point?

Those are the two most common uses for the frames capability in Fireworks, and where you are most likely to see the reference when talking about layers. Of course, with Fireworks, I always put in a disclaimer, since this is a program that lends itself perfectly to the user's innovation. But, in the interest of fully understanding layers, let's just skip any reference to frames and assume that you are creating rollovers by hand.

Now that I have spent a whole page talking about what I will not be talking about, let's get to what I will be talking about. I somehow don't think any of my English teachers would be thrilled with that sentence. However, if they use Fireworks now, you can bet they would still read on. Layers are just too powerful to ignore.

   

Wendy Peck is a working Web designer and writer living in NW Ontario, Canada. http://wpeck.com

 

Next page

Fireworks in Layers Tutorial Index

Fireworks in Layers: No Frames Please
Layer Basics
Working with Layers
Layer Effects and Exports


Front Page234


Developer News
Get Ready for Microsoft's 'Oslo' Modeling Tool
Latest Linux Hits Networking Flaws
Metasploit 3.2 Offers More 'Evil Deeds'



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers

Solutions
Whitepapers and eBooks
Intel Article: Using Power & Display Context in the Intel Mobile Platform SDK
Internet.com eBook: Real Life Rails
IBM SCA Center Article: Simplifying Composite Applications with Service Component Architecture
Intel PDF: Quad-Core Impacts More Than the Data Center
Internet.com eBook: The Pros and Cons of Outsourcing
Go Parallel Article: Scalable Parallelism with Intel(R) Threading Building Blocks
Intel PDF: Analysis of Early Testing of Intel vPro in Large IT Departments
Internet.com eBook: Best Practices for Developing a Web Site
Intel PDF: IT Agility through Automated, Policy-based Virtual Infrastructure
IBM CIO Whitepaper: The New Information Agenda. Do You Have One?
Microsoft Article: BitLocker Brings Encryption to Windows Server 2008
Microsoft Article: RODCs Transform Branch Office Security
Go Parallel Article: James Reinders on the Intel Parallel Studio Beta Program
Avaya Article: Advancing the State of the Art in Customer Service
IBM Whitepaper: How are other CIOs driving growth?
Adobe Acrobat Connect Pro: Web Conferencing and eLearning Whitepapers
Avaya Article: Avaya AE Services Provide Rapid Telephony Integration with Facebook
Go Parallel Article: Getting Started with TBB on Windows
HP eBook: Storage Networking , Part 1
MORE WHITEPAPERS, EBOOKS, AND ARTICLES
Webcasts
Go Parallel Video: Intel(R) Threading Building Blocks: A New Method for Threading in C++
HP Video: Is Your Data Center Ready for a Real World Disaster?
HP On Demand Webcast: Virtualization in Action
Go Parallel Video: Performance and Threading Tools for Game Developers
Rackspace Hosting Center: Customer Videos
Intel vPro Developer Virtual Bootcamp
HP Disaster-Proof Solutions eSeminar
HP On Demand Webcast: Discover the Benefits of Virtualization
MORE WEBCASTS, PODCASTS, AND VIDEOS
Downloads and eKits
Actuate Download: Free Visual Report Development Tool
Red Gate Download: SQL Backup Pro
Microsoft Download: Silverlight 2 Software Development Kit Beta 2
30-Day Trial: SPAMfighter Exchange Module
Red Gate Download: SQL Toolbelt
IBM SCA Download: Start Building SCA Applications Today
Iron Speed Designer Application Generator
Microsoft Download: Silverlight 2 Beta 2 Runtime
MORE DOWNLOADS, EKITS, AND FREE TRIALS
Tutorials and Demos
IBM IT Innovation Article: Green Servers Provide a Competitive Advantage
Microsoft Article: Expression Web 2 for PHP Developers--Simplify Your PHP Applications
Featured Algorithm: Intel Threading Building Blocks - parallel_reduce
MORE TUTORIALS, DEMOS AND STEP-BY-STEP GUIDES
webref The latest from WebReference.com Browse >
Anatomy of an Ajax Application · Popular JavaScript Framework Libraries: An Overview · Controllers: Programming Application Logic - Part 2
Sitemap · Experts · Tools · Services · Email a Colleague · Contact FREE Newsletters 
 The latest from internet.com
MS Access and MySQL · Cisco AutoQoS: VoIP QoS for Mere Mortals · While VoIP Adoption Explodes in Enterprise, Carrier Spending Lags


URL: http://www.webreference.com/graphics/
Created: September 14, 2000
Revised: September 14, 2000