創作內容

23 GP

【紫牌教學】文字邊框/圖片邊框

作者:紫苑│2011-05-03 19:03:47│巴幣:46│人氣:48380
我又來了!(超煩)
繼昨天的教學,繼續教怎麼幫文字加邊框

使用軟體:Photoshop CS3

首先將想要加框的文字打好(惡意台詞又出現了


還是要提醒記得旁邊的視窗>圖層要打開
對文字 右鍵>混合選項


選用裡面有一個叫 筆畫 的工具(筆畫:又是我=口=)
一開始預設是 紅色、尺寸3像素


個人比較習慣用 白色 2像素,就改用白色了
不透明可調可不調,我是覺得有要調之後再調字的不透明就好了


如果覺得單調,可以再加個陰影,平時習慣的調法
間距像素愈大,文字與陰影離的愈開
展開愈大,黑色陰影的部份愈大
尺寸愈大,黑色陰影的部份散的愈開


大概就這樣,加邊框很簡單,筆畫真的是超好用!

然後友人問我雙框怎麼做的,就來做個教學吧
其實雙框我之前用很笨的方法做的,現在這個應該是簡單一些吧
雖然剛剛有摸索到另一種方法,可是發現對我來說眼睛會更花…就放棄了
可能別人有更簡單的方法可以做,反正是我牌教學,就用我自己的方法來做囉

這是做好的簽名檔預覽,要教的是旁邊的 白色邊框 怎麼做


使用圖片:ブラック★ロックシューター/huke

首先一樣把圖開好,裁到適合的大小


再次提醒旁邊的圖層請記得要打開
然後一樣按右邊數來第二個圖示開新圖層,用 圖層二 來做!


然後旁邊的 視窗>工具 也記得要打開
選用 矩形選取畫面工具


然後在自己的圖(圖層二)上拉出一個比圖小一些的矩形
需要花點眼力去看四角有沒有對齊


弄好後,對邊框右鍵 筆畫 (筆畫:我又出現了!O口O)


這次設定寬度是1 px、顏色白、不透明100%


完成後就像這樣
顏色跟寬度都可以自己調


一個邊框完成了,接著把圖層2複製一份


名字改成圖層3


接著都用圖層3來做
要記得這個是複製圖層2的邊框,所以現在圖中已經有兩個框了

選取>載入選取範圍>確定 就對了


載入選取範圍後,邊框會出現虛線


再來:編輯>變形>縮放


然後也是要用眼力
自己把有方塊的地方往內拉一些,比外邊的白色框小就好了


調好確定完成後就會像這樣,這張線沒拉齊,後來重拉有整齊了…
有時候會拉不對齊,就自己再微調了


如果覺得顏色太深,就自己調不透明吧
我習慣都是50%了


最後建議那些做好的邊框圖層是存成PSD檔保存起來
以後修改或是做別的簽名檔的時候都用的到

還有我要說筆畫真的是個好東西,自己摸索真的是可以玩出很多不同的邊框
像這張是用白色3像素、黑色1像素做出來的簡單邊框
大家也去玩筆畫工具吧,筆畫工具先生我喜歡你啊!(喂)


使用圖片:青霊夢/萩原(來源:Pixiv,id = 8893135)

最後感謝看到這邊的您。
引用網址:https://home.gamer.com.tw/TrackBack.php?sn=1298222
All rights reserved. 版權所有,保留一切權利

相關創作

同標籤作品搜尋:PhotoShop CS3|Photoshop|邊框|教學|文字

留言共 9 篇留言

咖啡店裡的貓
一直不了解文字要怎樣加框[e12]
感謝教學

05-03 20:39

紫苑
很多人都不知道呢,有幫到您就好:D05-05 09:11
小糸@メランコリック
XDDD紫桑牌教學Kita!~~

05-03 21:53

紫苑
因為你這樣講,所以我才把標題改成紫牌教學的XD05-05 09:11
銀月w
畫筆先生告白+教學 XD

05-04 01:29

紫苑
筆畫先生很棒的>///<05-05 09:12
豆腐
又上了一課
畫筆真是好用[e16]

05-04 09:27

紫苑
他是加框的好幫手!05-05 09:12
R賢
昨天看小紫教學,製作出一個簽名檔!! 太實用了!!
https://truth.bahamut.com.tw/s01/201105/6fb2ddd0f6113ce9ba1f2f200b8acda6.JPG?w=300
畫筆是加框的好朋友阿!! XD

05-04 10:43

紫苑
恭喜XD!!
要多跟筆畫先生建立良好關係喔(?)05-05 09:13
R賢
http://a3.sphotos.ak.fbcdn.net/hphotos-ak-snc6/228255_212821408741704_100000415408047_754982_1008850_n.jpg
巴哈圖空有點問題..
補上圖片! 真是感謝小紫教學,讓我可以輕鬆製作出精美簽名檔 [e19]

05-04 12:09

紫苑
有看到了,做的不錯呢:D
有幫到リンさん那就好囉~05-05 09:14
紫月華
我也是用PS的可是我的不能打中文用別的繪圖軟體就可以

你知道啥原因嗎?

現在都要複製貼上中文好麻煩~(嗚)

05-09 09:12

紫苑
我的沒有這個問題耶,版本的關係或是作業系統的問題?
你可以去google搜尋看看"Photoshop 不能打中文"
或許會有你要的答案05-09 09:33
dog
謝謝,很實用!

04-08 16:25

八龍易主(´・ω・`)つ
感謝
偶然看到這篇
原來PS已經有了內建的加外框效果
查到其他篇要用路徑+擴張 然後填色
再對照這一篇 囧

10-07 17:18

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

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

前一篇:【紫牌教學】製作簽名檔... 後一篇:【情報】トレフェスin有...


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

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