!『嵐設』免費電子報訂閱募集中!

在下方輸入您的Email訂閱就可收到本部落最新文章資訊喔!

Delivered by FeedBurner

‧覺得文章不錯請給我一個『讚』作為鼓勵喔!

 

      今天設計嵐來分享一個從國外設計書學到的PhotoShop文字設計手法,很適合用在Logo設計、視覺設計標題等等文字特效運用,另一方面也可以練習到很特殊且好用的PhotoShop功能與技巧,大家不妨有機會可以試試看喔~按照教學一步步練習一定可以成功做出來!

◎完成圖:

30.jpg 

1.使用PhotoShop開啟一個新檔案,長寬尺寸以及解析度可以大一點。(ex.A3尺寸及300dpi)

31.jpg 

2.利用『文字工具』輸入所需文字,文字設定原則可參考下圖:(其中文字色彩請使用『灰色』,字型請選用筆畫較粗的字體)

1.jpg 

3.CTRL+點選文字圖層的『縮圖』,在文字範圍建立一個選取區域。

2.jpg 

4.執行『選取』→『儲存選取範圍』。

3.jpg 

5.使用預設的『新增色版』設定,直接按下『確定』即可。

4.jpg 

在此將選取範圍先行儲存以供後續動作使用。儲存完畢請記得『取消選取』。

5.jpg 

6.由於儲存了選取範圍,切換至『色版』面版會看到多了一個『alpha1』的色版,選取此色版進行選取邊緣柔焦的動作。

6.jpg 

7.執行『濾鏡』→『模糊』→『高斯模糊』。

7.jpg 

8.設定適當強度讓邊緣有適當柔焦即可。

8.jpg 

9.切換回『圖層』面版並且以『背景』作為作用中圖層。

9.jpg 

10.執行『濾鏡』→『演算上色』→『光源效果』。

10.jpg 

11.在『紋理色版』選項上設定為『alpha1』,其餘設定可用預設值,此時可以看到因為光源而有了立體文字的效果。

11.jpg 

12.回到編輯畫面後可先將原始文字圖層關閉顯示,就可以看到在『背景』圖層上的立體文字嚕!

12.jpg 

13.接著執行『選取』→『載入選取範圍』,將剛剛儲存的文字選取區域載入回來。

13.jpg 14.jpg

14.載入選取後的畫面如下:

15.jpg 

從上圖會發現,選取範圍並沒有包涵文字邊緣的亮邊,但是我們需要這些亮面區域,所以:

15.執行『選取』→『修改』→『擴張』,將選取區域適當擴大。

16.jpg 17.jpg

16.擴張後的選取範圍應該要包涵立體文字的亮面(如果不夠大請再繼續擴張一次)。

18.jpg 

17.以『背景』為作用中圖層,在選取範圍還在的情況下,執行『圖層』→『新增』→『拷貝的圖層』。

19.jpg 

完成上面動作,『圖層』面版上會多出一個只有立體文字的新圖層喔!

20.jpg 

18.此時背景圖層的內容已經不需要了,我們要將內容清除,請針對『背景』圖層,執行『選取』→『選曲全部』。

21.jpg 

19.接著按下鍵盤上的『Delete鍵』,就可將背景區域內容刪除,取而代之的是白色的背景色。

22.jpg 

20.接著將原始文字圖層的顯示打開,並且針對原始文字圖層加入『斜角及浮雕』圖層樣式。

23.jpg 

21.斜角及浮雕的設定畫面可參考下圖:(文字會呈現凸起效果)

24.jpg 

22.套用完成後效果如下:

25.jpg 

23.接著將原始文字圖層的『混合模式』設定為『加深顏色』,如此可以讓原始文字與下方的光源文字做結合,產生黑鉻色彩已經光影。

26.jpg 

24.完成效果如下:

27.jpg 

25.接著針對下方的光源文字加上『陰影』圖層樣式。

28.jpg 

26.設定值可參考下圖:

29.jpg 

27.完成後效果如下:

30.jpg 

      到這裡,黑鉻金屬文字的金屬質感以及色彩就完成嚕!大家可以在依照設計需求加上其他副標或是其他元素,就是一個既搶眼又具友質感的效果文字了!

 

 

 

