ETH官方钱包

創作內容

24 GP

來用Photoshop做GIF動圖吧！(艦娘伊19號篇)

作者：子貓玲│2014-07-16 20:14:35│巴幣：546│人氣：2492
來用Photoshop做GIF動圖吧！（艦娘伊19篇）
各位好我是子貓玲，這次來分享一些GIF動圖的物件移動製作法。
這次也是純粹利用Photoshop來製作GIF動圖，的分享文。
當然也有其他軟體或更好更快的製作方式，本篇以謹以PhotoShop示範製作。
首先這次使用的軟體一樣為PhotoshopCS5版。
主要以Photoshop的內建的動畫功能，用來做GIF動圖。
所以大家一起來用Photoshop愉快的做GIF動圖吧！
.....................................................................................................................................................
本次的PhotoShop動圖GIF成品，傳說中的會游泳的18X，伊19號潛水艦。
這張伊19其實本來並不是要做動圖的，原構圖是想做成大阪的固利果先生的姿勢，
個人覺得很好玩就拿來做動圖嚕。
以下這個GIF動圖，謹使用PhotoShop製作而成。
如看不到下圖，請等一下下喔！ ( 其實檔案也沒多大啦~ )
.....................................................................................................................................................
GIF動圖
.....................................................................................................................................................
一般靜態圖

.....................................................................................................................................................
前言
畢竟Photoshop並非專門動畫軟體，所以製作物件移動限制較多。
當然也可以一張一張讓物件移動，來達到相對的效果。
反之如果要做到這樣的效果還不如改用其他軟體來的快一點好一點。
.....................................................................................................................................................
基礎操作篇請參閱：來用Photoshop做GIF動圖吧！（艦娘島風篇）
http://www.jamesdambrosio.com/creationDetail.php?sn=2504068
.....................................................................................................................................................
1.如何在Photoshop中讓物件移動。
Photoshop中的動畫功能其實並無移動的相關指令。
所以在Photoshop中我們要利用（補間）功能來達到移動的效果。
所謂（補間）其實就是在影格與影格之間計算相對的位移變化與透明變化。
大致上的感覺就像是如下圖
.....................................................................................................................................................
A.計算圖像位置變化，補間圖像相對比例位置。

影格1（最左）



影格7（最右）


影格1~7補間

.....................................................................................................................................................

B.計算圖像位置顯示變化，補間圖像相對位置與顯示狀態。

影格1（最左顯示100%）


影格7（最右顯示10%）


影格1~7補間

基本上（補間）功能大約如此，主要在於影格位置變化與顯示狀態的掌控。
.....................................................................................................................................................

2.實際操作物件移動的方式。
操作法之一：手動新增影格張數
新增影格（格數自訂）→選取要位置變化的影格→選擇圖像圖層→變更圖像位置→
選擇影格補間的張數（Shift+滑鼠左鍵）→選擇圖像圖層→使用（補間）指令→
點選（選取的圖層）→確定→完成
如下圖

.....................................................................................................................................................
操作法之二：自動新增影格張數
新增要變化位置影格→選取要位置變化的影格→選擇圖像圖層→變更圖像位置→
選擇要補間的前後影格（Shift+滑鼠左鍵）→使用（補間）指令→選擇要增加的影格數→
點選（選取的圖層）→確定→完成
如下圖

註：自動新增影格張數，選擇要增加的影格數是不包含前後格的，
　　所以影格數須扣掉前後張數喔。
基本上物件移動操作大約如此，各種變化方式則看個人創意。
這只是運用方式差異，很多部分都還是需要手動調整細節的。
.....................................................................................................................................................
物件移動範例 （中移至右上）

.....................................................................................................................................................
基本的PhotoShop動圖物件移動方式大約如此，是不是很簡單呢？
GIF的重點在於創意與運用，希望大家都能輕鬆快樂的玩GIF動圖。
最後子貓感謝各位觀看，還請多多指教。
....................................................................................................................................................

....................................................................................................................................................
子貓小屋會不定期上傳各種東西
所以有興趣的朋友可以多來我的小屋逛逛。
感謝您的支持，才有我創作的動力！謝謝大家！
.....................................................................................................................................................
※後記
市面上有許多ＧＩＦ動畫製作軟體，有很多是免費的。
只是這次選擇用PhotoShop來做，單純是因為PhotoShop簡單好用。
當然也有其他軟體或更好更快的製作方式，本篇以謹以PhotoShop示範製作。
.....................................................................................................................................................
其他好艦娘請到以下連結
.....................................................................................................................................................
引用網址：http://www.jamesdambrosio.com/TrackBack.php?sn=2514849
All rights reserved. 版權所有，保留一切權利

相關創作

同標籤作品搜尋：搞笑|艦娘|艦隊これくしょん|艦隊收藏|伊19|艦これ|女性人物|GIF|艦隊これ

留言共 16 篇留言

