Introduction |
|
1 | (1) |
|
|
1 | (1) |
|
|
1 | (1) |
|
Conventions Used in This Book |
|
|
2 | (1) |
|
What You Don't Have to Read |
|
|
2 | (1) |
|
How This Book Is Organized |
|
|
3 | (2) |
|
Part I: Building the Perfect Beast |
|
|
3 | (1) |
|
Part II: Fleshing Out Your Design |
|
|
3 | (1) |
|
Part III: Adding Bells and Whistles |
|
|
3 | (1) |
|
Part IV: Sharing Your Site with the World |
|
|
4 | (1) |
|
|
4 | (1) |
|
|
4 | (1) |
|
|
4 | (1) |
|
|
5 | (1) |
|
|
5 | (1) |
|
|
6 | (1) |
|
Part I: Building the Perfect Beast |
|
|
7 | (32) |
|
Creating the Perfect Flash Site |
|
|
9 | (12) |
|
Flash versus HTML . . . The Winner Is? |
|
|
9 | (2) |
|
Setting Goals for the Design |
|
|
11 | (1) |
|
|
11 | (1) |
|
Gathering Assets for Your Site |
|
|
12 | (1) |
|
|
12 | (3) |
|
Simplifying your workflow with symbols |
|
|
13 | (1) |
|
A tall tale of buttons and navigation menus |
|
|
14 | (1) |
|
Adding text and other delights |
|
|
14 | (1) |
|
|
15 | (3) |
|
Making your site interactive with ActionScript |
|
|
16 | (1) |
|
Get a move on with animation |
|
|
17 | (1) |
|
Soundtracks and other operatic delights |
|
|
18 | (1) |
|
Optimizing and Publishing Your Site |
|
|
18 | (3) |
|
|
19 | (1) |
|
|
19 | (1) |
|
|
20 | (1) |
|
Publishing and uploading your brainchild |
|
|
20 | (1) |
|
Before You Build Your Site |
|
|
21 | (18) |
|
|
21 | (3) |
|
|
22 | (1) |
|
Making it crystal clear with a client questionnaire |
|
|
23 | (1) |
|
Defining your target audience |
|
|
24 | (1) |
|
What's the Bandwidth, Kenneth? |
|
|
24 | (2) |
|
|
24 | (1) |
|
Do you need Freddy the Preloader? |
|
|
25 | (1) |
|
Put Your Ideas Down on Paper |
|
|
26 | (4) |
|
Mind mapping your brainstorm |
|
|
26 | (1) |
|
|
27 | (3) |
|
Gathering Your Assets (Or, Wool Gathering) |
|
|
30 | (9) |
|
Creating and optimizing your images |
|
|
30 | (3) |
|
Rounding up sound bites for your site |
|
|
33 | (1) |
|
|
34 | (5) |
|
Part II: Fleshing Out Your Design |
|
|
39 | (90) |
|
|
41 | (24) |
|
Creating a Bandwidth-Friendly Flash Site |
|
|
41 | (4) |
|
|
45 | (4) |
|
|
45 | (1) |
|
|
46 | (1) |
|
Converting objects to symbols |
|
|
47 | (1) |
|
Creating instances of symbols |
|
|
48 | (1) |
|
|
49 | (1) |
|
|
49 | (5) |
|
|
49 | (1) |
|
Using the Ink Bottle and Paint Bucket tools |
|
|
50 | (1) |
|
Creating colorful gradients |
|
|
51 | (1) |
|
|
51 | (2) |
|
Using the Gradient Transform tool |
|
|
53 | (1) |
|
Fleshing Out the Interface |
|
|
54 | (11) |
|
Creating Symbols for Content |
|
|
55 | (4) |
|
Creating a template for content |
|
|
59 | (1) |
|
|
59 | (6) |
|
|
65 | (18) |
|
|
65 | (10) |
|
|
66 | (1) |
|
|
67 | (2) |
|
Formatting paragraph text |
|
|
69 | (1) |
|
Checking your spelling, Aaron |
|
|
70 | (3) |
|
|
73 | (1) |
|
|
74 | (1) |
|
Active Text for Fun and Profit |
|
|
75 | (4) |
|
|
75 | (2) |
|
Creating input text boxes |
|
|
77 | (1) |
|
|
78 | (1) |
|
Stuffing 50 Pounds of Text in a 30-Pound Bag |
|
|
79 | (4) |
|
|
83 | (22) |
|
Button, Button, Build Me a Button |
|
|
83 | (5) |
|
|
83 | (2) |
|
A button with many states |
|
|
85 | (3) |
|
Saying Goodbye to Boring Buttons |
|
|
88 | (4) |
|
Creating animated buttons |
|
|
88 | (1) |
|
|
89 | (1) |
|
Creating an invisible button |
|
|
90 | (2) |
|
Hanging Out at the Navigation Bar |
|
|
92 | (13) |
|
Bellying up to the nav bar |
|
|
92 | (1) |
|
|
93 | (1) |
|
Building a navigation bar |
|
|
94 | (2) |
|
Assigning actions to buttons |
|
|
96 | (2) |
|
Assigning the proper event to a button action |
|
|
98 | (1) |
|
Creating a drop-down menu |
|
|
99 | (6) |
|
Get a Move On and Animate the Site |
|
|
105 | (24) |
|
Animation 101: A Tale of Frames and Keyframes and Blank Keyframes |
|
|
105 | (3) |
|
|
106 | (1) |
|
|
107 | (1) |
|
Animating Symbols with Motion Tweening |
|
|
108 | (7) |
|
|
111 | (1) |
|
In search of the perfect motion tween |
|
|
111 | (1) |
|
|
112 | (2) |
|
Taking an object for a spin |
|
|
114 | (1) |
|
|
114 | (1) |
|
Animating along a Motion Path |
|
|
115 | (4) |
|
|
115 | (1) |
|
|
116 | (1) |
|
Getting objects to follow a motion path |
|
|
116 | (1) |
|
Orienting a symbol instance to its motion path |
|
|
117 | (1) |
|
Linking additional motion tween animations to a layer guide |
|
|
118 | (1) |
|
Animating Objects with Shape Tweening |
|
|
119 | (6) |
|
|
121 | (1) |
|
Modifying a shape tween animation |
|
|
121 | (2) |
|
Creating a shape tween animation for complex objects |
|
|
123 | (2) |
|
Animating Image Sequences |
|
|
125 | (4) |
|
Part III: Adding Bells and Whistles |
|
|
129 | (122) |
|
Making Your Site Interactive |
|
|
131 | (24) |
|
Adding Sizzle to the Steak with ActionScript |
|
|
131 | (10) |
|
Introducing ActionScript classes, objects, and methods |
|
|
132 | (2) |
|
|
134 | (7) |
|
Loading External Movies into Your Flash Site |
|
|
141 | (3) |
|
|
141 | (1) |
|
Loading movies into targets |
|
|
141 | (2) |
|
|
143 | (1) |
|
Giving Flash a Brain (Variables 101) |
|
|
144 | (11) |
|
Understanding variable data types |
|
|
144 | (1) |
|
Vive la difference between string data and numeric data |
|
|
145 | (2) |
|
Creating mathematical expressions |
|
|
147 | (1) |
|
Understanding operator precedence |
|
|
148 | (1) |
|
|
149 | (1) |
|
|
150 | (2) |
|
Passing the variable baton to other objects |
|
|
152 | (1) |
|
|
153 | (2) |
|
Creating ActionScript Objects |
|
|
155 | (26) |
|
Telling Time with a Digital Clock |
|
|
155 | (6) |
|
|
156 | (1) |
|
Making the clock tick tock |
|
|
156 | (2) |
|
Displaying the current time |
|
|
158 | (3) |
|
|
161 | (7) |
|
Controlling the volume with a sound controller |
|
|
162 | (5) |
|
Creating a soundtrack movie |
|
|
167 | (1) |
|
|
168 | (4) |
|
Using the Bandwith profiler |
|
|
168 | (1) |
|
Scripting a one-act preloader |
|
|
169 | (3) |
|
Hiding Objects with an ActionScript Mask |
|
|
172 | (3) |
|
Creating Drag-and-Drop Elements |
|
|
175 | (6) |
|
Creating an element that can be dragged |
|
|
176 | (1) |
|
Using the startDrag action |
|
|
177 | (2) |
|
Using the stopDrag action |
|
|
179 | (2) |
|
|
181 | (36) |
|
Adding Tool Tips to Your Web Site |
|
|
181 | (7) |
|
|
182 | (3) |
|
Creating the tool tip functions |
|
|
185 | (2) |
|
|
187 | (1) |
|
Creating a Moving Navigation Menu |
|
|
188 | (5) |
|
|
189 | (2) |
|
Putting the menu in motion |
|
|
191 | (2) |
|
Creating a Flash Photo Gallery |
|
|
193 | (9) |
|
Preparing images for the gallery |
|
|
193 | (1) |
|
|
194 | (2) |
|
Creating the XML document |
|
|
196 | (1) |
|
|
197 | (2) |
|
|
199 | (3) |
|
Importing Full-Motion Video --- A Moving Tale |
|
|
202 | (8) |
|
Encoding the video in Flash |
|
|
202 | (5) |
|
Linking encoded video to a Flash document |
|
|
207 | (3) |
|
Modifying video playback control parameters |
|
|
210 | (1) |
|
|
210 | (7) |
|
|
217 | (16) |
|
|
217 | (5) |
|
|
218 | (1) |
|
|
218 | (1) |
|
Creating ActionScript for the Reset button |
|
|
219 | (1) |
|
Creating ActionScript for the Submit button |
|
|
220 | (2) |
|
Creating a Printable Page |
|
|
222 | (2) |
|
Designing a Flash Catalog |
|
|
224 | (3) |
|
Creating an E-Commerce Shopping Cart |
|
|
227 | (6) |
|
|
233 | (18) |
|
|
233 | (2) |
|
|
235 | (2) |
|
Building a Moving Backdrop |
|
|
237 | (4) |
|
Creating a Ticker Tape Marquee |
|
|
241 | (5) |
|
|
246 | (5) |
|
Part IV: Sharing Your Site with the World |
|
|
251 | (22) |
|
|
253 | (10) |
|
|
253 | (3) |
|
|
256 | (1) |
|
|
257 | (2) |
|
|
259 | (4) |
|
|
263 | (10) |
|
|
263 | (8) |
|
Specifying Flash settings |
|
|
264 | (4) |
|
|
268 | (3) |
|
|
271 | (2) |
|
|
273 | (22) |
|
Ten Tips for Creating Flash Sites That Work |
|
|
275 | (8) |
|
Optimize Images Before Building the Flash Site |
|
|
275 | (1) |
|
Don't Put All Your Eggs in One Basket |
|
|
276 | (1) |
|
Get the Bugs Out of Your Scripts |
|
|
277 | (1) |
|
Label Your Frames and Scenes |
|
|
278 | (1) |
|
|
278 | (1) |
|
|
279 | (1) |
|
Make Your Site Skinny with Symbols |
|
|
279 | (1) |
|
Create a Separate Layer for Your ActionScript |
|
|
280 | (1) |
|
|
280 | (1) |
|
|
281 | (2) |
|
Ten Tips for Working with Clients |
|
|
283 | (6) |
|
|
283 | (1) |
|
|
284 | (1) |
|
Get the Client to Sign Off on the Design |
|
|
285 | (1) |
|
Dot the Eyes and Cross the Tees |
|
|
285 | (1) |
|
|
286 | (1) |
|
|
287 | (1) |
|
|
287 | (1) |
|
|
287 | (1) |
|
|
288 | (1) |
|
|
288 | (1) |
|
Ten Tips for Promoting the Site |
|
|
289 | (6) |
|
Choose a Meaningful Domain Name |
|
|
289 | (1) |
|
Optimize the HTML Page in Which Your Flash Site Is Embedded |
|
|
290 | (1) |
|
|
290 | (1) |
|
Research High-Ranking Web Sites |
|
|
291 | (1) |
|
|
291 | (1) |
|
Add Text to the HTML Page in Which Your Flash Site Is Embedded |
|
|
292 | (1) |
|
|
293 | (1) |
|
Get Web Sites to Link to You |
|
|
293 | (1) |
|
Promote the Site in Blogs and Forums |
|
|
293 | (1) |
|
|
294 | (1) |
|
Appendix: Flash Internet Resources |
|
|
295 | (6) |
|
Flash Training and Tutorial Resources |
|
|
295 | (3) |
|
|
295 | (1) |
|
|
295 | (1) |
|
|
296 | (1) |
|
www.ellenfinkelstein.com/flashtips.html |
|
|
296 | (1) |
|
|
296 | (1) |
|
|
296 | (1) |
|
|
296 | (1) |
|
|
296 | (1) |
|
|
297 | (1) |
|
|
297 | (1) |
|
|
297 | (1) |
|
|
297 | (1) |
|
|
297 | (1) |
|
|
297 | (1) |
|
|
298 | (1) |
|
|
298 | (1) |
|
|
298 | (1) |
|
www.bestflashanimationsite.com |
|
|
298 | (1) |
|
|
298 | (1) |
|
|
298 | (1) |
|
www.djojostudios.com/flash |
|
|
299 | (1) |
|
|
299 | (2) |
|
|
299 | (1) |
|
|
299 | (1) |
|
www.sonymediasoftware.com |
|
|
299 | (1) |
|
|
299 | (2) |
Index |
|
301 | |