亚洲精品中文字幕无乱码_久久亚洲精品无码AV大片_最新国产免费Av网址_国产精品3级片

網(wǎng)頁(yè)設(shè)計(jì)

Fireworks制作GIF動(dòng)畫(huà)圖片教程

時(shí)間:2024-10-08 09:29:22 網(wǎng)頁(yè)設(shè)計(jì) 我要投稿
  • 相關(guān)推薦

Fireworks制作GIF動(dòng)畫(huà)圖片教程

  當(dāng)我們看到一些動(dòng)畫(huà)圖片的時(shí)候都會(huì)覺(jué)得和美觀和喜歡,那么它們是如何制作的呢?下面將為大家講解Fireworks制作GIF動(dòng)畫(huà)圖片教程,希望對(duì)您有所幫助!

  其實(shí)動(dòng)畫(huà)的原理很簡(jiǎn)單,就是讓圖片有秩序地輪流顯示。

  利用Firework 3制作動(dòng)畫(huà)總共有三種方法,由易到難分別為:合并已有圖片生成動(dòng)畫(huà),利用Tween Instances生成動(dòng)畫(huà)和手工繪制。

  一、 合并已有圖片生成動(dòng)畫(huà)

  合并已有圖片形成動(dòng)畫(huà),顧名思義就是將一系列圖片按順序排列在不同的幀中從而生成動(dòng)畫(huà),當(dāng)然,首先我們必須有一串連續(xù)的圖片,然后,在 Fireworks中,選擇菜單指令“File/Open Multiple”,這時(shí)將彈出“打開(kāi)”對(duì)話框(如圖1), 進(jìn)入所需圖片所在的目錄,然后按照動(dòng)畫(huà)中圖片顯示的順序依次選取圖片,并單擊“Add”按鈕將這三張圖片加入到對(duì)話框下面的窗口;注意:我們還必須勾選對(duì)話框最下面的“Open as Animation”(以動(dòng)畫(huà)打開(kāi))選項(xiàng),不然的話,我們打開(kāi)的將是三張分開(kāi)的靜態(tài)圖片;最后,單擊“Done”(完成)按鈕。

  圖1 以動(dòng)畫(huà)打開(kāi)

  單擊窗口右下角狀態(tài)欄的播放按鈕,怎么樣?效果還不錯(cuò)吧!

  現(xiàn)在只是一只海鷗在不停地飛,如果為它再添加一副背景,效果一定會(huì)更好,好吧,下面我們就為海鷗添加一副大海的'背景。

  添加背景的方法有兩種:自動(dòng)復(fù)制和共享圖層。

  1. 自動(dòng)復(fù)制

  圖2 添加幀

  首先,單擊“Frames”面板右上角如圖2按鈕,選擇“Add Frames”,在彈出的對(duì)話框中選擇“Number”為1和“At the end”,單擊“ok”按鈕。

  圖3 編輯模式狀態(tài)

  然后將畫(huà)布的大小改為200x150(Pixels);接下來(lái),打開(kāi)背景圖片,發(fā)現(xiàn)圖片周圍有一個(gè)如圖3的邊框,說(shuō)明圖片處于圖像編輯模式,選擇 “Modify/Exit Image Edit (Ctrl+Shift+D)”,使圖片進(jìn)入對(duì)象編輯模式,如果想讓圖片打開(kāi)時(shí)總為對(duì)象編輯模式,我們將“File/Preferences”的' “Editing”面板中“Open in Image Edit Mode”復(fù)選框前面的對(duì)鉤去掉即可。(如圖4)

  圖4 Prefernces對(duì)話框

  選中新添加的“Frame 4”,將背景圖片拷入其中并適當(dāng)?shù)卣{(diào)整一下背景圖片的位置,然后選中圖片,單擊“Frames”面板右上角如圖4按鈕,在彈出菜單中選擇“Copy to Frames”,進(jìn)入“Copy to Frames”窗口,選擇拷貝范圍為:All Frames,單擊“ok”按鈕 。

  圖4 拷貝幀

  打開(kāi)“Frames”面板,我們發(fā)現(xiàn)前三幀的圖片都被背景圖片遮住了,單擊第一幀,然后選中畫(huà)布中的圖片,執(zhí)行菜單指令“Modify/Arrange/Send”;或者單擊修改工具欄的置后工具(如圖5),將背景圖片移到動(dòng)畫(huà)圖片的.后面,其它幀同理。

  圖5 置后工具

  最后雙擊“Frame 4”,將它的時(shí)間延遲設(shè)置為0(如圖6)。

  圖6 延時(shí)設(shè)置

  至此,背景添加完畢,趕快預(yù)覽一下動(dòng)畫(huà)的效果吧!(如圖7)

  圖7 動(dòng)畫(huà)效果圖

  2. 共享圖層

  共享圖層就是使用“Layers”圖層面板,將指定的背景圖片設(shè)定為共享圖層,如此即可在所有的幀中看到該背景。

  我們有時(shí)可能會(huì)誤認(rèn)為每一幀都擁有一個(gè)圖層,其實(shí)不論設(shè)定的.幀有多少,這些幀都位于同一圖層上,只是出現(xiàn)的時(shí)間不同罷了。

  下面我們就利用此方法為剛才的動(dòng)畫(huà)添加一個(gè)背景: 首先,將畫(huà)布的大小改為200x150(Pixels),然后開(kāi)啟“Layers”圖層面板,單擊“Layers”圖層面板右上角如圖按鈕,選擇“New Layer”,在彈出的“New Layer”對(duì)話框中,為新層起一個(gè)名字,例如:background,鉤選“Share Across Frames”復(fù)選框,單擊“ok”按鈕,“background”圖層就成了共享圖層,(如圖8)左鍵按住“background”圖層,將它拖到 “Layer 1”圖層下面;然后打開(kāi)背景圖片,單擊“矩形選擇工具”

  ,選擇我們需要的背景,將其拷到“background”圖層的畫(huà)布中,并適當(dāng)?shù)卣{(diào)整一下背景的位置。好了,一切ok!

  圖8 共享圖層

  二、 利用Tween Instances生成動(dòng)畫(huà)

  利用Tween Instances生成動(dòng)畫(huà)是Firework 3十分強(qiáng)大的功能之一,它的原理是將圖片轉(zhuǎn)化為元件(symbol),然后,確定元件的初始和結(jié)束分身(instance),再利用Tween Instances將這些分身轉(zhuǎn)換為具有過(guò)渡效果的連續(xù)幀(frame)。

  Tween Instances功能支持元件的位移、旋轉(zhuǎn)、縮放、扭曲、傾斜以及不透明度的過(guò)渡。

  具體的動(dòng)畫(huà)制作過(guò)程我們可以參見(jiàn)第一章的第四節(jié),這里就不再重復(fù)。

  三、 手工繪制

  如果我們要手工繪制動(dòng)畫(huà),就需要用到Firework 3的洋蔥皮功能(Onion Skinning),它就象我們制作卡通用的半透明紙一樣,在編輯當(dāng)前幀的同時(shí),可以看到此前或此后幀中的`內(nèi)容,這樣,我們?cè)谑掷L動(dòng)畫(huà)時(shí)就可以方便地繪制圖案。

  下面我們就來(lái)認(rèn)識(shí)一下洋蔥皮功能,開(kāi)啟“Frames”面板,單擊“洋蔥皮功能”按鈕(如圖9),彈出菜單中選項(xiàng)分別為:

  · No Onion Skinning: 關(guān)閉洋蔥皮功能;

  · Show Next Frame: 在當(dāng)前幀中顯示下一幀的內(nèi)容;

  · Before and After: 在當(dāng)前幀中顯示前一幀和下一幀的內(nèi)容;

  · Show All Frames: 在當(dāng)前幀中顯示所有幀中的內(nèi)容;

  · Custom: 可以設(shè)置洋蔥皮的顯示功能;

  · Multi-Frame Editing: 可以透過(guò)洋蔥皮編輯其他幀中的內(nèi)容。

  圖9 洋蔥皮功能菜單

  空說(shuō)無(wú)用,打開(kāi)我們先前制作的.“海鷗”動(dòng)畫(huà),然后選中Show All Frames,我們不僅可以看到當(dāng)前幀的海鷗,還可以看到其他兩幀中海鷗的淡化效果(如圖10);Firework 3的洋蔥皮功能十分強(qiáng)大,而且方便高效,我們可以在以后的手工繪制動(dòng)畫(huà)中慢慢地體會(huì)。

  圖10 淡化效果

【Fireworks制作GIF動(dòng)畫(huà)圖片教程】相關(guān)文章:

Fireworks制作GIF動(dòng)畫(huà)效果的技巧10-16

Fireworks教程:立體倒影的制作10-16

Fireworks制作立體倒影的教程分享09-11

PHP使用JPG生成GIF動(dòng)畫(huà)圖片實(shí)例06-24

Fireworks制作環(huán)繞文字08-31

Fireworks創(chuàng)建殘破紋理特效文字教程09-17

Fireworks制作流線字的方法10-26

Fireworks制作立體倒影的方法11-06

Fireworks如何制作立體倒影08-02

Fireworks制作精美導(dǎo)航技巧07-10