|
十一、 創(chuàng)建變形動畫
給一個網(wǎng)站添加動畫對于訪問者的時間和金錢都是一個不小的花銷，因此在添加您的動畫前，一定要先考慮好如下問題：動畫能否增進(jìn)您的信息傳達(dá)力度，訪問者下載和播放動畫是否迅速、方便，是否有足夠的組成動畫的內(nèi)容和資源。盡管網(wǎng)絡(luò)動畫及其傳遞方式正在不斷的發(fā)生改變，但傳統(tǒng)的GIF動畫依然有著不可忽視的優(yōu)勢，我們在這里介紹一下創(chuàng)建GIF動畫的兩種途徑。
1、 在層面板新建一個Logo層，將其置于Web Layer層下方。
2、 我們需要將背景層修改為一個共享圖層，打開層面板，切換到背景層，在彈出菜單中選擇Share This Layer，將背景層共享，此層上的內(nèi)容將在所有幀都可見，此層的后面將出現(xiàn)一個共享圖標(biāo)，如下圖：
3、 切換到Logo層，在文檔的右上角創(chuàng)建www.karsong.com文字。
4、 按F8將其轉(zhuǎn)換為圖形符號Graphic Symbol。
5、 打開Effect面板，對此符號的實例添加紅色Glow效果，如下圖所示：
6、 選中此實例，在右鍵彈出菜單中執(zhí)行Edit>Clone，復(fù)制出一個新的實例，并且?guī)в邢嗤腉low特效。
7、 在Effect面板修改第二個實例的特效，將其改為黃色，并改變Glow的范圍和大小，如下圖：
8、 選擇這兩個實例，在右鍵彈出菜單中執(zhí)行Symbols>Tween Instances創(chuàng)建變形動畫，設(shè)定插入幀數(shù)為6幀，并勾選Distribute to Frames分布到幀，如下圖所示：
9、 打開Web Layer圖層的顯示，在此動畫位置創(chuàng)建一個切片。
10、 打開Optimize優(yōu)化面板，設(shè)定此切片的類型為Animated GIF，并設(shè)定顏色數(shù)為32色，如下圖所示：
11、 此動畫完成，您可以打開幀面板設(shè)定動畫幀之間顯示的時間。
十二、 創(chuàng)建實時動畫Live Aniamation
Fireworks4新增了一種實時動畫創(chuàng)作方式，這種方式可以快速的創(chuàng)建一個動畫符號，生成的動畫具有即時編輯性能，及您可以在任意時間修改形成動畫的各種元素屬性。
1、 在文檔左上角新增一個切片，點(diǎn)擊工具面板最下方的  按鈕關(guān)閉切片顯示[點(diǎn)擊旁邊的  按鈕可以打開切片顯示]。
2、 在層面板中切換到Logo層，在剛才的左上角位置處輸入文字“Karsong”。
3、 選擇此文字對象，按F8快捷鍵將其轉(zhuǎn)換為一個動畫符號，將其命名為“Animate Logo”，符號類型為“Animation”，如下圖所示：
4、 在彈出的設(shè)置窗口中設(shè)置插入幀數(shù)為8，并進(jìn)行如下設(shè)置：
5、 拖動生成的動畫符號中心的小紅點(diǎn)，將其向右拖動到適當(dāng)位置，注意不要將其拖出剛才創(chuàng)建的切片范圍之外。
6、 打開優(yōu)化面板Optimize設(shè)定此切片的類型為“Animated GIF”，顏色數(shù)為32，如下圖所示：
出處：藍(lán)色理想
責(zé)任編輯：藍(lán)色
上一頁 創(chuàng)建彈出菜單 下一頁 優(yōu)化圖像/輸出文件到Dreamweaver/往返示表格編輯
◎進(jìn)入論壇Photoshop、Fireworks版塊參加討論
|
第 1 頁 
第 7 頁 創(chuàng)建變形動畫/創(chuàng)建實時動畫
