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

ps制作復(fù)古插畫文字效果(4)

來源:網(wǎng)絡(luò) 作者:飛特網(wǎng) 學(xué)習(xí):13549人次

  最終效果

photoshop制作復(fù)古插畫文字效果  教程

  1、首先我們來制作一個大的木紋紋理圖。要達(dá)到真實木紋效果可能有困難,所以只要像木紋的紋理就可以了。新建一個大尺寸的文件:6000 X 6000像素(300ppi)選擇前景色為深棕色#48403a,背景色淺一些#ac9f92,用深棕色填充背景圖層;選擇濾鏡-渲染-纖維,設(shè)置:差=12.0,強(qiáng)=34.0雙擊圖層將背景轉(zhuǎn)換為圖層,按Ctrl+T旋轉(zhuǎn)圖層90度,再向兩邊伸拉圖片直至沒有空白。

photoshop制作復(fù)古插畫文字效果 教程

  2、現(xiàn)在我們要使纖維更有層次,顏色再深一些:選擇圖層-新建調(diào)整圖層-漸變映射,圖層模式為疊加,不透明度為50%,如下圖:

photoshop制作復(fù)古插畫文字效果 教程
photoshop制作復(fù)古插畫文字效果 教程

  3、新建一個層,填充顏色#633a1c,圖層模式為正片疊底。

photoshop制作復(fù)古插畫文字效果 教程

  4、最后,新建一個層,按G選擇漸變工具,前景色為白色,從上至下拉一個白色的漸變,不透明度10%左右。選擇整個畫面,按Ctrl+A,然后按Ctrl+E向下合并圖層,然后合并所有圖層。

photoshop制作復(fù)古插畫文字效果 教程

  5、新建一個文件,文件大小為29.7X21CM,分辨率300ppi,顏色模式為CMYK,而不是RGB。

  添加字體到文件里,一個字母一個圖層,什么顏色不重要,因為我們將用紋理覆蓋字體,為了區(qū)分圖層,我選擇不同的綠色。

photoshop制作復(fù)古插畫文字效果 教程

  6、現(xiàn)在雙擊字母T圖層,添加以下圖層樣式效果:

  顏色代碼如下:投影#000000,外發(fā)光#476454,斜面和浮雕:高光模式#f09629-陰影模式#45293c,描邊#466454。

photoshop制作復(fù)古插畫文字效果 教程
photoshop制作復(fù)古插畫文字效果 教程
photoshop制作復(fù)古插畫文字效果 教程
photoshop制作復(fù)古插畫文字效果 教程

  圖層樣式完成后,效果如下圖所示:

photoshop制作復(fù)古插畫文字效果 教程

  7、復(fù)制樣式(在圖層上點擊右鍵-復(fù)制圖層樣式),復(fù)制到所有的字母圖層,新建一層,鍵入一個大大的字母&。

photoshop制作復(fù)古插畫文字效果 教程

  8、按ctrl+鼠標(biāo)左鍵,點選所有字母圖層,將字母拖入木紋紋理圖里。

  在字母T上面新建一個層,圖層-創(chuàng)建剪貼蒙板,復(fù)制木紋圖層,移至字母T圖層上方,效果見下圖:

photoshop制作復(fù)古插畫文字效果 教程

  9、在木紋復(fù)制圖層上新建一個層,按Ctrl點擊字母T圖標(biāo),選擇-修改-收縮(收縮量:7像素)

photoshop制作復(fù)古插畫文字效果 教程

  10、填充白色,濾鏡-模糊-高斯模糊,半徑1.0像素。

photoshop制作復(fù)古插畫文字效果 教程

  11、圖層不透明度40%,選擇橡皮擦工具,硬度80%,擦去字母下面的部分,見下圖。

photoshop制作復(fù)古插畫文字效果 教程

  12、打開兩個鉚釘圖片,用鋼筆工具摳出鉚釘,去色(Ctrl+Shift+U)。我們把十字型的作為大鉚釘,一字型的作為小鉚釘。將大鉚釘放到T字母上,圖層樣式設(shè)置如下:

