創作內容

32 GP

Gif製作教學-框框型簽名檔(不知道這種的學名是甚麼...抱歉)

作者:MurasameTachibana│2015-06-21 02:49:08│巴幣:562│人氣:1244
先拉到底,看成品,再決定要不要學







這次要用到的工具:
1.Photoshop(可以換成自己喜歡的製圖程式)
2.Ulead GIF Animator
3.google相片(能換成任何圖床)
4.完成的gif
5.做底圖的資源(這個一樣得靠自己了)
--------------------------------------------------------------
這個是對u5這個程式的更進階應用
上次只是單純的做出陽春的gif
這次要讓陽春的gif變成華麗的簽名檔!!

--------------------------------------------------------------
本次流程如下:
ps做出底圖→匯入u5處理→匯入gif

--------------------------------------------------------------
首先,基本的常識就是
巴哈的簽名檔
長寬限制為660x125像素
要超過呢也是可
別人與自己要看超過的部份
就要點滑鼠中間的滾輪看
-------------------------------------------------------------
步驟一:打開Photoshop做出底圖

小步驟1
左上檔案→開新檔案
開啟一個660x125的東西

這個就是簽名檔的範圍
要做任何的花樣
只能在這裡面



小步驟2
做各式各樣的編輯
端看各位想要擁有甚麼樣的簽名檔
一切隨興變化
在這裡
我想要做一個カレン的簽名檔
於是我打開了一張5931x4088的圖片
但是照這個數字看來,放到簽名檔範圍裡肯定爆出去
所以在這張圖片上端右鍵→影像尺寸


慢慢的調到適合的尺寸
這邊有兩個需要注意的點
1.不要由小變大,會糊,請善用上一步
2.小訣竅
選到「手型工具
會發現上方工作欄變成這樣

點選「實際像素」,就能很好的對照簽名檔範圍!

接下來....這個底圖的配置就要交給各位自己處理了~
--------------------------------------------------------------------------
步驟二:底圖匯入u5處理
經過一番與ps奮戰
終於做出一個還算ok的底圖

沒錯!!
待會要在左邊那個框框裡放入gif!!

接著打開我們的u5
選擇「開啟現有的影像檔」

選到剛剛做出來的底圖
匯入

由於我做的框框是不規則形的
所以我使用「橡皮擦」慢慢的擦出透明區塊
(可以使用「檢視」中的「拉近」「拉遠」,便於作業)


這個部份做完之後
就是匯入gif時間啦!
-------------------------------------------------------------------------
步驟三:匯入gif

點選左上角「新增影像」

選擇已經準備好的gif
這個部份
可以參考我的上一篇gif製作教學
做出想要的gif


可以發現我們一把gif匯入
它是在最上層

選到挑選工具

可以發現一點下去,上面工作列出現了「順序」

點移至底層
變成理想狀態啦!


不過還剩最後一個步驟
將這張gif移來移去,移到自己想要的地方
會發現所有畫格
有跟著移的只有剛剛那個
別怕!!不用一個一個來!!

底圖可選可不選
點選「將不同畫格的物件調成一致」

來源影像就是剛剛移來移去那個畫格啦~
注意不要勾到可見度
不然會動不起來
----------------------------------------------------------------------------------
接著
輸出後就完成了!!!
----------------------------------------------------------------------------------
以下為本次教學成品


謝謝各位看完
諸多不足還請見諒
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=2873211
All rights reserved. 版權所有,保留一切權利

相關創作

留言共 10 篇留言

尼太
帥!!!讚https://truth.bahamut.com.tw/s01/201506/9b9e97d6bd58662c9a8788257c95dd44.GIF

06-21 06:05

MurasameTachibana
謝謝,謝謝了06-21 18:31
緒山Mahiro
打這篇的時間好不科學@@U5好像都是做Gif的關鍵耶

06-21 06:24

MurasameTachibana
就突然想發…沒想到會打那麼久,u5的話功能很多,可以對gif做很多事06-21 18:32
wowcow
這個叫簽名檔就好了
這個時間發文好像真的有點神奇阿

06-21 09:54

MurasameTachibana
原來就只叫簽名檔…一時興起就半夜開始寫這篇了06-21 18:33
Mika ♥ みさき
先收藏在說XD

06-21 11:49

MurasameTachibana
謝謝大大!有不會的都能留言ㄛ!我會的話都會教!06-21 18:34
快來拍打餵食OwO
[e19],感覺很實用!!

06-21 12:52

MurasameTachibana
謝謝稱讚~有任何不懂的盡量問!我會的絕不藏私06-21 18:35
布丁貓
感謝分享~

06-21 15:54

MurasameTachibana
謝謝大大!您看的高興是我的榮幸!06-21 18:36
超次元
如此實用的文章不給GP不收藏對不起自己 考完試來試試看

06-25 00:24

MurasameTachibana
okok 加油ㄅ
06-25 00:26
暗夜-耍廢模式
讚 很用心的文章,下次自己動手做

06-29 23:08

MurasameTachibana
謝謝ㄌ 有不會的都能問喔 會的都一定教[e1]
06-29 23:11
別人恐懼我貪婪
讚喔 剛好最近在找這種教學~500巴幣給你了~

08-13 19:02

快刀亂麻
最近看到有人的簽名檔是「有二個 GIF 的框框」
這該怎麼做?
有試著連續匯入二個不同的 GIF,但結果會變成
A框GIF跑完 才換成B框的GIF出來....我希望的是二個同時顯示呀

06-14 00:57

我要留言提醒:您尚未登入,請先登入再留言

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

前一篇:肥宅噴錢紀錄-6/13安... 後一篇:肥宅噴錢紀錄-7/23地...

追蹤私訊切換新版閱覽

作品資料夾

Kokage大家
再過一天又到了放假的時間啦, 祝看到的您有個美好的一天(*´∀`)~♥看更多我要大聲說昨天22:04


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

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