創作內容

54 GP

動靜合圖的基礎教學!?

作者：黑白鬼│2012-08-28 22:31:45│巴幣：314│人氣：1656

大家好，開頭漫長的客套話就先省略

這篇我要教大家如何做動靜合圖，我以簽名檔來做解析示範

會下這篇的原因是歸究某文的關係，有些人跑來詢問或私信尋求製作方法

所以我將在此篇教導各位基礎的製作

當然對這方面有興趣的人也可以看看，多少會有意想不到的收穫

首先如果你是位千錘百鍊的戰士但手中並沒武器只拿一根毛是沒屁用的

製圖也是一樣，所以請先挑好軟體再前去挑戰，千萬別太相信小畫家的能力

訪間photoshop是風評相當好的軟體，功能多又方便但我用過很難上手

所以個人就轉戰使用photoimpact的系列，目前出到13代，易上手功能也不差

從10以後所追加內建的Ulead GIF Animator(動圖專用軟體)也不錯

上圖是photoimpact12的使用介面

剛開始請先準備好你要的動圖

因為所抓下的圖通常會過大所以必須縮小

這時請選下圖所表示的

1.視窗當中的選項2.批次管理員(批次管理員對製圖人員十分便利請活用)

接著如下圖所示~

選好全圖後按確定就能縮圖

簽名檔的基本尺寸為寬660x高125

設好縮動圖的準備後記得先儲存

再來就是最重要的靜圖

圖片是我預先準備好的

假如想跟動圖完美搭配

靜圖尺寸請儘量採取滿版660x125

但這樣動圖會被黑幕擋住而無法顯示

所以要記得挖空如下圖

當然此步驟也可以在Ulead GIF Animator(動圖專用軟體)當中搞定

但為了讓裁剪更精細所以就先行處理

注意，裁好後這時請別急著把的圖給儲存了

接著請按照下圖~

檔案----->開新檔案----->開新影像

重點提要 : 請把開新影像的底色點為透明

尺寸和靜圖一模一樣

然後把靜圖整個裁剪下來貼到透明空圖

接著要儲存時請記得把存檔類型改成Png檔(可攜式圖形)如下圖

不然的話底色又會變回白色了

完成準備工作後

接下來就開始製作動靜簽名檔了

首先先開啟Ulead GIF Animator(動圖專用軟體)

你也可以在photoimpact的視窗選擇覽中切換到Ulead GIF Animator

接著先點下動畫精靈把一些尺寸設定660x125，圖片和播放速度給調整好

分配結束後我先把各區的用途給解釋一下讓大家更能融入

以下詞意是用自己的方式解釋看不懂別吐嘈QQ

1.編輯播放區:

是與畫格播放速度與張數等相關的區域

如果張數越多成品容量越大，當然你也能進行畫格刪除或再製等作業

2.編輯顯示區:

顧名思義就是圖片的流程顯示與抓取，你大可在上頭做裁剪等編輯

但個人不建議你使用它當中的小工具，因為效果有限，有時還會破壞圖片品質

以上兩區做一般的Gif動圖就綽綽有餘了

但如果是做動靜合圖的話就請注意第3塊區域

3.編輯監視物件區:

做動靜合圖的專區，你只要新增一畫格物件區也會新增相同圖片

使用方法是先點選播放區任一畫格

再點右方任一物件區的物件(呈藍框)旁的左空格處就可以

(左空格為監視，右空格為鎖定)

這樣的話，顯示區就會看見你所點選的物件圖

此外同一畫格要放多少物件圖都可以，然而越上端的圖就代表層級顯度越高

比方說最下方的物件1會被物件2給蓋住看不到，以此類推

假如想對調順序的話，只要點好物件(呈藍框)就能進行上下拖曳

想執行複數物件移動的話，請先按住鍵盤中的Shift再點選你想移動的物件範圍

選好就點滑鼠左鍵，讓它呈範圍藍框就可進行複數圖的上下拖曳

好，了解大概後就開始教導製作流程

首先先點播放區中的畫格1如下圖示

接著將游標點選監視區最上面的物件

也就是我所做的簽名檔靜圖660x125，記得點好藍色眼睛來監視

你會發現畫格1的圖被靜圖蓋住了

這時候把藍眼點掉

把滑鼠游標移到顯示區中的圖片