photoshop制作復(fù)古插畫文字效果 教程
photoshop制作復(fù)古插畫文字效果 教程
photoshop制作復(fù)古插畫文字效果 教程
photoshop制作復(fù)古插畫文字效果 教程
photoshop制作復(fù)古插畫文字效果 教程

  13、用同樣的方法制作小鉚釘,并把大小鉚釘釘在字母上,效果如下圖所示:

photoshop制作復(fù)古插畫文字效果 教程

  14、打開下圖所示的花紋素材,用魔術(shù)棒摳出來后填充青色,然后拖到文字圖層下面,再適當(dāng)?shù)膹?fù)制,效果如下圖:

photoshop制作復(fù)古插畫文字效果 教程
photoshop制作復(fù)古插畫文字效果 教程

  15、添加圖層樣式,參數(shù)設(shè)置如下圖所示:

photoshop制作復(fù)古插畫文字效果 教程
photoshop制作復(fù)古插畫文字效果 教程
photoshop制作復(fù)古插畫文字效果 教程

  16、新建一個新層,圖層-創(chuàng)建剪貼蒙板,前景色#74cdd8,用柔角筆刷刷飾花紋:刷飾花紋邊緣的部位時,筆刷的透明度大一些(80%左右),中部透明度小一些(40%-20%)。

photoshop制作復(fù)古插畫文字效果 教程

  17、將花紋圖層和剪貼蒙板層新建一個組,復(fù)制組,并相應(yīng)的調(diào)節(jié)花紋圖案的位置。如下圖所示:

photoshop制作復(fù)古插畫文字效果 教程

  18、在底部的位置添加一個大花紋圖案組:

photoshop制作復(fù)古插畫文字效果 教程

  19、在大花紋圖層下面再添加一些小花紋,如下圖所示,調(diào)整好花紋的位置,保持花紋線條的自然流暢。

photoshop制作復(fù)古插畫文字效果 教程

  20、再加最后的花紋圖案在下圖所示的位置。

photoshop制作復(fù)古插畫文字效果 教程

  21、像往常一樣,我們調(diào)整圖片的顏色和對比度。新建一個層,選擇圖層-新建調(diào)整圖層-漸變映射,見下圖:圖層模式為線性加深,不透明度30%。

photoshop制作復(fù)古插畫文字效果 教程

  22、現(xiàn)在調(diào)整圖層的顏色,調(diào)整可選顏色的黑色,如下圖所示:

photoshop制作復(fù)古插畫文字效果 教程

  23、我想還需要添加另一些顏色,就用橙色吧。復(fù)制花紋圖案,縮小尺寸刪除明亮的青色,用顏色#f7db58。

photoshop制作復(fù)古插畫文字效果 教程

  24、再多添加幾個,見下圖:

photoshop制作復(fù)古插畫文字效果 教程

  25、現(xiàn)在,選擇每個字母,噴涂同樣的顏色

photoshop制作復(fù)古插畫文字效果 教程

  26、用AI打開花紋圖,雙擊花紋背景圖。選擇白色部分,變換顏色為黑色。復(fù)制到Photoshop里。

  新建一個文件(顏色模式CMYK),保持花紋背景圖的大小,復(fù)制花紋背景圖到新文件里。點擊背景圖層左邊的眼睛圖標(biāo),使背景不可見,選擇編輯-自定義圖案。

photoshop制作復(fù)古插畫文字效果 教程
photoshop制作復(fù)古插畫文字效果 教程

  27、在木紋背景圖層上方新建一個層,選擇油漆桶工具-圖案,填充花紋背景圖案,添加圖層樣式如下圖所示:

photoshop制作復(fù)古插畫文字效果 教程
photoshop制作復(fù)古插畫文字效果 教程
photoshop制作復(fù)古插畫文字效果 教程

  28、新建一個層,圖層-創(chuàng)建剪貼蒙板,用白色低流量在圖像中部涂抹出一個陰影,不用太明顯,如下圖所示:

photoshop制作復(fù)古插畫文字效果 教程

  29、再用橙色f7db58涂抹幾處較亮的地方,洗個如下圖所示,完成最終效果。

photoshop制作復(fù)古插畫文字效果 教程

  OK·!教程結(jié)束,大家多做出來效果了吧!希望大家喜歡這篇教程!

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
轉(zhuǎn)角的那一刻2016-09-23 10:47
素材在哪里下載

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

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