GIF動態簽名檔 教學

首先

這是網路上搜尋的 簡易版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