當(dāng)前位置:首頁>ps入門教程>ps文字教程>普通字效>教程內(nèi)容

PS教程:制作精致玉石卡通文字

來源:未知 作者:┆死┆ 學(xué)習(xí):3304人次

1.打開Photoshop,新建一文檔,大小為600×350像素,你可以根據(jù)需要調(diào)整。背景為白色,分辨率為72像素/英寸。

  復(fù)位色板,選擇一種較為粗大的字體,用黑色寫上文本。注意將每個字母放入單獨(dú)的一層中,這樣便于調(diào)整字母的位置。如果你順手把它們放在了一層中,那么只有用基線偏移和字符間距來調(diào)節(jié),而且不能變形文字。所以我們推薦將每個字母放入單獨(dú)層中的方法。在調(diào)整完成之后,鏈接拼合所有的文字層,如圖01所示。

2009年1月5日 - 理睬 - 理 睬

圖01

  如果需要對個別字符進(jìn)行扭曲和透視變形,在文字為矢量狀態(tài)是無法進(jìn)行的,這時就需要對文字柵格化。柵格文字的方法是右鍵點(diǎn)擊圖層面板中的文字層,從彈出菜單中選擇“柵格化圖層”命令,或是選擇“圖層>柵格化>文字”,這樣文字就不再具備矢量屬性,從而可以進(jìn)行扭曲和透視變形。

  2.接下來,我們來保存一個文字的原始通道。按住Ctrl,點(diǎn)擊文字層,載入文字層的選區(qū)。轉(zhuǎn)到通道面板,新建一個通道,命名為“orig”,復(fù)位通道色板,用白色填充選區(qū)后,取消選擇。

  回到RGB通道的圖層面板。先刪除文字圖層,然后在背景上新建一層,命名為“main object”,用白色填充圖層。用快捷鍵Alt+Ctrl+4,載入通道orig的選區(qū)范圍。我們先將選區(qū)邊緣稍稍模糊一下,使用選擇>羽化命令,在羽化命令對話框中將羽化半徑設(shè)為2像素,反選,用前景色填充;再次反選,打開編輯菜單下的描邊對話框,將描邊寬度設(shè)為10像素,顏色為黑色,位置居內(nèi),混合屬性為正常;緊接著,用編輯菜單下的消褪命令,將剛才描邊的不透明度退去50%不透明度,正常模式,這樣,描邊將以50%的不透明度出現(xiàn),保持選擇狀態(tài);(圖02a)

2009年1月5日 - 理睬 - 理 睬

圖02a這時候,我們要做的工作是將灰色的描邊慢慢向白色部分過渡,我們可以用多次高斯模糊的方法來實(shí)現(xiàn)這一效果。具體方法是從濾鏡菜單中選擇高斯模糊濾鏡,第一次將模糊半徑設(shè)為8.0像素;第二次使用高斯模糊濾鏡時,將半徑設(shè)為4.0像素;第三次則設(shè)為2.0像素。由于我們在模糊前沒有取消選擇,所以模糊都在選取范圍內(nèi)進(jìn)行。現(xiàn)在,我們?nèi)∠x擇,按Ctrl+F,重復(fù)最后一次濾鏡的效果,這樣,在文字的邊角和連接處的細(xì)微部分也得到了適當(dāng)?shù)哪:幚,不會出現(xiàn)尖銳和我們不希望得到的清晰線條,圖像從清晰到模糊有著很好的過渡。(圖02b)

2009年1月5日 - 理睬 - 理 睬

圖02b

  打開色相/飽和度命令,我們初步為圖像上色。先選擇著色模式,然后將色相、飽和度、明度分別設(shè)為326、50和-25。你可能會覺得這種洋紅色有些古怪,先等一等,一會兒它就會變得漂亮起來。(圖02c)

2009年1月5日 - 理睬 - 理 睬

圖02c

  3.下面我們來確定圖像高光部分的選區(qū),依然是通過通道來確定。在通道面板中,復(fù)制通道orig,將副本通道更名為“highlights”。載入當(dāng)前通道選區(qū),用描邊命令為通道選區(qū)描邊,寬度為10像素,顏色為黑色,位置居內(nèi),正;旌。然后取消選擇。(圖03a)

2009年1月5日 - 理睬 - 理 睬

圖03a

  提示:用與周圍背景色相同的顏色對選區(qū)描邊,是我們常用的一種縮小選區(qū)范圍的方法。

  打開高斯模糊濾鏡,將模糊半徑設(shè)為2.0像素;然后使用風(fēng)格化濾鏡組中的浮雕濾鏡,將浮雕的角度設(shè)為135度,高度為4像素,數(shù)量為150%;按Ctrl+I,將圖像反相處理,這樣,我們就可以看到文字高光部分的雛形了(圖03b)。

  下面我們要對白色的高光部分進(jìn)行提煉。從圖像>調(diào)整中選擇色階命令,先將輸入色階設(shè)為128,1.00,255,消除浮雕濾鏡添加的中性灰色,這樣,圖像中僅剩下白色、黑色和白色邊緣少量的模糊;我們再使用一次高斯模糊濾鏡,半徑依然為2.0像素,將圖像稍微模糊一下,再一次調(diào)整色階,將輸入色階設(shè)為75,1.00,124,完全消除灰色像素,F(xiàn)在圖像中的白色部分就是我們想要取得的高光部分。(圖03c)

