fireworks制作飛機(jī)圖片
在fireworks中還有很多功能我們是不知道的。今天來(lái)學(xué)習(xí)套索工具的使用和外部圖像的輸入方法。用Fireworks制作一個(gè)精彩的飛機(jī)與降落傘的動(dòng)畫(huà)。下面學(xué)習(xí)啦小編給大家整理了關(guān)于fireworks制作飛機(jī)圖片的方法,希望你們喜歡。
fireworks制作飛機(jī)圖片的方法步驟:
采用飛機(jī)和降落傘的照片作為素材,為了使動(dòng)畫(huà)看起來(lái)更加真實(shí),如果你能仔細(xì)地按照下面的方法操作,就能做出和本例一樣近似于電影畫(huà)面的精彩動(dòng)畫(huà)。
fireworks制作飛機(jī)圖片的步驟1:導(dǎo)入飛機(jī)圖片并去掉背景。打開(kāi)一個(gè)新文件,Width=250,Hight=120,背景色為#0066FF。選擇File > Import(導(dǎo)入外部文件),在目錄中選擇飛機(jī)的照片(本例使用的照片已事先調(diào)整好大小,為GIF格式),如圖1。在工具箱中選擇套索工具的Polygon Lasso,用鼠標(biāo)細(xì)心地沿著飛機(jī)的外部輪廓一小段連著一小段地選取, 當(dāng)選取的路徑首位相連時(shí),擊下鼠標(biāo)左鍵,輪廓線變?yōu)樘摼€,如圖2。然后在主菜單中選擇Edit > Cut,就把選取的飛機(jī)圖像剪下并存入剪貼板中,再選擇Edit > Deselect,Edit > Clear,清除掉剪下以后剩余不要的照片。
圖 1 導(dǎo)入飛機(jī)圖片圖 2 使用套索去掉背景
fireworks制作飛機(jī)圖片的步驟2:把飛機(jī)圖像變?yōu)镾ymbol。選擇主菜單的Edit > Paste,就把剛才剪下的飛機(jī)圖像拷貝到了畫(huà)板上。點(diǎn)擊一下飛機(jī)圖像,選擇Modify > Group,再選擇Insert > Convert To Symbol,把飛機(jī)圖像變?yōu)橐粋€(gè)符號(hào),在出現(xiàn)的對(duì)話框中,Name欄輸入一個(gè)名字,如Plane(不要輸入中文名),Type選擇Graphic,如圖3,再點(diǎn)擊OK,就把飛機(jī)圖像變成了一個(gè)Symbol(符號(hào))。選擇Edit > Clone,克隆出一個(gè)飛機(jī)的Instance,把新的飛機(jī)拉到上面一些,再選中原來(lái)的(第一個(gè))飛機(jī),選擇工具箱中的Trasform按鈕,拖動(dòng)出現(xiàn)在第一個(gè)飛機(jī)周?chē)姆娇蚪巧系男》綁K,把它調(diào)到較小,再把克隆出的(第二個(gè))飛機(jī)拖到左上方畫(huà)板邊沿以外的位置,按著Shift鍵,把兩個(gè)飛機(jī)都選中,如圖4所示。
圖 3 符號(hào)屬性設(shè)置
圖 4 同時(shí)選中符號(hào)和引用
fireworks制作飛機(jī)圖片的步驟3:讓飛機(jī)飛起來(lái)。選擇Modify > Symbol > Tween Instances,在出現(xiàn)的對(duì)話框中,Step欄改為20,表示飛機(jī)從右下方飛到左上方的過(guò)程要用到20幀,勾上下面的小方框,如圖5,點(diǎn)擊OK。選擇Window > Frames,打開(kāi)幀面板,出現(xiàn)了一個(gè)有22行的幀編輯框,按著Shift鍵把他們?nèi)窟x中,點(diǎn)擊幀面板右上角的小三角形,選擇Properties,在出現(xiàn)的對(duì)話框中把20改為10,使每一幀的播放時(shí)間由0.2秒變?yōu)?.1秒,再勾上下面的小方框,如圖6。在幀面板的任意位置點(diǎn)一下鼠標(biāo),飛機(jī)的動(dòng)畫(huà)就完成了。按下屏幕右下角的播放鍵看一看,你會(huì)看到飛機(jī)由遠(yuǎn)處飛來(lái),飛得越近就顯得越大,最后從畫(huà)面的左上方飛出。
圖 5 動(dòng)畫(huà)的幀數(shù)設(shè)置
圖 6 每幀的時(shí)間設(shè)置
fireworks制作降落傘圖片的步驟4:降落傘的第一階段。本例的設(shè)計(jì)思想是,飛機(jī)剛要飛出畫(huà)面以前,有一副降落傘從飛機(jī)上降下,降落傘的下降過(guò)程分為三個(gè)階段:未張開(kāi)時(shí)快速掉下,未張開(kāi)到迅速?gòu)堥_(kāi),張開(kāi)以后緩慢搖擺下降。本步驟為它的第一階段。點(diǎn)擊Frame面板左邊的Layer(層),打開(kāi)Layer面板,你會(huì)看到已經(jīng)有了Web Layer和Layer1兩個(gè)層,而Layer1(第一層)上放的就是我們前面做的飛機(jī)動(dòng)畫(huà)。點(diǎn)擊Layer面板右上角的小三角形,選擇New Layer(建立新層),彈出一個(gè)對(duì)話框,如圖7,不必改動(dòng)它,點(diǎn)OK,就會(huì)在Layer面板上加入Layer2(第二層),降落傘就將放到這一層上,如圖8。
點(diǎn)擊Layer面板上部的Frame信息框,選中Frame18,再選中Layer2,選擇主菜單File > Import ,輸入降落傘的照片(已經(jīng)事先做成了GIF格式的透明圖片),然后仿照以上第二步和第三步的方法,把降落傘圖像變?yōu)橐粋€(gè)Symbol,取名Parash,并在其下方克隆出第二個(gè)降落傘圖像,把兩個(gè)圖像都調(diào)整到最小,第一個(gè)移到緊靠飛機(jī)下腹位置,第二個(gè)移到它的左下方適當(dāng)位置,然后選擇Modify > Symbol > Tween > Instaces,幀數(shù)輸入7,就完成了降落傘的第一階段制作。編輯這一層時(shí),為了不影響已經(jīng)做好的第一層,可以把第一層加上鎖(點(diǎn)擊Layer面板中Layer1那一行眼睛圖標(biāo)右面的空格),圖8中已表示出來(lái)。
圖 7 添加新層設(shè)置
圖 8 在層面板中鎖定舊層
fireworks制作降落傘的步驟5:降落傘的第二階段。在Layer面板中,選擇Frame 26(即已做好的最后一幀),然后選中圖上的小降落傘圖像,又克隆出另一個(gè)降落傘,并把它調(diào)整到較大,移動(dòng)到緊靠前一個(gè)小降落傘的旁邊,同時(shí)選中這兩個(gè)降落傘圖像的引用,如圖9。選擇Modify > Symbol > Tween Instances,幀數(shù)改為2,勾上下面方框,如圖10。
圖 9 同時(shí)選中兩個(gè)引用圖 10 第二階段幀數(shù)設(shè)置
fireworks制作降落傘圖片的步驟6:降落傘的第三階段。選定Layer面板中的Frame 29(第29幀),在圖中又克隆出另一個(gè)降落傘,并把它調(diào)整到稍大,同時(shí)略微旋轉(zhuǎn)一個(gè)角度,拖動(dòng)它到前一個(gè)降落傘左下方,同時(shí)選中兩個(gè)降落傘,如圖11,再選擇Modify > Symbol > Tween Instances,幀數(shù)改為6,如圖12。在Layer面板中選擇Frame 36,重復(fù)以上步驟,但第二個(gè)引用要移動(dòng)到前一個(gè)的右下方一點(diǎn)。再選擇Frame 43,再重復(fù)以上步驟,但要把把新克隆的降落傘大部分移到畫(huà)面以外,如圖13。最后,打開(kāi)Frame面板,同時(shí)選中Frame 29以后直到最后一幀(按著Shift鍵),點(diǎn)擊右上角的小三角形,選擇Properties,把數(shù)字10改為20,即把降落傘第三階段的下降速度減慢一倍,如圖14所示。至此,本實(shí)例全部完成,按下屏幕右下角的播放鍵看看效果,如果你的電腦不太高級(jí)的話,可能感覺(jué)整個(gè)稍慢,但是當(dāng)你輸出成為Animated GIF(GIF格式的動(dòng)畫(huà))后,再播放時(shí)速度就可以了,效果不錯(cuò)吧?
圖 11 第三階段的兩個(gè)引用圖 12 第三階段的幀數(shù)設(shè)置
圖 13 下面的引用大部移出畫(huà)面圖 14 第三階段每幀時(shí)間調(diào)整
如下圖,下面是這個(gè)動(dòng)畫(huà)中的兩幀,最后一副實(shí)際上是整個(gè)動(dòng)畫(huà),但是如果你不自己動(dòng)手去做的話,就只有書(shū)上的圖片,它怎么能動(dòng)起來(lái)呢?
圖 15 完成后的一幀畫(huà)面圖 16 完成后的整個(gè)動(dòng)畫(huà)
看過(guò)“ fireworks制作飛機(jī)圖片“的認(rèn)還看了:
1.Fireworks制作GIF動(dòng)畫(huà)圖片教程