‧覺得文章不錯請給我一個『讚』作為鼓勵喔!
今天設計嵐來分享一個從國外設計書學到的PhotoShop文字設計手法,很適合用在Logo設計、視覺設計標題等等文字特效運用,另一方面也可以練習到很特殊且好用的PhotoShop功能與技巧,大家不妨有機會可以試試看喔~按照教學一步步練習一定可以成功做出來!
◎完成圖:
1.使用PhotoShop開啟一個新檔案,長寬尺寸以及解析度可以大一點。(ex.A3尺寸及300dpi)
2.利用『文字工具』輸入所需文字,文字設定原則可參考下圖:(其中文字色彩請使用『灰色』,字型請選用筆畫較粗的字體)
3.CTRL+點選文字圖層的『縮圖』,在文字範圍建立一個選取區域。
4.執行『選取』→『儲存選取範圍』。
5.使用預設的『新增色版』設定,直接按下『確定』即可。
在此將選取範圍先行儲存以供後續動作使用。儲存完畢請記得『取消選取』。
6.由於儲存了選取範圍,切換至『色版』面版會看到多了一個『alpha1』的色版,選取此色版進行選取邊緣柔焦的動作。
7.執行『濾鏡』→『模糊』→『高斯模糊』。
8.設定適當強度讓邊緣有適當柔焦即可。
9.切換回『圖層』面版並且以『背景』作為作用中圖層。
10.執行『濾鏡』→『演算上色』→『光源效果』。
11.在『紋理色版』選項上設定為『alpha1』,其餘設定可用預設值,此時可以看到因為光源而有了立體文字的效果。
12.回到編輯畫面後可先將原始文字圖層關閉顯示,就可以看到在『背景』圖層上的立體文字嚕!
13.接著執行『選取』→『載入選取範圍』,將剛剛儲存的文字選取區域載入回來。
14.載入選取後的畫面如下:
從上圖會發現,選取範圍並沒有包涵文字邊緣的亮邊,但是我們需要這些亮面區域,所以:
15.執行『選取』→『修改』→『擴張』,將選取區域適當擴大。
16.擴張後的選取範圍應該要包涵立體文字的亮面(如果不夠大請再繼續擴張一次)。
17.以『背景』為作用中圖層,在選取範圍還在的情況下,執行『圖層』→『新增』→『拷貝的圖層』。
完成上面動作,『圖層』面版上會多出一個只有立體文字的新圖層喔!
18.此時背景圖層的內容已經不需要了,我們要將內容清除,請針對『背景』圖層,執行『選取』→『選曲全部』。
19.接著按下鍵盤上的『Delete鍵』,就可將背景區域內容刪除,取而代之的是白色的背景色。
20.接著將原始文字圖層的顯示打開,並且針對原始文字圖層加入『斜角及浮雕』圖層樣式。
21.斜角及浮雕的設定畫面可參考下圖:(文字會呈現凸起效果)
22.套用完成後效果如下:
23.接著將原始文字圖層的『混合模式』設定為『加深顏色』,如此可以讓原始文字與下方的光源文字做結合,產生黑鉻色彩已經光影。
24.完成效果如下:
25.接著針對下方的光源文字加上『陰影』圖層樣式。
26.設定值可參考下圖:
27.完成後效果如下:
到這裡,黑鉻金屬文字的金屬質感以及色彩就完成嚕!大家可以在依照設計需求加上其他副標或是其他元素,就是一個既搶眼又具友質感的效果文字了!