2009年1月5日 - 理睬 - 理 睬

圖03c  4.現(xiàn)在載入當(dāng)前通道選區(qū),回到RGB綜合通道。在main object層中,用白色填充選區(qū)。隨即用消褪命令消去10%的不透明度,使剛才的白色填充呈現(xiàn)出90%的不透明度,模式為正常,減低不透明度會使高光效果更自然一些,F(xiàn)在載入通道orig的選區(qū),反選后刪除,取消選擇。這樣圖像周圍的黑色背景就被去除了。(圖04)

2009年1月5日 - 理睬 - 理 睬

圖04

  5.你可能會覺得圖像在白色背景的襯托下反而不如刪除前的黑色背景協(xié)調(diào),那么下面我們就來為它添加較為特別的“底襯”。選擇背景層,在其上新建一層,命名為“back”。在back層內(nèi),按住Ctrl點(diǎn)擊main object層,載入不透明度區(qū)域,然后點(diǎn)擊圖層面板上main object層前面的小眼睛,使它暫時隱藏起來,不遮蔽視線。依然在back層中,用黑色填充選區(qū),取消選擇。這時我們要擴(kuò)展黑色區(qū)域,最簡單的方法是用圖層樣式中的外發(fā)光。雙擊圖層,進(jìn)入圖層樣式面板,選擇外發(fā)光效果,將混合模式設(shè)為正常,不透明度為100%,發(fā)光色為黑色,方法為精確,擴(kuò)展為100%,大小為16像素,品質(zhì)為默認(rèn)。如果你的圖像和例圖有較大不同,那么請試著找到合適的設(shè)置。結(jié)果如圖05a所示。

2009年1月5日 - 理睬 - 理 睬

圖05a

  現(xiàn)在轉(zhuǎn)入通道面板,隨意復(fù)制一個單色通道,將副本通道更名為“back”。先反相處理,再用半徑為2.0像素的高斯模糊濾鏡對圖像稍加模糊,打開色階對話框,將輸入色階設(shè)為85,1.00,155,消除白色圖像邊緣部分的鋸齒。

  回到綜合通道,在圖層面板中刪除圖層back,再新建一個名為“back”的圖層,依然位于背景層之上,隱藏的main object層之下,填充白色。載入通道back的選區(qū),用黑色填充后,消褪填充的不透明度至75%,模式為正常,取消選擇。顯示main object層,以back層為目標(biāo)層,打開色相/飽和度命令對話框,選擇著色模式,將色相、飽和度、明度分別設(shè)為180、50和0。如果沒有上一步的消褪填充不透明度這一步驟,那么我們就無法用色相/飽和度命令為圖層上色了。(圖05b)

2009年1月5日 - 理睬 - 理 睬

圖05b

  6.我們下面的工作,是要讓這個綠色的底襯鮮明生動起來。首先,我們來添加立體效果中的高光部分。在通道面板中,復(fù)制通道back,將副本通道更名為back h/s mask。用半徑為6.0像素的高斯模糊處理通道圖像,然后選擇濾鏡>其它>位移,在對話框中,將水平和垂直位移量都設(shè)為9像素,這會使通道圖像向右和向下各移動9像素。未定義區(qū)域可以設(shè)為重復(fù)邊緣像素或折回,但不要設(shè)置為透明,這樣會在通道的上邊和左邊出現(xiàn)9像素的白色像素。

  載入當(dāng)前通道選區(qū),回到綜合通道,隱藏main object層,在back層中,反選,選擇圖像>調(diào)整>亮度/對比度,在對話框中將選區(qū)亮度增大到+100,對比度不變,然后取消選擇,完成初步的高光。(圖06a)

2009年1月5日 - 理睬 - 理 睬

圖06a

  然后是暗調(diào)部分。選擇通道back h/s mask,打開位移濾鏡,將水平和垂直移動量都設(shè)為-9,未定義區(qū)域如前,這次位移使通道圖像回到剛才的位置。按Ctrl+F,再做一次相同的位移,這樣就等于將圖像從第6步高斯模糊后的原始位置向左和向上移動了9像素。

  載入當(dāng)前通道選區(qū),回到綜合通道,在back層中,反選,用亮度/對比度命令調(diào)整,這次將亮度設(shè)為-70,對比度不變,取消選擇。由于調(diào)整范圍中包括綠色圖像周圍的白色,所以,亮度的減低會使白色變?yōu)闇\灰色。而剛才的提高亮度對白色像素來說卻不受影響。這樣,我們就得到了初步的高光和暗調(diào)部分。(圖06b)

