日誌2011-05-02 19:21

【紫牌教學】製作簽名檔

最近有人問我簽名檔怎麼做的，其實就真的是很簡單就可以做的出來的
不過稍微要有碰過Photo Shop會比較好

使用軟體：Photoshop CS3

今天用這張圖來做教學
***／♉ω♉（來源：Pixiv，id = 18490068）


常逛哈啦區的人應該都會使用簽名檔
但要把一張喜歡的圖放到簽名檔，不是太大，就是太小
如果是太小還不影響，但如果是太大就不好看了

基本上巴哈的簽名檔位置，圖片約是570*125會是最好的呈現模式
所以在做簽名檔的時候，盡量以這樣的大小去做，會比較清楚

圖片來源：冬の森／tearfish

首先把PS打開，CTRL+N開新一張570X125的空白圖檔


接著把自己想要使用的圖片開出來
不過這樣一看就知道太大，這張原圖寬可是有3000的！


所以就先來縮圖吧，影像＞影像尺寸


因為這張圖本來就是橫式的，所以不用再特別裁剪或是翻轉
直接將寬度設為570像素，記得下面有個「強制等比例」一定要勾選
不然圖會直接變形給你看…


然後將縮好的圖，直接拖到剛剛開的空白570X125像素的圖檔上
將圖移到自己看的順眼的位置即可


然後記得要把圖層視窗打開，作業會比較方便
不知道怎麼開的人，請選視窗＞圖層就可以了

圖層1是我們目前圖片的圖層，現在我們要開一個新的圖層來做邊框
下面有一排快速鍵，右邊數過來第二個，用紅框標示起來的按扭按下去就會開新圖層了
記得這個新的圖層一定要在圖層1的上面，不然會被蓋掉看不出效果


開好後，圖層的部份就讓它選著圖層2不要動了
再來就按CTRL+A全選起來


選用旁邊的矩形選取畫面工具（紅框處）
如果沒有這排選項的話，視窗＞工具可以開出來


選好後，對圖片右鍵＞筆畫


裡面設定寬度選10 px，顏色白色
可以自己調寬度，數字愈大愈寬，顏色也可以自選
然後位置的地方一定要選擇「內部」，下面不透明最好也要選
如果想讓圖片邊框看起來有柔和透明感的話，不透明度在20～50是最好的


然後10 px的白色筆畫下去就變這樣，可能看不太清楚吧

所以換了一個顏色當教學圖，看起來比較明顯


基本上上面這樣用完後框就出來了，不過個人的習慣還會多兩個步驟
就是再選取一次，這次寬度改成5 px，其它值照舊


就會變成雙框

看不清楚的話，一樣用粉紅當樣本


這樣就很明顯了，不過要注意的是不透明一定要設定
若是都100%的話就看不出來漸層的效果了

然後第二個步驟，再開一個圖層3出來


這次邊框顏色選粉紅色，寬度選1 px，其它照舊


最外框就會有粉紅框了


還有若是要讓圖片看起來比較淡色或是透明些的話
可以選取圖層1，然後不透明度微調一下，通常在75～90是最好的


筆畫真的是個挺好用的工具，可以自己摸索出各種不同的邊框～
最後再把字加上去就完成了


成品會像是這樣的感覺，一整個夢幻（？）


因為個人覺得只有圖片很死板，所以都會加些字上去
然後以前做頭像的習慣就是會加邊框，現在也還是很喜歡邊框Orz
不過個人很討厭那種花邊花樣很多的邊框就是了，眼睛看了會很花…

其實小圓這張有些太粉紅，做起來一整個夢幻到爆…
如果是一般圖片或是深色圖案做起來的感覺就還不至於會這樣…

黒魔法少女／ミルサ（來源：Pixiv，id = 17701484）

是說這張邊框是用矩形選取工具加筆畫弄出來的，要拉出剛剛好的邊框非常難=_=

反正就是看個人感覺跟習慣自己做微調就好了
不喜歡做邊框的人，也可以直接切一張570x125的圖放著就好了～

然後教學中有出現的兩張簽名檔，都是有分享在魔少版過的，要拿去用的就自取吧～

最後謝謝看到這邊的人，獻醜了Orz

47

19

LINE 分享

相關創作

[達人專欄] 【Godot Plugin】幫你的遊戲加入對話系統 —— Dialogic 2

Anya Melfissa - 口說練習的秘訣

第三章 方緣操作手冊

留言

• 2011-05-02 22:43小糸＠メランコリック：
  紫桑牌教學文！推一個！

  2011-05-03 09:31紫苑：超偷懶教學XDD

