日誌2014-08-02 01:16

[達人專欄] 石田三成Gif簽名檔設計

↑↑　小屋的圖會縮沒辦法放完整簽名檔大小上來，所以這是縮過的畫質　↑↑

一時心血來潮，想說既然都會玩Gif了，除了做小屋看板圖外

當然要做一張帥氣的三成簽名檔好推廣三成大人的帥氣（炸）

一換上後到場外版哈拉，果然就有許多人詢問！讓這麼多人看到我的三成大人真是太幸福了

那麼一如往常來發個製作步驟跟簡單的說明

由於製作過程懶得拍太多圖，所以"基本上"作品+步驟文不會寫得很詳細，只是大致帶過手法

但如果你有什麼想學的或是講不清楚的部分都很歡迎發問，不用害羞～

首先先將三成的原圖縮放後喬到適當位置再去背景【去背教學】

這張簽名檔我打算做塞兩個Gif圖，所以先用PS開啟要使用的動畫的第一畫格（預設就是了）

由於兩張Gif大小一樣，所以直接複製兩次之後擺到適當位置，再調整右邊人物

接著在Gif圖跟三成中間開新圖層並刷上適當的邊框筆刷

一次只取用一邊，其他多餘的地方利用選取工具、橡皮擦工具清除

中間與右方刷上筆刷的樣子

由於原始的筆刷是直向，要做成上下方的邊框就需要將此筆刷轉45度過來橫放

這時看到畫面正上方會有一個「筆刷」（各版本位置會有些差異，有些好像在右上，找一下）

點下後選擇紅圈處的方向軸，拖曳到你想要的方向即可。（按住Shift可固定角度）

轉過來的筆刷就長這樣囉

刷好下方的邊框後一樣像剛剛的做法，利用選取工具選到多餘的部分再清除

筆刷不夠長，點住Alt後直接拖拉滑鼠複製一次擺到適當位置

中間重疊的地方顏色有點太深，可使用有柔邊的橡皮擦工具擦掉一些會比較自然

個人認為偏移的角度太大了，因此使用變形工具 Ctrl + T 轉個方向讓它呈現我喜歡的樣子

上方的邊框也刷上後約是呈現這樣

接著繼續將右半邊的背景去乾淨

於圖層功能中，將剛才使用筆刷工具刷上的邊框全部選取後點右鍵合併圖層（Merge Layers）

快捷鍵為 Ctrl + E ，如果像我一樣常用到這個功能的話可以記下來

丟上TT素材，為了只要讓素材影響到邊框的部分，使用遮罩功能：

以筆刷層在下，TT層在上的位置，對著TT層點右鍵建立遮罩

完成後大致長這樣

這時同時放上了正確的Gif第一畫格並微調位置，避免遮到重點，如人物的臉或特殊的動作

除了一層遮罩外還可以隨時新增其他的遮罩，

只要在紅色線正中央的圖層位置點選下方的新增圖層後再移動到適當區域即可。

在中間新增的圖層也可以額外加圖層樣式

如上圖範例我加了白色的細花筆刷點綴，右方的圖層樣式則設為淡淡的紫色外發光

接著在最上方新增一圖層刷上白色光芒筆刷作為字底

打上要的字，排版

設定喜歡的圖層樣式

＊Mitsunari 為紫漸層、白陰影、白色外發光（調整透明度及擴散度）

＊ISHIDA及版權為白淺紫漸層、深紫陰影、淺紫外發光

最後調整整體色光加上多些色彩的層次感（左下及右下有淡淡的橘光）

確認OK後將最下方的背景雙擊後刪除

同時移除剛剛排版用的Gif圖，讓需要露出的部分呈現棋盤方格狀（即是透明底）

這樣設計的邊框就完成了！

接著就是將Gif動畫跟邊框做結合，由於我用了兩張不同畫格的Gif，所以會分成兩張圖製作：

使用矩形選取工具在中央位置將圖分成兩半

（詳細步驟：選左半→複製→開新透明檔貼上→存檔→回到剛剛的原圖→對著將剛剛的選取區域點右鍵反轉選取→複製→開新透明檔貼上→存檔）

再來就是丟到U5裡去將Gif跟做好的框合起來【動畫教學】

左邊的動畫

右邊的動畫

最後在到簽名檔設定裡將兩張不同的圖放在一起，看起來就會像是一體的啦 ლ(́◕◞౪◟◕‵ლ)

↑↑　小屋的圖會縮沒辦法放完整簽名檔大小上來，所以這是縮過的畫質　↑↑

附上緒也說很喜歡的TT素材

跟每次按到顯示桌面都把我迷到該該叫的三成大人....ლ(́◕◞౪◟◕‵ლ)

來，都可以存，大家一起來做三成大人的圖然後送給我吧 ლ(́◕◞౪◟◕‵ლ)（被揍死）