2009年1月5日 - 理睬 - 理 睬

圖06b7.這一步我們將來處理圖層中的多余部分,還有進(jìn)一步的增強(qiáng)高光效果。先來載入通道back的選區(qū),用羽化命令柔化選區(qū)邊緣,半徑為2像素,接著選擇反選,用黑色填充選區(qū),用消褪填充命令,將不透明度設(shè)為75%,模式為正片疊底;接著載入通道back的選區(qū),用選擇>修改>收縮命令將選區(qū)范圍收縮4像素,再羽化4像素,反選,將亮度/對比度減低到-80,取消選擇。(圖07a)

2009年1月5日 - 理睬 - 理 睬

圖07a

  復(fù)制通道back,將副本通道更名為back highlights。用半徑為6.0像素的高斯濾鏡模糊通道圖像,接著調(diào)整色階,將輸入色階設(shè)為215,1.00,255,消除部分模糊;然后用風(fēng)格化>浮雕濾鏡,將角度設(shè)為135度,高度為4像素,數(shù)量為150%;反相處理后,先用色階工具消除中性灰色,設(shè)置輸入色階為128,1.00,255,用半徑為4.0像素的高斯濾鏡模糊,跟著將色階設(shè)為127,1.00,150,消除多余的模糊,這就是我們進(jìn)一步的高光選區(qū)。(圖07b)

2009年1月5日 - 理睬 - 理 睬

圖07b

  載入當(dāng)前通道選區(qū)后,回到綜合通道,在back層中,用亮度/對比度命令,將亮度增到+40,取消選擇。這樣,圖像就有了陶瓷般光潔的反光效果(圖07c),F(xiàn)在載入通道back,反選,刪除多余的黑色,取消選擇,顯示圖層main object,圖像如圖07d所示。

2009年1月5日 - 理睬 - 理 睬

圖07c

2009年1月5日 - 理睬 - 理 睬

圖07d8.我們希望綠色的底襯和紅色的文字結(jié)合的更緊密,所以對底襯部分還要進(jìn)行一些加工。在通道面板中,復(fù)制通道orig,將副本通道命名為orig h/s mask。用半徑為2.0像素的高斯濾鏡模糊,用位移濾鏡將圖像向右和向下各移動2像素,即將移動值設(shè)為-2,載入當(dāng)前通道選區(qū),回到RGB通道,在back層中,將亮度/對比度對話框中的亮度設(shè)為-75,取消選擇,紅色文字的左上方出現(xiàn)陰影;

  選擇通道orig h/s mask,打開位移濾鏡,將水平和垂直移動量都設(shè)為2像素,再連續(xù)使用兩次同樣設(shè)置的濾鏡,載入通道選區(qū),回到RGB通道,將亮度值降低到-65,取消選擇,這時紅色文字的右下方也出現(xiàn)陰影;

  再次選擇通道orig h/s mask,按Ctrl+F,施用同樣的位移濾鏡,復(fù)制當(dāng)前通道,將副本通道命名為orig h/s mask 2。選擇通道orig h/s mask,按Alt+Ctrl+F,打開上一次使用的濾鏡窗口,將水平和垂直移動量都設(shè)為-2,載入當(dāng)前通道選區(qū),選擇通道orig h/s mask 2,將選區(qū)填充黑色后,取消選擇。通道orig h/s mask 2如圖08c所示;

2009年1月5日 - 理睬 - 理 睬

圖08d

  載入通道orig h/s mask 2的選區(qū),回到綜合通道,在back層中,將亮度提到到+45,取消選擇。(圖08d)

2009年1月5日 - 理睬 - 理 睬

圖08d

  9.現(xiàn)在,我們再來添加一些描邊效果,使圖像更豐富。雙擊back層,打開圖層樣式對話框,選擇描邊效果,將大小設(shè)為4像素,位置在外部,混合模式為正常,不透明度為100%,填充類型為顏色,將描邊顏色設(shè)為RGB(153、0、153)。(圖09)

2009年1月5日 - 理睬 - 理 睬

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
李坤洋2018-06-07 06:06
太棒了
繁華陌若安生2010-06-09 11:27
頂頂
止休于符2010-06-09 11:07
不知上天2010-06-09 11:07
旗木瑾煙2010-06-09 11:07
地獄悲傷2010-06-09 11:07
glbiao2010-03-08 08:23
圖片掛掉了 麻煩樓主修正一下
zhuce120002010-03-08 07:37
看不到圖,不知道效果怎么樣
glbiao2010-03-08 08:03
圖片掛掉了 麻煩樓主修正一下
zhuce120002010-03-08 07:03
看不到圖,不知道效果怎么樣
Swift8262010-01-16 01:20
Why I can see no photo?
Swift8262010-01-16 01:01
Why I can see no photo?
宜凌2009-10-23 03:20
很不錯。∥蚁矚g這樣的顏色!
宜凌2009-10-23 03:10
很不錯啊!我喜歡這樣的顏色。

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!