創作內容

47 GP

【紫牌教學】製作簽名檔

作者:紫苑│2011-05-02 19:21:24│贊助:168│人氣:5025
最近有人問我簽名檔怎麼做的,其實就真的是很簡單就可以做的出來的
不過稍微要有碰過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
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=1297471
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:簽名檔|PhotoShop CS3|Photoshop|邊框|教學

留言共 19 篇留言

小糸@メランコリック
紫桑牌教學文!推一個!

05-02 22:43

紫苑
超偷懶教學XDD05-03 09:31
豆腐
實用!!
我的簽名檔都是自己拍一拍直接剪一剪
然後貼字就不理他了(汗

05-03 07:47

紫苑
其實一般來說拍剪貼就夠了XD
如果想做些框或是效果的話就要另外摸索了~~05-03 09:32
R賢
實用! 雖然我只會作進板圖 (汗
簽名檔幾乎沒有在開..囧"

05-03 14:15

紫苑
我也有做進板圖,但比起來我覺得簽名檔比較好做=W=b05-05 09:10
巴哈姆特小管家
親愛的巴哈勇者:

非常感謝你對勇者小屋的支持,
由於您此篇作品相當有價值,
我們會將此篇設定在巴哈首頁的精選閣樓中,
讓更多巴哈勇者能欣賞到這樣的作品。
感謝您^^

--
巴哈小屋管家 敬上

05-03 18:14

銀月w
這樣說來我還真是懶惰......隨便裁裁就丟上去了(汗

05-03 21:55

紫苑
其實一般沒需求的話裁切就好了
我以前連簽名檔都只用純文字而已ww05-05 09:12
Angel
最近剛好在學Photoshop CS

看起來很不錯用的教學...

有空再來慢慢作[e5]

05-04 22:34

紫苑
算是基本教學,應該很適合入門用(?)吧..05-05 09:16
蒼天的藍耀
好文,我推XD
其實呢,我一直很想問,巴哈簽名檔到底怎看阿(汗)
哈啦區? 討論區? 我傻傻搞不清楚了啦(淚)

05-05 15:04

紫苑
先回到自己小屋~上面選項有一個"設定"點進去
然後下面有哈啦區,選偏好設定
裡面其他險示設定的地方勾我要看到所有人、包括自己的簽名檔
就可以看了~XD

討論區的話是BBS喔!雖然巴哈討論區是可以用WEB來瀏覽的就是了05-05 15:11
神奈
好文章,對了你會把背景換成別的背景嗎?

PS有看過有人用可是我不會你會嗎@@"

05-09 08:07

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

把這張圖的背景變成黑色且沒有雜點你會嗎@@"

你怎麼都沒加入社團阿,你小屋是自己做的嗎?

如果喜歡做小屋或學小屋歡迎入我社團共同討論

像你那麼優秀的人才不多見了>"<

05-09 09:10

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

05-14 17:09

紫苑
就是在哈拉區發文或回文顯示在這張圖紅色方框部位的東西~http://i.imgur.com/Lssh0.png05-14 17:15
紫苑
不過要去設定顯示簽名檔才看的到喔05-14 17:15
セレンス謐
總之就是裝飾漂亮用的嗎?尺寸通常要多少?

05-14 17:18

紫苑
對啊就是單純裝飾,想用的人才用,尺寸570X125是最好的05-14 17:19
セレンス謐
喔喔!謝謝紫菀!!!我去做一個玩玩XD

05-14 17:22

紫苑
嗯嗯不客氣,如果不知道怎麼設定簽名檔的話可以問我XD05-14 17:23
セレンス謐
簽名檔要怎麼設定?好複雜喔~

05-14 18:50

紫苑
看這篇教學吧~http://home.gamer.com.tw/creationDetail.php?sn=91317605-14 19:01
セレンス謐
我上傳的圖都失敗耶~都是青蛙出現= =

05-14 19:10

紫苑
妳是用imageshack?這空間最近很多圖若是沒有會員的話圖會變青蛙喔~
上傳到巴哈空間或是imgur比較好05-14 19:12
セレンス謐
我去測試版看到是成功的...嗯...雖然有點莫名奇妙
不過是成功了,謝謝紫菀[e12]

05-14 19:14

紫苑
還是顯示的問題?因為巴哈有時候更新簽名檔滿慢的Orz
總之有成功就好囉~xd05-14 19:19
セレンス謐
這是我製作的簽名檔
http://imageshack.us/m/233/4171/98026336.png
http://imageshack.us/m/835/9859/82193810.png

05-14 19:16

紫苑
兩張用色設計都很漂亮呢~
不過第二張AB LOGO下面那塊疑似皮膚的圖是...??05-14 19:21
セレンス謐
喔?這張是原圖喔
http://imageshack.us/photo/my-images/839/apf2320101128020256254.jpg/

是說這禮拜又開始製作小屋佈景,雖然有點花時間
但還蠻有趣的[e12]

05-14 19:30

紫苑
我的意思是那塊怎麼沒遮起來@@?因為有點看不出那塊是什麼東西(汗)

小屋佈景啊...我以前常做天空CSS,不知道跟巴哈的一不一樣
但那個太花時間了囧rz05-14 19:54
セレンス謐
我之前都是做奇摩部落格的~
感覺做那個比較順手一點,而且比較容易
小屋的製作方式還需要加強~!

05-14 19:56

紫苑
我之前有稍微摸索巴哈的,我覺得不太好用orz..
部落格類的做起來比較順手是真的05-14 21:47
Suzuha.Cr
屋主您教學用的簽名檔真漂亮 可以拿來收藏使用嗎?[e18]

08-01 20:04

紫苑
可以喔,那個都是有分享在魔法少女小圓版的,請自由取用08-03 08:39
我要留言提醒:您尚未登入,請先登入再留言

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

前一篇:【情報】GSC 魔法少女... 後一篇:【紫牌教學】文字邊框/圖...

追蹤私訊

作品資料夾

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

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