創作者介紹

『嵐設』-設計教學部落

設計嵐 發表在 痞客邦 PIXNET 留言(29) 人氣()


留言列表 (29)

發表留言
  • 程程媽咪
  • 原來是這麼做出來的^^
    有立體感呢!
  • 謝謝程程媽咪的讚賞..^^..對了~~~踩踩樂同花順的123456數字快到嚕~~大家睜大眼睛用力踩阿~~~獎品等著您喔~~~

    設計嵐 於 2010/08/09 21:17 回覆

  • 小巴
  • 歐歐 這教學很棒耶!!! 一定要支持
  • 感謝支持拉~~^^

    設計嵐 於 2010/08/09 21:03 回覆

  • 筍太郎
  • 路過嵐大的家
    又進來挖寶啦~
  • 好說好說..^^..大家互相交流~~^^

    設計嵐 於 2010/08/09 21:02 回覆

  • 小咪
  • 喔喔~~
    這字體
    還挺陽剛的咧~
  • 適合用在資訊'、3C等等主題的設計!!!

    設計嵐 於 2010/08/09 21:02 回覆

  • 李小婷
  • 還挺酷的。
  • 是很酷~~簡直炫呆了..^^..我個人很喜歡的一個設計手法~~

    設計嵐 於 2010/08/09 21:02 回覆

  • ya-shuan焰狼
  • 好棒!簡單明瞭耶!
    馬上來試試
  • 加油喔~~有問題歡迎一起討論!!..^^

    設計嵐 於 2010/08/09 23:05 回覆

  • 亞希斯.雷
  • 嵐大真是老師級的呢^^...

    讚~
  • 謝謝雷大讚賞~混口飯吃罷了~~^^?

    設計嵐 於 2010/08/09 23:05 回覆

  • youthyear
  • 你好,我第一次從funP連來你的blog
    感謝你寫的教學,很清楚好懂呢
  • 有空要常常過來逛逛喔..^^...有問題歡迎一起討論!!

    設計嵐 於 2010/08/10 11:47 回覆

  • 幾米力
  • 很不錯的教學,看了好多篇,都有點想學Photoshop了
  • 快來學吧~~一個專業又好玩的軟體~~

    設計嵐 於 2010/08/10 11:47 回覆

  • Ohlala
  • 好立體呀>V<
  • 呵呵~~~^^..有機會試著做做看喔..^^..

    設計嵐 於 2010/08/10 16:48 回覆

  • MimiFire
  • 支持支持~好立體阿^^
  • 感謝支持.^^..

    設計嵐 於 2010/08/10 16:47 回覆

  • Alina
  • ~噗噗~
    我來踩~
    希望是我!^^"

    看了這些教學,我是不是也來敗個PhotoShop
    這樣才能真正學到東西ㄋㄟ~
  • 加油~~剩不到100人就產生幸運兒嚕..^^..希望是您~~
    如果真的有用到~~就不算敗家呀~~~PhotoShop真的很好用的.^^..

    設計嵐 於 2010/08/10 16:47 回覆

  • 噴你飯
  • 甘唔這招!
    學起來了~謝謝啊。
  • 不客氣阿~~飯糰~~我要跟你學怎麼做轉轉圖~~你那個飯糰男爵轉轉轉好可愛阿~~

    設計嵐 於 2010/08/10 17:05 回覆

  • mozaiyang
  • 黑默:那我學一邊轉圈圈
    一邊學字>///<好累阿~哈
  • 黑默也來了..XD..我也要跟你學東西~~教我怎麼做可愛動態大頭圖~~~交我交我交我~~~

    設計嵐 於 2010/08/10 17:10 回覆

  • bewith
  • 謝啦!
    又學到一招了
  • Man哥也來嚕~~^^....

    設計嵐 於 2010/08/10 17:17 回覆

  • Pencil
  • 真是實用的分享耶!
  • 有機會用用吧~^^

    設計嵐 於 2010/08/11 11:13 回覆

  • mozaiyang
  • 黑默:這工作交給飯糰
    一個人不能拜兩個師父
    (其實是不會教人>///<哈哈哈)
  • 什麼!!??居然拒絕我..\ /..你知道上次拒絕我的人現在怎麼樣了嗎??...沒事..XD..過得可開心的呢..XD...
    唉歐~~收我為徒啦...不然我就死黏著你~~黏在屁股後面甩都甩不掉(其實是想黏可愛茉茉啦..^////^...)

    設計嵐 於 2010/08/11 15:07 回覆

  • 菲菲娘
  • 哦哦~~很棒很棒哦~~~~~~
  • 謝謝菲菲娘大駕光臨~~~萬歲萬歲萬萬歲..^///^...

    設計嵐 於 2010/08/11 17:22 回覆

  • 甜蜜娜娜
  • 很棒^^有空來研究一下。
  • 這是一定要的!!..^^..有問題歡迎互相討論喔~~~

    設計嵐 於 2010/08/12 09:30 回覆

  • 悄悄話
  • 悄悄話
  • 小潔
  • 老師好可愛也好會教photoshop!
  • @@?....謝謝誇獎~~(羞~~~>////<)

    設計嵐 於 2010/08/26 01:06 回覆

  • 小潔
  • 留言

    我最近排了phto的課,結果上了半堂就走人,因為我覺得上的好快,結果我就跟排課的叔叔說我覺得老師上的方式我不喜歡,剛好在旁邊教我的pro/e老師也在(其實他應該都聽到了吧)!!!!!我覺得他一定覺得我很愛打小報告吧!!!!!雖然都是自己覺得啦!!!!!!怎辦???我一定留給老師壞印象了~~~附帶.(老師長的很帥喔)~~哈哈
  • 恩~~雖然我是老師~~不過我得說你沒做錯阿~~你是學生又是消費者~~你當然有權利反應上課的狀況跟感覺給老師或分校知道~~這樣我們才有改進的空間~~所以你別太擔心啦~~我相信你的老師一定也是很用心教~~只是希望多帶給你們東西所以講得快了點~~老師們是不會因為這樣就覺得你怎麼樣的拉~~(至少我不會啦)...別太擔心~~因為這本來就是你的權利~~
    再排別的老師的課就好啦~^^...這也是你的權利!!!加油~~

    設計嵐 於 2010/09/09 09:55 回覆

  • 小潔
  • 留言

    老師的修養很好,也給我很正面的鼓勵,一定很多人都說過老師人很好,我也覺得老師人真的很好,哈哈~~
  • 你過獎拉~我沒這麼好.^^..被你這樣一稱讚我臉都紅了..>////<....其實我只是說出如果我也是學生~~我也一定會希望行使我的權利和義務阿~~我會是這樣的人吧~~所以有需求有不滿意說出來~~也好讓大家改進~~所以...就降..^^...謝謝誇獎拉~~~

    設計嵐 於 2010/09/09 23:20 回覆

  • 牛奶天空
  • photoshop我都忘光光啦~~~>///<
    真糟糕~~可能要再來重新摸索嘍~~
    謝謝分享,牛奶也覺得很酷~~下回有空,我要認真學嘍!
  • 歡迎牛奶來看看我寫的PhotoShop系列文章喔~~你曾經學過很快就可以上手的..^^..加油~~~有問題歡迎一起討論喔~~

    設計嵐 於 2010/09/14 20:51 回覆

  • 訪客
  • 教的好詳細 一試就成功了耶!! 謝謝!
  • 別客氣..^^...寫教學文讓看得人一次看懂本來就應該~~

    設計嵐 於 2011/02/22 16:10 回覆

  • 小金宛
  • 救救我一下, 我做到步驟10就卡住了, 真可惜...
    10.執行『濾鏡』→『演算上色』→『光源效果』
    這步驟我的情況是 : 『濾鏡』→『演算上色』→只有雲狀, 雲彩, 纖維三種效果可以點選, 光源和反光效果反淡, 不讓點選,不知我的問題錯在哪裡 ?
    謝謝!
    ~Shally~



  • 訪客
  • 嗨~它ㄉ步驟還真細ㄟ,做到做後頭都暈ㄌ.
    但...哈哈哈我學會ㄌ,真開心~.~
  • 訪客
  • 教學很棒,簡潔有力 又有圖文說明,很簡單易懂,謝謝唷!
找更多相關文章與討論