大家好,開頭漫長的客套話就先省略
這篇我要教大家如何做動靜合圖,我以簽名檔來做解析示範
會下這篇的原因是歸究某文的關係,有些人跑來詢問或私信尋求製作方法
所以我將在此篇教導各位基礎的製作
當然對這方面有興趣的人也可以看看,多少會有意想不到的收穫
首先如果你是位千錘百鍊的戰士但手中並沒武器只拿一根毛是沒屁用的
製圖也是一樣,所以請先挑好軟體再前去挑戰,千萬別太相信小畫家的能力
訪間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檔 , 不然白做了
以上基礎教學結束
這是我首次發的教學文
雖說教得不好詞略粗糙
但還希望能藉由這篇讓更多想親手製作的人得到些許知識
最後預祝大家能做出屬於你的動靜合圖簽名檔