抓取後拖曳到當初靜圖裁剪的大略位置

然後再點物件區中最上端的靜圖(開藍眼)

你會發現畫格1成功出現在顯示區上

這時別急著做下一張畫格

請先點在顯示區剛拖曳的圖片兩下

此時會顯示物件內容等相關訊息

接著選位置與大小

以上圖為例483-13就是該圖片的位置

緊接著運用剛剛的步驟把播放區的畫格2.3.4........放同位置後

所呈現出的影檔就不會亂晃動了

下圖是經過編排加上設計完工的完成品

大致完成後請盡量反覆觀察成品

來看看有沒有晃動或缺失

沒問題的話自然就儲存下來囉

檔案類型要記得是Gif檔 , 不然白做了

以上基礎教學結束

這是我首次發的教學文

雖說教得不好詞略粗糙

但還希望能藉由這篇讓更多想親手製作的人得到些許知識

最後預祝大家能做出屬於你的動靜合圖簽名檔

喜歡 54 收藏 27 引用留言推上首頁檢舉

引用網址：https://home.gamer.com.tw/TrackBack.php?sn=1720714
All rights reserved. 版權所有，保留一切權利

相關創作

同標籤作品搜尋：消息|逗趣|分享|圖片|思考|教學

簡易GIF動畫製作

[達人專欄] 【慶祝+教學】恭喜自己YT頻道訂閱過100+漫畫對話框教學

超實用!!Vtuber素材分享!!背景篇【欣希亞直播日記】

【Wallpaper Engine】溫馨的小屋房間 | 桌布推薦分享 #1

自製小屋佈景 - 圖片部分調整教學

留言共 29 篇留言

天下御免：
偷偷插頭香

08-28 22:34

黑白鬼：
這麼快^^"給你紅心08-28 22:35

不問世事：
2香

08-28 22:36

黑白鬼：
你好^^但....@@"你是??08-28 22:38

小高アキラ：
3

08-28 22:37

黑白鬼：
>3<08-28 22:46

小高アキラ：
我繪圖軟體還停留在小畫家[e28]
改天會試試看的![e12]

08-28 22:39

黑白鬼：
小畫家真的不怎麼樣><
想做好的就換吧~08-28 22:46