19

8

LINE 分享

相關創作

鴨鴨~軟Q

大背頭

滿頭大汗

留言

• 2014-08-02 01:22緒也海▶：
  啊啊超喜歡的TT!!!
  我做GIF幾乎都是用融圖方法(爆笑
  超喜歡綾的這次簽檔!!!!!!

  2014-08-02 01:42Aya：謝謝緒也(抱)
  我放上了那張TT 你可以拿它來做三成大人..←不 ლ(́◕◞౪◟◕‵ლ)

• 2014-08-02 01:44緒也海▶：
  衝哇!!!
  綾真的很喜歡三成大人呢XDDD
  我是喜歡幸村的<<(抱抱(X

  2014-08-02 01:46Aya：嗚嗚..怎辦我之前曾經喜歡過長曾我部元親.毛利元就.伊達政宗.竹中半兵衛.島左近...就是沒有喜歡過幸村呀呀(抱頭)...不過這樣也好 不會搶男人?!（被揍

• 2014-08-02 01:48緒也海▶：
  幸村很可愛(爆)
  之前在看BL書有幸村穿女裝我整個大爆笑(幸村:
  政宗我也很喜歡XDDDD 不過還是愛幸村ˊ艸ˋ
  不會搶男人XDDDDDDDDDDD，但我本命依然是一個歌手(X

  2014-08-02 01:59Aya：Kain ლ(́◕◞౪◟◕‵ლ)
  人家三成成也有穿女裝的照片（跑去找）

• 2014-08-02 02:01緒也海▶：
  kain超可愛唔唔(萌哭
  好!!!!!!!穿女裝照片XDDDDDD!!(乾脆所以武將都穿好了(被打趴

  2014-08-02 03:00Aya：我找了一下才發現很多都是不能貼上來的../////（遮臉羞）
  不然就是三成很MAN的蠢照...放上幾張比較可愛的代替好了XD
  https://truth.bahamut.com.tw/s01/201408/841cb1141e76704ceaa36093ef9f374e.JPG?w=300
  https://truth.bahamut.com.tw/s01/201408/68e73e297cfb59f6053454f20276d4a8.JPG?w=300
  ↑女體化
  https://truth.bahamut.com.tw/s01/201408/2b7f6688249bf60332b02a5cac3ba7a5.JPG?w=300
  ↑有點..羞XD
  https://truth.bahamut.com.tw/s01/201408/348faae5bd68ce0dbcd2baaa6d2f5bf3.JPG?w=300
  ↑可愛的衣裝
  https://truth.bahamut.com.tw/s01/201408/ebfcb4505a11400edd9e68ddf1827328.JPG?w=300
  ↑便服
  https://truth.bahamut.com.tw/s01/201408/d4f397ab98789042043d2b75467aa8ee.JPG?w=300
  ↑很蠢的女裝就類似這種風格的XD....
  https://truth.bahamut.com.tw/s01/201408/fa4a949d745e2355293697166084bc5e.JPG?w=300
  ↑可愛動物版
  https://truth.bahamut.com.tw/s01/201408/2d4b56685464c7412fb03dfb8b2a7822.JPG?w=300
  ↑狐狸耳（旁邊那隻浣熊是家康）

• 2014-08-02 02:01沐：
  好喜歡哇!!XDD
  超棒超棒的 期待小綾綾之後的作品拉>////<

  2014-08-02 03:01Aya：YA 敬請期待 XD 不過接著三天要下台中去玩，所以最快禮拜一才會發 =W=

• 2014-08-02 03:18緒也海▶：
  三成大人的貓耳好適合!!!!!!!!!!!!!!!!!!!
  雖然是這樣但還是不能跟綾搶<<(??
  第一張超萌的˙艸ˋ!!

  2014-08-02 09:34Aya：（飛撲三成大人的懷抱←不要在人家面前
  貓耳貓耳！！[e12]

• 2014-08-03 23:13詩夢：
  整體來說
  三成迷看了一定超開心的
  
  =============================
  
  以下為個人偏好
  
  邊框+主圖顏色深一點
  GIF兩格顏色輕微淡一點,嗯..黑白或像是回憶的褐色好像也不錯?
  
  
  這樣更有對比
  
  
  在來點GIF兩格邊框雕刻,雖然......好像會太複雜|||
  右手邊那個像是菱形的可以再閃一點
  
  
  英文->名+姓...應該還會有更適合三成的字體,帶點俐落細緻美的
  
  

  2014-08-04 20:32Aya：謝謝你的建議~

• 2016-11-18 22:47別人恐懼我貪婪：
  想請問一下 之前看到有人做好幾個GIF放在同一張簽名檔裡耶 不像你這樣是分兩張做 所以有一張的教學嗎?
  

• 送出