• 2011-05-03 07:47豆腐：
  實用!!
  我的簽名檔都是自己拍一拍直接剪一剪
  然後貼字就不理他了(汗
  

  2011-05-03 09:32紫苑：其實一般來說拍剪貼就夠了XD
  如果想做些框或是效果的話就要另外摸索了~~

• 2011-05-03 14:15R賢：
  實用! 雖然我只會作進板圖 (汗
  簽名檔幾乎沒有在開..囧"

  2011-05-05 09:10紫苑：我也有做進板圖，但比起來我覺得簽名檔比較好做=W=b

• 2011-05-03 18:14巴哈姆特小管家：
  親愛的巴哈勇者：
  
  非常感謝你對勇者小屋的支持，
  由於您此篇作品相當有價值，
  我們會將此篇設定在巴哈首頁的精選閣樓中，
  讓更多巴哈勇者能欣賞到這樣的作品。
  感謝您^^
  
  --
  巴哈小屋管家 敬上
• 2011-05-03 21:55銀月w：
  這樣說來我還真是懶惰......隨便裁裁就丟上去了(汗

  2011-05-05 09:12紫苑：其實一般沒需求的話裁切就好了
  我以前連簽名檔都只用純文字而已ww

• 2011-05-04 22:34Angel：
  最近剛好在學Photoshop CS
  
  看起來很不錯用的教學...
  
  有空再來慢慢作[e5]

  2011-05-05 09:16紫苑：算是基本教學，應該很適合入門用(?)吧..

• 2011-05-05 15:04蒼天的藍耀：
  好文，我推XD
  其實呢，我一直很想問，巴哈簽名檔到底怎看阿(汗)
  哈啦區? 討論區? 我傻傻搞不清楚了啦(淚)

  2011-05-05 15:11紫苑：先回到自己小屋~上面選項有一個"設定"點進去
  然後下面有哈啦區，選偏好設定
  裡面其他險示設定的地方勾我要看到所有人、包括自己的簽名檔
  就可以看了~XD
  
  討論區的話是BBS喔!雖然巴哈討論區是可以用WEB來瀏覽的就是了

• 2011-05-09 08:07紫月華：
  好文章，對了你會把背景換成別的背景嗎?
  
  PS有看過有人用可是我不會你會嗎@@"

  2011-05-09 09:07紫苑：把背景換成其他背景是指?下面重疊背景?還是指把人物換到另一個背景上?
  如果是後者的話，那要先把人物剪出來，然後再放到另一張背景上
  我是會，不過那個很麻煩，只有要做桌布才會特別去做
  很久以前有做過教學就是了...(沒有發在這裡)

• 2011-05-09 09:10紫月華：
  http://i.imgur.com/VXaHD.jpg
  
  把這張圖的背景變成黑色且沒有雜點你會嗎@@"
  
  你怎麼都沒加入社團阿，你小屋是自己做的嗎?
  
  如果喜歡做小屋或學小屋歡迎入我社團共同討論
  
  像你那麼優秀的人才不多見了>"<

  2011-05-09 09:31紫苑：可以用油漆桶填看看，不過應該會有雜點，建議是直接整個人物剪下貼到另一張背景比較好
  小屋我是用套板喔，以前對css有興趣有研究過一陣子
  不過現在因為工作的關係沒時間去用那些，所以就懶了
  我個人是不太喜歡加社團的類型^^"

• 2011-05-14 17:09セレンス謐：
  簽名檔是做什麼用的呀?

  2011-05-14 17:15紫苑：就是在哈拉區發文或回文顯示在這張圖紅色方框部位的東西~http://i.imgur.com/Lssh0.png

  2011-05-14 17:15紫苑：不過要去設定顯示簽名檔才看的到喔

• 2011-05-14 17:18セレンス謐：
  總之就是裝飾漂亮用的嗎?尺寸通常要多少?

  2011-05-14 17:19紫苑：對啊就是單純裝飾，想用的人才用，尺寸570X125是最好的

• 2011-05-14 17:22セレンス謐：
  喔喔!謝謝紫菀!!!我去做一個玩玩XD

  2011-05-14 17:23紫苑：嗯嗯不客氣，如果不知道怎麼設定簽名檔的話可以問我XD

• 2011-05-14 18:50セレンス謐：
  簽名檔要怎麼設定?好複雜喔~

  2011-05-14 19:01紫苑：看這篇教學吧~http://home.gamer.com.tw/creationDetail.php?sn=913176

• 2011-05-14 19:10セレンス謐：
  我上傳的圖都失敗耶~都是青蛙出現= =

  2011-05-14 19:12紫苑：妳是用imageshack?這空間最近很多圖若是沒有會員的話圖會變青蛙喔~
  上傳到巴哈空間或是imgur比較好

• 2011-05-14 19:14セレンス謐：
  我去測試版看到是成功的...嗯...雖然有點莫名奇妙
  不過是成功了,謝謝紫菀[e12]

  2011-05-14 19:19紫苑：還是顯示的問題?因為巴哈有時候更新簽名檔滿慢的Orz
  總之有成功就好囉~xd

• 2011-05-14 19:16セレンス謐：
  這是我製作的簽名檔
  http://imageshack.us/m/233/4171/98026336.png
  http://imageshack.us/m/835/9859/82193810.png

  2011-05-14 19:21紫苑：兩張用色設計都很漂亮呢~
  不過第二張AB LOGO下面那塊疑似皮膚的圖是...??

• 2011-05-14 19:30セレンス謐：
  喔?這張是原圖喔
  http://imageshack.us/photo/my-images/839/apf2320101128020256254.jpg/
  
  是說這禮拜又開始製作小屋佈景,雖然有點花時間
  但還蠻有趣的[e12]

  2011-05-14 19:54紫苑：我的意思是那塊怎麼沒遮起來@@?因為有點看不出那塊是什麼東西(汗)
  
  小屋佈景啊...我以前常做天空CSS，不知道跟巴哈的一不一樣
  但那個太花時間了囧rz

• 2011-05-14 19:56セレンス謐：
  我之前都是做奇摩部落格的~
  感覺做那個比較順手一點,而且比較容易
  小屋的製作方式還需要加強~!

  2011-05-14 21:47紫苑：我之前有稍微摸索巴哈的，我覺得不太好用orz..
  部落格類的做起來比較順手是真的

• 2011-08-01 20:04Suzuha.Cr：
  屋主您教學用的簽名檔真漂亮 可以拿來收藏使用嗎?[e18]

  2011-08-03 08:39紫苑：可以喔，那個都是有分享在魔法少女小圓版的，請自由取用

• 送出