創作內容

36 GP

GIF動態簽名檔 教學

作者:Suzuha.Cr│2012-04-28 17:18:21│贊助:72│人氣:4305
首先

這是網路上搜尋的 簡易版GIF動態教學

[教學]使用PhotoShop 製作GIF動畫


裡面是教導怎麼基本使用 photo shop 製作動畫的原理


以下則是個人的詳細製作過程:

個人使用的程式有:Microsoft picture manager ( 裁切圖片 )

                                 Excel ( 計算圖片移動像素 )

                                 ACDSee ( 開啟圖片 預覽 )

                                 Photoshop CS3 Extended ( 製作動畫 )


巴哈簽名檔 ( 新版 ) 長寬比為 660 x 125


而以下要教的簽名檔大約如下圖所示




1. 先開啟一個簽名檔範例在底下

    然後再選一張圖 調整大小

    比對一下 想要顯示在簽名檔上的大小、位置......等

    

大約比對一下 左右兩邊寬度 ( 紅線的部分 )


2. 再來把 剛剛調整的大小

    將原圖進行縮小

    

上圖紅框處即是


3. 再將原圖放大為100%

    然後再把 左右長度 設定為 660 ( 巴哈簽名檔長度 )

    再來 把一開始步驟 1. 所喜歡的位置 進行裁切

    


經過上圖裁切  變成下圖




4. 再來將上下所要顯示的尺寸  

    設定為 660 x 125

    並且在 Excel紀錄下位置

    

5. 之後再將第二格之後的運算方法 填入

    假設  是要用  每10個像素 移動畫面

    就將公式寫為  = A1 + 10

    如果個人喜好以更大的像素 移動畫面 便照上述更動公式即可

  


等第二格打好公式之後  

再將滑鼠移動到 "紅圈" 內的黑色點 一次往下拉

就可得到 一連串 連續 +10 像素 的數字( 等差數列 )


6. 再來就是將圖片依序剪裁

    


7. 將想要顯示的畫面都剪裁好之後

大約如下:

( 抱歉 上面的示範圖還未處理完 先用其他的圖片作示範 @@" )
   

可以用ACDSee開啟圖片 再用滑鼠滾輪預覽一下 是否有做錯

接著就打開 Photoshop 進行製作GIF動畫


8. 然後將剛剛剪裁的圖片 都放到Photoshop裡

   再將圖片 依序放進 第一張裡 ( 重複 圖中1-->2 的動作 )

   

等到將圖片都放進之後

再開啟 視窗 --> 動畫



則會出現以下



此時應該只會出現一格

而秒數則是在影格底下進行設定




接著按下 上上圖紅框處 複製影格

再來將影格如下圖設定


當第一格影格的時候

只顯示 第一層 "圖層"



第二格影格 則是只顯示第二層 "圖層"



以上可隨個人喜好做調整


等以上都弄好之後

點選 檔案 - > 儲存為網頁與裝置用



之後再選擇 GIF 格式 儲存即可



成品如下:



2012/4/29補上

秒數調整過:



示範圖中的:





另有其他靜態的 B&S 簽名檔

黑體字版:


2012/4/29修正

白體字版:



以上圖片出處:

最新BNS桌布下載 - PC、iPhone、Galaxy

http://bns.plaync.co.kr/download/fansitekit

歡迎自行取用

另外在B&S哈拉區 也有發簽名檔

http://forum.gamer.com.tw/C.php?bsn=12980&snA=1059&tnum=2


2012/12/17 增:

個人gif圖收藏...

http://photo.xuite.net/z124029890/5448447
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=1591347
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 8 篇留言

伈婷
收藏收藏

06-24 22:00

Suzuha.Cr
Q_Q06-29 13:46
jase
經華文啊!

07-08 01:42

庫洛洛魯西魯
請問一下 如果要弄成簽名黨 要到哪裡上傳呢? 我傳的地方都說檔案太大 不然就是不會動[e3]

09-10 21:13

花花✿
為什麼我的gif圖檔上傳後不會動??

02-08 20:19

Suzuha.Cr
要上傳到可支援GIF圖檔儲存的網頁哦 @_@ 例:imgur02-09 07:38
花花✿
謝謝:))

02-09 10:01

羽凌鏡
特地來GP

07-04 16:48

完全沒有下面
好文 推 改天來試試 給你通知[e12]

07-18 20:58

我不是機器人
其實用補間動畫影格 頭尾設定好 就會自動把中間的動畫過程做了 你的方法算是土法煉鋼 很耗時

02-04 16:49

Suzuha.Cr
5年前我沒想到這個方法,只是想把圖片部分擷取塞進去簽名檔而已,就...哈哈,不過你說的我會參考,謝謝!02-04 17:13
我要留言提醒:您尚未登入,請先登入再留言

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

前一篇:自製BRS簽名檔...(... 後一篇:FB 更改底頁...

追蹤私訊

作品資料夾

Tp2007088大家
科幻災厄小說——《I.C.—銀色災厄:起源》現已更新第十二話!https://home.gamer.com.tw/creationDetail.php?sn=4566977看更多我要大聲說昨天22:09


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

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