網(wǎng)頁設(shè)計(jì)者使用Flash既可以制作出漂亮、奇特的效果,又可以改變尺寸的導(dǎo)航界面,大大增加了網(wǎng)絡(luò)功能。在現(xiàn)階段,F(xiàn)alsh應(yīng)用的領(lǐng)域主要有娛樂短片、片頭、廣告、MTV、導(dǎo)航條、小游戲、產(chǎn)品展示、網(wǎng)絡(luò)開發(fā)應(yīng)用等。本書圍繞網(wǎng)頁動(dòng)畫的制作,共分11章,提供了50多個(gè)網(wǎng)頁動(dòng)畫的制作方法
作者是計(jì)算機(jī)專業(yè)的骨干教師,有豐富的教學(xué)及教研經(jīng)驗(yàn)。為了提高學(xué)習(xí)效率和教學(xué)效果,方便教師教學(xué),作者為本書配備了教學(xué)指南、案例素材及結(jié)果文件、習(xí)題答案、授課PPT講義等豐富的教學(xué)輔助資源。
第1章 中文Flash CS 5.5入門 1
1.1 中文Flash CS 5.5工作區(qū) 1
1.1.1 中文Flash CS 5.5工作區(qū)概述 1
1.1.2 舞臺(tái)工作區(qū) 7
1.1.3 工作區(qū)布局 8
思考練習(xí)1-1 9
1.2 時(shí)間軸 9
1.2.1 時(shí)間軸的組成和特點(diǎn) 9
1.2.2 編輯圖層 11
思考練習(xí)1-2 12
1.3 Flash文檔基本操作和場景 12
1.3.1 場景 12
1.3.2 建立Flash文檔和文檔屬性設(shè)置 13
1.3.3 Flash文檔的打開、保存和關(guān)閉 14
思考練習(xí)1-3 15
1.4 “庫”面板、元件和實(shí)例 15
1.4.1 “庫”面板和元件分類 15
1.4.2 創(chuàng)建元件和實(shí)例 17
1.4.3 復(fù)制元件和編輯元件 17
思考練習(xí)1-4 18
1.5 制作“海中游魚”Flash動(dòng)畫和播放與導(dǎo)出動(dòng)畫 18
1.5.1 制作“海中游魚”Flash動(dòng)畫 19
1.5.2 播放Flash動(dòng)畫的方法 21
1.5.3 動(dòng)畫的導(dǎo)出和發(fā)布 22
思考練習(xí)1-5 23
第2章 對象和幀的基本操作 24
2.1 【動(dòng)畫1】海底圖像切換 24
2.1.1 動(dòng)畫效果 24
2.1.2 制作方法 25
2.1.3 知識(shí)鏈接 30
思考練習(xí)2-1 32
2.2 【動(dòng)畫2】海中游魚 33
2.2.1 動(dòng)畫效果 33
2.2.2 制作方法 33
2.2.3 知識(shí)鏈接 37
思考練習(xí)2-2 40
2.3 【動(dòng)畫3】海洋世界Logo 40
2.3.1 動(dòng)畫效果 40
2.3.2 制作方法 41
2.3.3 知識(shí)鏈接 44
思考練習(xí)2-3 48
第3章 文本編輯和導(dǎo)入外部素材 49
3.1 【動(dòng)畫4】中華美景 49
3.1.1 動(dòng)畫效果 49
3.1.2 制作方法 50
3.1.3 知識(shí)鏈接 54
思考練習(xí)3-1 57
3.2 【動(dòng)畫5】電影文字 58
3.2.1 動(dòng)畫效果 58
3.2.2 制作方法 59
3.2.3 知識(shí)鏈接 61
思考練習(xí)3-2 63
3.3 【動(dòng)畫6】蝴蝶電影 63
3.3.1 動(dòng)畫效果 63
3.3.2 制作方法 64
3.3.3 知識(shí)鏈接 67
思考練習(xí)3-3 68
3.4 【動(dòng)畫7】小小MP3播放器 69
3.4.1 動(dòng)畫效果 69
3.4.2 制作方法 69
3.4.3 知識(shí)鏈接 70
思考練習(xí)3-4 73
第4章 基本繪制圖形和Logo及Banner設(shè)計(jì) 74
4.1 【動(dòng)畫8】大紅燈籠 74
4.1.1 動(dòng)畫效果 74
4.1.2 制作方法 75
4.1.3 知識(shí)鏈接 80
思考練習(xí)4-1 82
4.2 【動(dòng)畫9】喜慶春節(jié) 83
4.2.1 動(dòng)畫效果 83
4.2.2 制作方法 83
4.2.3 知識(shí)鏈接 89
思考練習(xí)4-2 92
4.3 【動(dòng)畫10】紅星電子Logo 92
4.3.1 動(dòng)畫效果 92
4.3.2 制作方法 93
4.3.3 知識(shí)鏈接 99
思考練習(xí)4-3 102
4.4 【動(dòng)畫11】光影Banner廣告 102
4.4.1 動(dòng)畫效果 102
4.4.2 制作方法 103
4.4.3 知識(shí)鏈接 108
思考練習(xí)4-4 111
4.5 【動(dòng)畫12】早買早便宜Banner 112
4.5.1 動(dòng)畫效果 112
4.5.2 制作方法 112
4.5.3 知識(shí)鏈接 118
思考練習(xí)4-5 120
第5章 矢量繪圖和其他繪圖 121
5.1 【動(dòng)畫13】歐奇兒童DIY建筑益智玩具Banner 121
5.1.1 動(dòng)畫效果 121
5.1.2 制作方法 122
5.1.3 知識(shí)鏈接 128
思考練習(xí)5-1 131
5.2 【動(dòng)畫14】中國古建筑Logo 131
5.2.1 動(dòng)畫效果 131
5.2.2 制作方法 132
思考練習(xí)5-2 136
5.3 【動(dòng)畫15】歡樂蝴蝶園Banner 137
5.3.1 動(dòng)畫效果 137
5.3.2 制作方法 137
5.3.3 知識(shí)鏈接 141
思考練習(xí)5-3 145
5.4 【動(dòng)畫16】攝影展廳Banner 145
5.4.1 動(dòng)畫效果 145
5.4.2 制作方法 146
5.4.3 知識(shí)鏈接 150
思考練習(xí)5-4 154
第6章 補(bǔ)間動(dòng)畫和制作網(wǎng)頁動(dòng)畫 155
6.1 【動(dòng)畫17】家居設(shè)計(jì)翻頁畫冊 155
6.1.1 動(dòng)畫效果 155
6.1.2 制作方法 156
6.1.3 知識(shí)鏈接 158
思考練習(xí)6-1 161
6.2 【動(dòng)畫18】海底世界 161
6.2.1 動(dòng)畫效果 161
6.2.2 制作方法 162
6.2.3 知識(shí)鏈接 166
思考練習(xí)6-2 168
6.3 【動(dòng)畫19】托馬斯玩具城Banner 168
6.3.1 動(dòng)畫效果 168
6.3.2 制作方法 169
6.3.3 知識(shí)鏈接 171
思考練習(xí)6-3 173
6.4 【動(dòng)畫20】圣誕的歡樂 173
6.4.1 動(dòng)畫效果 173
6.4.2 制作方法 174
6.4.3 知識(shí)鏈接 176
思考練習(xí)6-4 177
6.5 【動(dòng)畫21】世界美景瀏覽 178
6.5.1 動(dòng)畫效果 178
6.5.2 制作方法 178
6.5.3 知識(shí)鏈接 180
思考練習(xí)6-5 182
6.6 【動(dòng)畫22】夢幻美景翻頁畫冊 183
6.6.1 動(dòng)畫效果 183
6.6.2 知識(shí)鏈接 186
思考練習(xí)6-6 187
6.7 【動(dòng)畫23】開關(guān)門動(dòng)畫切換 187
6.7.1 動(dòng)畫效果 187
6.7.2 制作方法 188
6.7.3 知識(shí)鏈接 189
思考練習(xí)6-7 190
第7章 遮罩層應(yīng)用、IK動(dòng)畫和按鈕 191
7.1 【動(dòng)畫24】百葉窗家居圖像切換 191
7.1.1 動(dòng)畫效果 191
7.1.2 制作方法 191
7.1.3 知識(shí)鏈接 193
思考練習(xí)7-1 194
7.2 【動(dòng)畫25】中華太空網(wǎng)站Banner 195
7.2.1 動(dòng)畫效果 195
7.2.2 制作方法 195
7.2.3 知識(shí)鏈接 199
思考練習(xí)7-2 200
7.3 【動(dòng)畫26】生命在于運(yùn)動(dòng) 201
7.3.1 動(dòng)畫效果 201
7.3.2 制作方法 202
7.3.3 知識(shí)鏈接 205
思考練習(xí)7-3 208
7.4 【動(dòng)畫27】風(fēng)景動(dòng)畫特效切換 208
7.4.1 動(dòng)畫效果 208
7.4.2 制作方法 209
7.4.3 知識(shí)鏈接 210
思考練習(xí)7-4 213
7.5 【動(dòng)畫28】鼠標(biāo)觸發(fā)顯示放大圖像 214
7.5.1 動(dòng)畫效果 214
7.5.2 制作方法 214
7.5.3 知識(shí)鏈接 216
思考練習(xí)7-5 216
7.6 【動(dòng)畫29】鮮花攝影畫冊 217
7.6.1 動(dòng)畫效果 217
7.6.2 制作方法 217
7.6.3 知識(shí)鏈接 219
思考練習(xí)7-5 222
第8章 程序設(shè)計(jì)初步和特效鼠標(biāo) 223
8.1 【動(dòng)畫30】按鈕控制餐廳圖像瀏覽 223
8.1.1 動(dòng)畫效果 223
8.1.2 制作方法 224
8.1.3 知識(shí)鏈接 226
思考練習(xí)8-1 230
8.2 【動(dòng)畫31】3個(gè)網(wǎng)頁背景動(dòng)畫 230
8.2.1 動(dòng)畫效果 230
8.2.2 制作方法 231
8.2.3 知識(shí)鏈接 235
思考練習(xí)8-2 238
8.3 【動(dòng)畫32】鼠標(biāo)指針特效動(dòng)畫 238
8.3.1 動(dòng)畫效果 238
8.3.2 制作方法 239
8.3.3 知識(shí)鏈接 245
思考練習(xí)8-3 247
第9章 程序設(shè)計(jì)進(jìn)階和圖像瀏覽與Loading動(dòng)畫 248
9.1 【動(dòng)畫33】菜譜瀏覽1 248
9.1.1 動(dòng)畫效果 248
9.1.2 制作方法 249
9.1.3 知識(shí)鏈接 253
思考練習(xí)9-1 257
9.2 【動(dòng)畫34】網(wǎng)頁和Loading動(dòng)畫 258
9.2.1 動(dòng)畫效果 258
9.2.2 制作方法 259
9.2.3 知識(shí)鏈接 261
思考練習(xí)9-2 263
第10章 制作網(wǎng)頁動(dòng)感導(dǎo)航菜單 265
10.1 【動(dòng)畫35】制作簡單動(dòng)感導(dǎo)航菜單 265
10.1.1 動(dòng)畫效果 265
10.1.2 制作方法 266
10.1.3 知識(shí)鏈接 274
思考練習(xí)10-1 275
10.2 【動(dòng)畫36】制作較復(fù)雜的導(dǎo)航菜單 275
10.2.1 動(dòng)畫效果 275
10.2.2 制作方法 276
10.2.3 知識(shí)鏈接 284
思考練習(xí)10-2 289
10.3 【動(dòng)畫37】制作應(yīng)用數(shù)組的導(dǎo)航菜單 289
10.3.1 動(dòng)畫效果 289
10.3.2 制作方法 291
10.3.3 知識(shí)鏈接 302
思考練習(xí)10-3 305
第11章 對象和網(wǎng)頁組件動(dòng)畫設(shè)計(jì) 306
11.1 【動(dòng)畫38】熒光數(shù)字表 306
11.1.1 動(dòng)畫效果 306
11.1.2 制作方法 307
11.1.3 知識(shí)鏈接 310
思考練習(xí)11-1 312
11.2 【動(dòng)畫39】文字滾動(dòng)顯示 312
11.2.1 動(dòng)畫效果 312
11.2.2 制作方法 313
11.2.3 知識(shí)鏈接 315
思考練習(xí)11-2 317
11.3 【動(dòng)畫40】MP3播放器 317
11.3.1 動(dòng)畫效果 317
11.3.2 制作方法 318
11.3.3 知識(shí)鏈接 320
思考練習(xí)11-3 321
11.4 【動(dòng)畫41】菜譜瀏覽2 322
11.4.1 動(dòng)畫效果 322
11.4.2 制作方法 322
11.4.3 知識(shí)鏈接 324
思考練習(xí)11-4 325
11.5 【動(dòng)畫42】列表瀏覽名花圖像 325
11.5.1 動(dòng)畫效果 325
11.5.2 制作方法 326
11.5.3 知識(shí)鏈接 328
思考練習(xí)11-5 329
11.6 【動(dòng)畫43】淘寶網(wǎng)購協(xié)會(huì)會(huì)員登記表 330
11.6.1 動(dòng)畫效果 330
11.6.2 制作方法 330
11.6.3 知識(shí)鏈接 332
思考練習(xí)11-6 333