蜜魯教你玩PS – 如何把靜態相片-轉換成動態相片(GIF動畫製作)

編按:記上篇蜜魯教你怎麼玩PS惡搞修圖(神魔女將篇)後,接下來蜜魯大再為大家示範的是如何製作動畫(見下圖),工具一樣是「Fireworks」,大家如果有任何問題歡迎到蜜魯的粉絲頁發問,或是有空到他彰化的披薩店用餐(位於彰化市南瑤路44號),有空的話蜜魯大也會很樂意教你的。
1399897501-2665826442

王阿達650

本文開始

如何把靜態相片-轉換成動態相片(GIF動畫)-FireWorks
582461_594689170545432_475962223_n

軟體需求:FireWorks

基礎去背操作~請參考~http://minitoyshouse.pixnet.net/blog/post/57331947

 

影格的運用

[影格1]-(底圖的分解與重新製作)

GIF動畫的基本操作~就是利用接續的圖片~連續播放!讓視覺以為圖片裡的物件是活動的模樣^”^
這個時候,就必須用到[影格]的功能了.

通常做為背景圖片都是放在第一個影格[影格1]:
image

既然做為底圖,就必須把底圖的人物跟物件作分割作獨立處理-例如人物,公園椅
基礎去背操作~請參考~http://minitoyshouse.pixnet.net/blog/post/57331947
1399887314-2023931379

人物跟公園以獨立出來之後~接下來是處理背景底圖的部分!
image

找一個準備要來貼到各處補空的區塊(樹林背景)–圈選起來:
imageimage

羽化強度數字可以大一點點~到時候做重複拼貼的時候~看起來會比較自然!
image

貼補上去的地方,把整個背景補滿:
image

image

然後修剪畫布(把超出底圖的部分裁剪掉):
image

拼貼組成各部件之後~就會變成三個圖層>背景+公園椅+人物:
image

工商服務蜜魯手工窯拷披薩,位於彰化市南瑤路44號):

底圖處理好之後~

開始增加[影格]

畫面的右下角>[新增影格]:
image

接著複製[影格1]裡面的物件:
image

把複製的[影格1]的物件-貼到[影格2]:
image

接著匯入增加的另一個人物![龍貓]:
image

開啟底圖檔案之後~匯入另一個影像檔(加入圖片的方法除了[匯入]的指令之外~你也可以直接用[拖曳]的方式把圖拉進去!):
image

然後調整龍貓的位置跟模糊度:
image

[影格2]把龍貓變成移動模糊狀:
image

[影格3]移動並調整龍貓的位置:
image

[影格4]-調整背景+人物+公園椅+龍貓的[放射狀模糊]-營造整個畫面震動的模樣:
image

「工商服務」蜜魯的凱蒂貓披薩-(橘色陽光口味):
293708_514975735188863_356735728_n

再加強龍貓的亮度對比~凸顯效果:
image

[影格5]接著換女主角與公園椅的移動變化:
image

[影格6]把女主角變不見了:
image

[影格7]女主角從天而降:
image

[影格8]~女主角繼續落下來~[移動模糊的角度記得要改成跟剛剛的相反方向!
image

[影格9]接著是換龍貓畫動作跟位置:
image

「工商服務」索泥牌披薩鏟(感謝網友-鯉魚大大無私提供測試!)-[義式臘腸披薩]:
625477_4006032487911_787784899_n

[影格10]煥龍貓彈上去!!
image

[影格11]龍貓飛上天去~
image

這樣大致上就完成了!設定好每一個影格的播放時間(右邊的數字單位是百分秒),右下角有播放器-可以直接預覽設定結果~
建議撥放後調整到順暢為止~
image

圖層+人物+背景+物件+動作+影格+播放秒數~都確認無誤之後~就可以輸出檔案了:
image

匯出前設定:
image

成品:
1399897501-2665826442

mobile01-1147398d64824b95512ab079bd15a6c5

mobile01-c923bc82495bdd7eae3e74d538265b38

接著就可以把輸出的檔案上傳分享了!
(不過FB並不支援GIF動畫檔…=”‘=茄~~

跪求神人幫我ps_蜜魯粉絲頁(小心笑死)

 

延伸閱讀:

蜜魯教你怎麼玩PS惡搞修圖(神魔女將篇)

2013 新品上市-柴燒窯烤-頂級路邊攤排餐系列

蜜魯手工窯烤披薩-低溫真空兩片包裝-開放訂購囉!!

王阿達650王阿達250

您也許會喜歡:

【隱藏好康】4G吃到飽只要$288 還可以自由配!?