Electrolib
| Tutorials' Categories |
- Animation & 3D (3)
- Other (4)
- Audio (4)
- Bundles (1)
- CAD (11)
- Business Applications (5)
- Databases (4)
- Game Design & Development (3)
- Graphics & Page Layout (40)
- Multimedia & Video (10)
- Internet & Web Design (31)
- Networking & Security (9)
- Operating Systems (5)
vendors
| Search |
Fireworks CS4: Rapid Prototyping
In Fireworks CS4: Rapid Prototyping, designer Jim Babbage deconstructs real-world examples that show the interoperability between Fireworks and other Adobe applications. Jim lays out the schedule for good prototyping, from wireframing to storyboarding to creating multi-page mockups for design feedback. Along the way, he covers advanced imaging topics, such as adding interactivity for a realistic mockup and exporting a Flex mockup as an FXG file. Exercise files accompany the course.
$ 49.95
| Course | Fireworks CS4: Rapid Prototyping |
| Author | Jim Babbage |
| SKU | |
| ISBN | |
| Release Date | 2009-08-21 |
| Duration | 4.17 hrs / 46 tutorials |
| Work files | Yes |
| Price | $ 49.95 |
| Retail price | $ 99.95 |
| Required software | Adobe Fireworks CS4 |
| Language |
|
| Tags | Fireworks, CS4 |
Course content
| Duration (mm:ss) |
File Size | |
| Introduction | ||
| Welcome | 01:11 | |
| Using the exercise files | 00:48 | |
| Understanding rapid prototyping | 02:18 | |
| 1. Rapid Prototyping Options in Fireworks | ||
| Using Share My Screen | 04:19 | |
| Using PDFs for wireframe and design feedback | 00:59 | |
| Understanding storyboard concepts | 01:05 | |
| Viewing the HTML prototype | 00:51 | |
| Viewing the AIR prototype | 00:46 | |
| 2. Wireframing | ||
| Understanding wireframes | 04:44 | |
| Planning a wireframe | 13:52 | |
| Creating a wireframe | 19:46 | |
| Adding a master page and its subpages | 10:05 | |
| Customizing subpages with Greeked text | 09:35 | |
| Emulating a Spry accordion panel with the Grid Autoshape | 06:07 | |
| Creating an order form | 12:25 | |
| Building a contact form | 07:55 | |
| Exporting wireframes | 04:16 | |
| 3. Storyboarding | ||
| Making a wireframe realistic | 01:00 | |
| Using the Kuler panel for color choices | 06:37 | |
| Importing graphics into a first storyboard | 17:20 | |
| Adding navigation | 10:07 | |
| Adding design variations | 04:15 | |
| Using Demo Current Document | 02:33 | |
| Emailing deliverables | 03:41 | |
| 4. Multi-Page Mockups | ||
| Adding a new page | 07:46 | |
| Adding component symbols | 03:40 | |
| Adding interactivity | 06:14 | |
| Exporting storyboards as a PDF | 05:07 | |
| 5. Adding Interactivity | ||
| Exploring the completed prototype | 01:57 | |
| Mocking up an interactive accordion panel | 07:13 | |
| Mocking up a pop-up window | 07:08 | |
| Exporting an HTML prototype | 05:23 | |
| 6. Creating AIR prototypes | ||
| Understanding AIR | 00:49 | |
| Examining the structure | 05:55 | |
| Adding rollovers | 03:40 | |
| Adding events | 02:49 | |
| Adding interactivity for realism | 07:35 | |
| Adding a new state with pages | 05:52 | |
| Troubleshooting | 05:40 | |
| Creating the AIR prototype | 07:49 | |
| 7. Creating Flex Mockups | ||
| Using Flex skins | 05:10 | |
| Exporting MXML | 06:42 | |
| Exporting FXG | 03:11 | |
| 8. Going Further with HTML Prototyping | ||
| Embedding an iframe into a Fireworks HTML prototype | 06:22 | |
| Embedding an SWF file into a Fireworks HTML prototype | 04:31 | |
| Conclusion | ||
| Goodbye | 00:09 | |
Relevant products
| Fireworks CS5 New Features | $ 49.95 |
| by Jim Babbage | |
|
| Flash Catalyst CS5 Essential Training | $ 49.95 |
| by Mordy Golding | |
|
| Flash CS4 Professional: Building UI Elements | $ 49.95 |
| by Todd Perkins | |
|
| Fireworks CS4: Rapid Prototyping | $ 49.95 |
| by Jim Babbage | |
|
| We provide reliable with |
 |
 |
 |
|
Shopping cart
Advertising