原來是這麼做出來的^^ 有立體感呢!
謝謝程程媽咪的讚賞..^^..對了~~~踩踩樂同花順的123456數字快到嚕~~大家睜大眼睛用力踩阿~~~獎品等著您喔~~~
歐歐 這教學很棒耶!!! 一定要支持
感謝支持拉~~^^
路過嵐大的家 又進來挖寶啦~
好說好說..^^..大家互相交流~~^^
喔喔~~ 這字體 還挺陽剛的咧~
適合用在資訊'、3C等等主題的設計!!!
還挺酷的。
是很酷~~簡直炫呆了..^^..我個人很喜歡的一個設計手法~~
好棒!簡單明瞭耶! 馬上來試試
加油喔~~有問題歡迎一起討論!!..^^
嵐大真是老師級的呢^^... 讚~
謝謝雷大讚賞~混口飯吃罷了~~^^?
你好,我第一次從funP連來你的blog 感謝你寫的教學,很清楚好懂呢
有空要常常過來逛逛喔..^^...有問題歡迎一起討論!!
很不錯的教學,看了好多篇,都有點想學Photoshop了
快來學吧~~一個專業又好玩的軟體~~
好立體呀>V<
呵呵~~~^^..有機會試著做做看喔..^^..
支持支持~好立體阿^^
感謝支持.^^..
~噗噗~ 我來踩~ 希望是我!^^" 看了這些教學,我是不是也來敗個PhotoShop 這樣才能真正學到東西ㄋㄟ~
加油~~剩不到100人就產生幸運兒嚕..^^..希望是您~~ 如果真的有用到~~就不算敗家呀~~~PhotoShop真的很好用的.^^..
甘唔這招! 學起來了~謝謝啊。
不客氣阿~~飯糰~~我要跟你學怎麼做轉轉圖~~你那個飯糰男爵轉轉轉好可愛阿~~
黑默:那我學一邊轉圈圈 一邊學字>///<好累阿~哈
黑默也來了..XD..我也要跟你學東西~~教我怎麼做可愛動態大頭圖~~~交我交我交我~~~
謝啦! 又學到一招了
Man哥也來嚕~~^^....
真是實用的分享耶!
有機會用用吧~^^
黑默:這工作交給飯糰 一個人不能拜兩個師父 (其實是不會教人>///<哈哈哈)
什麼!!??居然拒絕我..\ /..你知道上次拒絕我的人現在怎麼樣了嗎??...沒事..XD..過得可開心的呢..XD... 唉歐~~收我為徒啦...不然我就死黏著你~~黏在屁股後面甩都甩不掉(其實是想黏可愛茉茉啦..^////^...)
哦哦~~很棒很棒哦~~~~~~
謝謝菲菲娘大駕光臨~~~萬歲萬歲萬萬歲..^///^...
很棒^^有空來研究一下。
這是一定要的!!..^^..有問題歡迎互相討論喔~~~
*****
*****
*****
*****
老師好可愛也好會教photoshop!
@@?....謝謝誇獎~~(羞~~~>////<)
我最近排了phto的課,結果上了半堂就走人,因為我覺得上的好快,結果我就跟排課的叔叔說我覺得老師上的方式我不喜歡,剛好在旁邊教我的pro/e老師也在(其實他應該都聽到了吧)!!!!!我覺得他一定覺得我很愛打小報告吧!!!!!雖然都是自己覺得啦!!!!!!怎辦???我一定留給老師壞印象了~~~附帶.(老師長的很帥喔)~~哈哈
恩~~雖然我是老師~~不過我得說你沒做錯阿~~你是學生又是消費者~~你當然有權利反應上課的狀況跟感覺給老師或分校知道~~這樣我們才有改進的空間~~所以你別太擔心啦~~我相信你的老師一定也是很用心教~~只是希望多帶給你們東西所以講得快了點~~老師們是不會因為這樣就覺得你怎麼樣的拉~~(至少我不會啦)...別太擔心~~因為這本來就是你的權利~~ 再排別的老師的課就好啦~^^...這也是你的權利!!!加油~~
老師的修養很好,也給我很正面的鼓勵,一定很多人都說過老師人很好,我也覺得老師人真的很好,哈哈~~
你過獎拉~我沒這麼好.^^..被你這樣一稱讚我臉都紅了..>////<....其實我只是說出如果我也是學生~~我也一定會希望行使我的權利和義務阿~~我會是這樣的人吧~~所以有需求有不滿意說出來~~也好讓大家改進~~所以...就降..^^...謝謝誇獎拉~~~
photoshop我都忘光光啦~~~>///< 真糟糕~~可能要再來重新摸索嘍~~ 謝謝分享,牛奶也覺得很酷~~下回有空,我要認真學嘍!
歡迎牛奶來看看我寫的PhotoShop系列文章喔~~你曾經學過很快就可以上手的..^^..加油~~~有問題歡迎一起討論喔~~
教的好詳細 一試就成功了耶!! 謝謝!
別客氣..^^...寫教學文讓看得人一次看懂本來就應該~~
救救我一下, 我做到步驟10就卡住了, 真可惜... 10.執行『濾鏡』→『演算上色』→『光源效果』 這步驟我的情況是 : 『濾鏡』→『演算上色』→只有雲狀, 雲彩, 纖維三種效果可以點選, 光源和反光效果反淡, 不讓點選,不知我的問題錯在哪裡 ? 謝謝! ~Shally~
嗨~它ㄉ步驟還真細ㄟ,做到做後頭都暈ㄌ. 但...哈哈哈我學會ㄌ,真開心~.~
教學很棒,簡潔有力 又有圖文說明,很簡單易懂,謝謝唷!
謝謝您的鼓勵與支持唷!