不問世事：
路過的鄉民(?

08-28 22:42

黑白鬼：
喔ㄛ^^原來你有訂閱~08-28 22:45

花✿落雨、：
不錯耶!!

08-28 22:51

黑白鬼：
希望大家看得懂我教滴@@"08-28 23:03

Forzen-rekelf：
感謝大大教學

08-28 23:09

黑白鬼：
不客氣^^你能學會比較重要08-28 23:33

幻影．風：
悶姬一回來就大手筆推出新作

08-28 23:10

黑白鬼：
這算大手筆嗎= ="08-28 23:34

*~小雪初晴~*：
還是喜歡看到這樣的你~
話說我可能有點笨，不是很懂，動靜合一感覺不是那麼好弄，雖然我會做GIF=.=

08-28 23:22

黑白鬼：
別這麼說^^"習慣後一點都不難
話說我更擔心這篇教不好@@08-28 23:35

終末の詠嘆調：
我都是用別人做好的XD

08-28 23:42

黑白鬼：
呵呵^^我以前也是
但自從會做就自個設計了~08-28 23:46

Mɢ「咚咚島真好玩」：
就算有教學
我這顆雞腦袋還是看不懂耶...

08-29 06:33

黑白鬼：
喔NO[e28]
我想看你做的簽名檔呀[e36]08-29 19:02

紅豬：
GJ
以前做個gif要弄很久
這個點單多了

08-29 10:14

黑白鬼：
嗯嗯^^現在的gif很好做了~08-29 19:01

月靈：
收藏感覺還算簡單的教學?[e5]

08-29 11:27

黑白鬼：
是很簡單呀^^"08-29 19:00

任孤行：
好東西
要跟好朋友分享

08-29 16:41

黑白鬼：
一起分享^^?08-29 19:00

路西法：
太深奧了

08-29 18:19

黑白鬼：
有嗎@@?(抖08-29 18:59

劉星翼：
感謝大大的無私分享。

08-29 18:53

黑白鬼：
這話從你口中出有點奇怪QAQ08-29 18:57

kiki：
你真的好優.也分享給大家當教學對於我這類型電腦外行
真的太受用了 ^^

08-30 01:59

黑白鬼：
反正發文不就分享事物嗎~
我對製圖有興趣就提供些方法了
只怕教錯或教不好而已~08-30 17:51

本物の東：
我手邊有影片編輯教學，放了兩年都沒去研究(默

08-30 17:47

黑白鬼：
原來你有秘笈不去學
該打屁屁(被踹08-30 17:50

非凡聖者：
好像對我很受用~~不過內容雖然連看都沒看~~ 加油~~

08-30 22:50

黑白鬼：
如果需要用再看也不遲
純分享~08-30 23:14

羽糖ㄦ：
看完依然不是很董[e8]

果真頭腦不太好[e7]

感謝靈姬姐幫忙解說

08-30 23:06

黑白鬼：
要有工具一邊看一邊做應該就能融入
這篇純分享給需要的人
不用說捨感謝話滴~08-30 23:12

射後不理誰他媽回你：
直接拉下來看成品的ㄏㄏ

08-31 05:29

黑白鬼：
成品應該能看吧^^"08-31 20:05

：
我是用PhotoScape...

08-31 23:38

黑白鬼：
沒用過,好用嗎??
好像是韓國的繪圖軟體~08-31 23:43

：
Viewer - The Viewer tool allows you to view pictures from your computer in bigger sizes and change the orientation.
Editor - The Editor tool allows you to alter the appearance of

好像是美國軟體，裡面有很多種功能，尤其是照片和動態。

08-31 23:54

黑白鬼：
我剛剛下載試用了一下
如果要製作一般動態圖執行效率很快,不錯~
但就不曉得怎麼做動靜合圖了@@"09-01 00:07

：
在靜態圖上放入一小張圖，然後有各式各樣的動作

當然不可能，用你的軟體才方便

09-01 00:13

黑白鬼：
原來如此,難怪找不到按鈕放~~09-01 00:16

：
原來Ulead GIF Animator能搭配photoimpact12

真是意想不到，但Ulead GIF Animator的起源應該是武藤龍寺...

09-01 00:26

黑白鬼：
以前Ulead GIF Animator好像是獨立的軟體
photoimpact10之後就開始內建Ulead GIF Animator了呢~
聽說如果是WIN7的話就不能用Ulead GIF Animator了

話說起源是武藤龍寺啊~我不知道哩!09-01 00:39

不營養大雞排-Snow：
我只能說厲害厲害

09-02 06:19

黑白鬼：
喵^^09-03 21:07

Gaabia(貓神)：
我覺得PS還滿好上手的阿~
沒用過PI我也不清楚
版大做得很好歐^_^
在下冒昧的問個問題
UGA有辦法讓一個物件一次在多個影格顯示藍眼嗎?

09-03 19:41

黑白鬼：
其實沒用PI前我是用PS
記得當時怎麼用都像鬼打牆一樣使不上來
之後改用PI就好多了,可能每個人都有他專屬軟體吧?(笑^^

UGA有辦法讓一個物件一次在多個影格顯示藍眼嗎?
你是想問能不能將物件區的圖一次移動到想要的地方是吧~
多影格顯示藍眼是能,但卻無法進行複數圖移動
很遺憾我目前找不到方法09-03 21:20

涼絆：
那個不好意思請問一下要怎麼把兩個gif合併成一個gif
用Ulead的話??? 就是兩的gif可以同時在一個畫面上動

02-15 19:05

黑白鬼：
時間和圖片算的剛剛好!!
一張張圖慢慢合就可以了10-09 23:45

想い出して、あの頃...：
動靜圖我只做過一次主要是長一點的動圖檔常過大＝　＝

Ｗ７64 SP1可以使用Ulead GIF Animator
我是直接抓免安裝的,可以直接使用

02-27 14:36

我要留言提醒：您尚未登入，請先登入再留言

54 喜歡★a8953az8953z 可決定是否刪除您的留言，請勿發表違反站規文字。

前一篇：織田信奈的野望動態簽名檔... 後一篇：淒美的愛情科幻動作劇~絕...

追蹤私訊切換新版閱覽

作品資料夾

ShuLongQinHu 給給大家：
小屋更新~APH軍服路德(德國)納粹軍服版插圖看更多我要大聲說9小時前