臥看泥石油貓餅：
區區巨乳是嚇不倒我的!(擦鼻血)

07-16 20:17

子貓玲：
給你紙~ [e12] [e12] [e12] 07-16 20:28
臥看泥石油貓餅：
順便問一下貓大妳是固意做出蹬地的感覺嗎?腿沒向後收的跑步感覺挺怪der[e17]

07-16 20:20

子貓玲：
這張其實本來並不是要做動圖的，原構圖是想做成大阪的固利果先生，覺得好玩就拿來做動圖嚕~07-16 20:31
?雷姆玲?：
這工口物......

還是子貓好~(搔耳

07-16 20:36

子貓玲：
看來得出絕招了~ (癢~貓腳踢踢踢~07-16 20:46
熱：
抱抱!![e34]

07-16 20:40

子貓玲：
你想抱誰~ 伊19 還是....[e12]07-16 20:45
妮口：
猜錯會動的地方了...
有種淡淡的失落感(誤

07-16 20:46

子貓玲：
等等~~~~~ 還有哪裡會動~ 拜託請告訴我~07-16 20:49
路人甲巫妖王：
這...不科學啊!
只有一張圖!真神!!!!!!!!!!!!!

07-16 21:14

子貓玲：
複製人大戰~!07-16 21:30
阿伏兔永夜(ぺこぺこ~)：
會動的危險份子~果然潛艇是很危險的~!(疑?

07-16 22:05

子貓玲：
啊~ 說到危險~ 倒是忘了放魚雷~ [e12]07-16 22:16
美貓：
謝謝 教學篇 還是貓咪最好了@@

07-16 22:08

子貓玲：
還稱不上教學啦~ 只是心得分享分享~ [e12]07-16 22:15
妮口：
以為要做ㄋㄟㄋㄟ動圖...
我自己去找憲兵-w-

07-16 22:26

子貓玲：
憲兵-w-???? 不懂求解...07-16 22:32
天魔覆滅：
我就知道貓貓破戒了!跳得太兇殘了啦(遮臉[e38]
不過 破的好 給獎勵~(搔下巴 [e16]

樓上說憲兵的意思 在艦娘玩家中 對於言行舉止糟糕(尤其是對小女孩)
的提督 就會說類似:憲兵 就是這個人!
總之就是逮捕變態 這樣

07-16 23:32

子貓玲：
原來如此~ 學習學習~ 話說 伊19真能潛水嗎 總覺得有浮力... (逃~07-17 01:08
天魔覆滅：
學到了要付學費~(抱在大腿上揉肉球

一定潛得下去啦~潛水艦中她的雷擊能力最高喔
不然怎麼當我的布景 [e5]

07-17 01:44

子貓玲：
專業提督~ 敬禮~07-17 10:15
綠川小照：
這廝太兇殘了……呔！吃我一發魚雷啦https://truth.bahamut.com.tw/s01/201406/f9d844793ab7d3fa2ae9337025300538.GIF咕溜噗滋 [e16]

07-17 16:31

子貓玲：
這你要我該怎回應才好呢~ (媽媽怕怕~07-17 21:20
碓海君：
會移動的18禁https://truth.bahamut.com.tw/s01/201406/f9d844793ab7d3fa2ae9337025300538.GIF

07-17 22:08

子貓玲：
媽媽~ 奇怪的東西開始繁殖了啦~07-17 22:43
Yuri：
19 來投入我的懷抱吧 ~~
背景圖很讚呢 !

07-18 16:18

子貓玲：
感謝感謝 [e12] 19是我的啦~07-18 17:29
女神的性徒：
http://cosmicbreak.cyberstep.com.tw/openpne/img.php?filename=dc_83120_3_1457700618.gif
動圖往生了

03-21 20:03

子貓玲：
改好嚕。[e12]03-21 20:23
女神的性徒：
http://cosmicbreak.cyberstep.com.tw/openpne/img.php?filename=dc_83118_1_1457700566.gif
感謝

03-21 20:25

子貓玲：
[e12]03-24 14:25
我要留言提醒：您尚未登入，請先登入再留言

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

前一篇：RO仙境傳說─回憶錄第二... 後一篇：陽炎型驅逐艦九號艦的天津...


face基於日前微軟官方表示 Internet Explorer 不再支援新的網路標準，可能無法使用新的應用程式來呈現網站內容，在瀏覽器支援度及網站安全性的雙重考量下，為了讓巴友們有更好的使用體驗，巴哈姆特即將於 2019年9月2日 停止支援 Internet Explorer 瀏覽器的頁面呈現和功能。
屆時建議您使用下述瀏覽器來瀏覽巴哈姆特：
。Google Chrome（推薦）
。Mozilla Firefox
。Microsoft Edge（Windows10以上的作業系統版本才可使用）

face我們了解您不想看到廣告的心情? 若您願意支持巴哈姆特永續經營，請將 gamer.com.tw 加入廣告阻擋工具的白名單中，謝謝 !【教學】