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

沙灘字,夏天到了,教大家做沙灘字清涼一夏。(12)

來源:站酷 作者:紫艷冰琳 學(xué)習(xí):20047人次

序言:

說實(shí)話,今天打開我的站酷我震驚了。原本的初衷是想把自己的所看所學(xué)分享給和我一樣走在設(shè)計(jì)路上的新人,沒想到得到了這么多小伙伴的關(guān)注與支持,在此謝謝大家了。平時(shí)在站酷只會(huì)看到各位大神們的身影,我很慶幸在這里看到了很多和我一樣對(duì)設(shè)計(jì)充滿熱情的新人。也許我做的并不是最好的,愿大家一同努力,共同進(jìn)步~

正文:

不知不覺夏天已經(jīng)悄悄來到了,今天給小伙伴們分享的是“如何制作沙灘文字”有興趣的可以跟著一起做。先上我做的最終效果圖:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

教程素材:http://theoat.com.cn/photoshop/sucai/2015/137516.html

前期準(zhǔn)備:

安裝字體“Gelpen”

Step 1

打開ps,編輯——預(yù)設(shè)——預(yù)設(shè)管理器,預(yù)設(shè)類型選“圖案”,然后點(diǎn)開同一行像設(shè)置一樣的標(biāo)志,有個(gè)下拉小三角,點(diǎn)開之后選擇“自然畫筆”,跳出的對(duì)話框點(diǎn)“追加”。(這一步是為后面做準(zhǔn)備的)

 

Step 2

打開圖片1——沙灘,“圖像——調(diào)整——色彩平衡”,先調(diào)“中間調(diào)”,數(shù)值可參考下圖。(由于原教程的沙灘圖片難找,所以用了一張比較接近的圖,因此調(diào)數(shù)值可以根據(jù)自己的感覺做改動(dòng),更像沙灘的質(zhì)感就ok了。下一步同理。)

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 3

接著調(diào)“高光”。同上

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 4

復(fù)制背景圖層

 

Step 5

針對(duì)拷貝的背景圖層,“圖像——調(diào)整——色階”(快捷鍵:Ctrl+L)調(diào)節(jié)中間的灰度值,目的是讓其稍微暗一點(diǎn)。可以根據(jù)自己的感覺調(diào)整一下,以下數(shù)值可以參考。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

Step 6

輸入文字,使用“Gelpen Medium”字體,字號(hào)350點(diǎn),字間距100,顏色#6c6760,行距300點(diǎn)。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 7

對(duì)文字圖層設(shè)置圖層混合模式為“柔光”,然后復(fù)制該圖層。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 8

雙擊原始文字圖層,為其添加圖層樣式。首先選擇“內(nèi)陰影”,把“全局光”前面的勾去掉,角度調(diào)為-180,距離為20px,大小為20px。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

看看是否得到了類似這樣的效果:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 9

雙擊拷貝文字圖層,同樣為其添加圖層樣式。首先是斜面與浮雕,“方法”為“雕刻清晰”,方向向下,大小為70px,選中“光澤等高線”旁邊的“消除鋸齒”,陰影模式的不透明度為100%。接著選“等高線”,選擇“對(duì)數(shù)”等高線,勾選前面的“消除鋸齒”。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

看看是否做到類似下圖的效果:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

Step 10

選擇原始文字圖層或拷貝文字圖層,右擊,建立工作路徑。然后新建一個(gè)圖層,就命名為“1”吧,然后選擇畫筆工具。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 11

選擇一個(gè)圓形硬度大的畫筆,然后在屬性欄點(diǎn)開畫筆面板,對(duì)畫筆進(jìn)行設(shè)置。首先設(shè)置“畫筆筆尖形狀”,參數(shù)如下圖:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 12

接著設(shè)置“形狀動(dòng)態(tài)”,參數(shù)如下圖:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 13

畫筆設(shè)置好了之后,還記得前面我們對(duì)文字做了一步動(dòng)作是創(chuàng)建工作路徑么?現(xiàn)在選擇“直接選擇工具”,右擊“描邊路徑”,彈出的對(duì)話框中就是選剛剛設(shè)置好的畫筆。這樣就給文字描了個(gè)邊。再按Del鍵或者回車鍵,路徑那條線就消失了。效果就是這樣的:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 14

按住Command鍵(windows 系統(tǒng)按住ctrl鍵)同時(shí)點(diǎn)擊剛剛上一步做好的文字圖層(圖層“1”)的縮略圖,就出現(xiàn)一個(gè)選區(qū)。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

Step 15

點(diǎn)擊“選擇——修改——收縮”,縮到3,這樣就變細(xì)一點(diǎn)啦。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 16

再點(diǎn)擊“選擇——修改——羽化”,數(shù)值為2

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 17

保留選區(qū),關(guān)掉文字這個(gè)圖層,選擇拷貝背景圖層。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 18

按住command+J鍵,創(chuàng)建一個(gè)以沙灘為填充的文字選區(qū),將它命名為“Layer 1”,移到所有圖層的最上方。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

Step 19

雙擊“Layer1”圖層,為其添加圖層樣式。首先是“斜面與浮雕”,選中“消除鋸齒”,高光模式選擇“柔光”,顏色#ffe1ba,陰影模式選擇“線性加深”,顏色為#d0c1ab。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 20

等高線就默認(rèn)為原來的。不用改動(dòng)。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 21

紋理選擇如圖的紋理樣式。(就在前面剛開始第一步我們追加的那些紋理里找最相似的一個(gè)就好了)

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

看看效果是否與下圖相似:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 22

為了讓這一步的效果更自然,再按住command鍵點(diǎn)擊圖層“1”得到選區(qū),

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

Step 23

點(diǎn)擊“選擇——修改——擴(kuò)展”,數(shù)值為7

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 24

再點(diǎn)擊“選擇——修改——羽化”,數(shù)值為5.

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 25

到了這一步,會(huì)發(fā)現(xiàn)文字的里面也有一些封閉的選區(qū)。這時(shí),按住command+shift鍵,點(diǎn)擊文字圖層或拷貝文字圖層中得任意一個(gè),中間這些選區(qū)就不見了?梢愿惺芤幌掠袥]有這一步的區(qū)別。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 26

保留選區(qū),選擇原始背景圖層,command+J ,創(chuàng)建了一個(gè)新圖層“Layer 2”,移到拷貝背景圖層上,原始文字圖層下。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 27

雙擊“Layer 2”圖層,為其添加圖層樣式——投影;旌夏J綖榫性加深,顏色為#e8e3dc,去掉全局光,角度為139,距離為19,大小為18

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

看看有沒有做到這樣的效果呢:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

Step 28

接下來再次選擇畫筆工具,打開畫筆面板進(jìn)行設(shè)置。如下圖:

設(shè)置筆尖形狀:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

設(shè)置形狀動(dòng)態(tài):

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

設(shè)置散布:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 29

選擇任意一個(gè)文字圖層,右擊創(chuàng)建工作路徑,新建一個(gè)圖層,命名為“stroke shadow”,前景色為#404040,選擇“直接選擇工具”,右擊描邊路徑,就用剛剛設(shè)置好的畫筆。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

做完就是這樣的效果:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

Step 30

按住command鍵,點(diǎn)擊“stroke shadow”圖層,建立選區(qū),然后選擇拷貝背景圖層,command+J 創(chuàng)建了一個(gè)新圖層“stroke”。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 31

這時(shí)選擇前面做好的“Layer 1”圖層,右擊,復(fù)制圖層樣式,再回到“stroke”圖層,右擊,復(fù)制圖層樣式。效果就做好啦。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 32

選擇“stroke shadow”圖層,點(diǎn)擊濾鏡——模糊——動(dòng)感模糊,數(shù)值如圖所示:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 33

將“stroke shadow”圖層的混合模式調(diào)為“線性光”,然后用移動(dòng)工具稍微移動(dòng)一下,使文字周圍的沙粒的陰影更自然即可。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 34

按住command鍵,點(diǎn)擊任意一個(gè)文字圖層,仍然選中“stroke shadow”圖層,按住delete鍵,可以把文字中間的不合理陰影去掉 。最后ctrl+D取消選區(qū)。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 35

ctrl+O打開海星素材圖片(有下載),用魔術(shù)棒點(diǎn)擊白色區(qū)域,然后ctrl+shift+I,即獲得海星選區(qū)。然后ctrl+J 創(chuàng)建一只有海星沒有背景的新圖層。然后用選擇工具將海星拖到沙灘這一窗口中放在合適的位置。

 

Step 36

針對(duì)海星這一圖層,點(diǎn)擊“圖像——調(diào)整——色相/飽和度”,數(shù)值可以參考下圖。(海星的原圖也找不到,因此這里的數(shù)值就可以參考+自由發(fā)揮,調(diào)整到跟能沙灘和諧相處就好啦)

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

Step 37

雙擊海星這一圖層,為其添加圖層樣式:首先是內(nèi)陰影,不透明度為35%,不勾選全局光,角度為-30

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 38

然后是外發(fā)光,混合模式是正片疊底,不透明度55%,顏色#d8d2ca,大小為16

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 39

最后是投影,混合模式是線性光,顏色是#404040,不要全局光,角度138,雜色20%。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

效果是這樣滴:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 40

接下來要給海星周圍也做一些翻出來的沙粒,就像前面給文字做這樣的效果一樣。基本的思路就是創(chuàng)建一個(gè)工作路徑(由于海星是圖片,沒辦法右擊直接創(chuàng)建工作路徑,因此可以用鋼筆工具沿著海星的輪廓畫一個(gè)路徑),然后用設(shè)置好的畫筆(就用前面給文字做沙粒效果時(shí)用過的畫筆)給路徑描邊,做一個(gè)沙粒層(相當(dāng)于前面的“stroke”層),一個(gè)投影層(相當(dāng)于“stroke shadow”層)。圖層樣式可以直接復(fù)制對(duì)應(yīng)圖層的圖層樣式過來就好啦。

最終的效果是這樣的:(不一定要跟我一樣哦~)

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 41

調(diào)整整個(gè)畫面的對(duì)比度。新建調(diào)整圖層,選擇“曲線”

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

Step 42

按下圖參數(shù)調(diào)整曲線參數(shù),亮部稍微亮一些

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 43

再新建一個(gè)調(diào)整圖層,選擇“純色”,顏色為#b1a99c

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 44

圖層混合模式設(shè)置為顏色加深,不透明度為20%

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 45

點(diǎn)擊“文件——置入”,將泡沫圖片(有下載)置入,圖層混合模式設(shè)置為濾色,點(diǎn)擊“圖像——調(diào)整——取色”,然后移動(dòng)泡沫至適當(dāng)位置。如果一個(gè)不夠,按住alt鍵,移動(dòng)泡沫圖層,就可以復(fù)制出一個(gè)泡沫圖層,以此類推。用橡皮擦工具擦除不需要的泡沫,達(dá)到你要的效果即可。

像這樣:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

Step 46

新建一個(gè)圖層“water”,用套索工具在泡沫周圍做選區(qū),填充顏色為#b2b3ad

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 47

ctrl+D去掉選區(qū),將圖層混合模式設(shè)置為正片疊底,不透明度為20%。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

Step 48

點(diǎn)擊“濾鏡——模糊——高斯模糊”,數(shù)值為5

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 49

將圖層透明度調(diào)整到15%,再?gòu)?fù)制一層,用移動(dòng)工具移動(dòng)這一層至原始“water”層與泡沫層之間,制造一種越靠近文字水跡越淺的感覺。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 50

選中除了泡沫和水跡的圖層以外的所有圖層,ctrl+E,合并為一個(gè)圖層"Final"。

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 51

點(diǎn)擊濾鏡——渲染——光照效果,選擇聚光燈,如下圖進(jìn)行范圍的調(diào)整:

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

Step 52

顏色:246, 242, 234

著色:247, 240, 223

(分別對(duì)應(yīng)R、G、B)

沙灘字,夏天到了,教大家做沙灘字清涼一夏。

 

這樣就做好啦~最后可以將成品裁剪至合適大小就ok啦~

 

這個(gè)案例中有很多圖層樣式的設(shè)置,小伙伴們?cè)谧龅倪^程中可以體會(huì)一下這些圖層樣式的參數(shù)的調(diào)節(jié),不同的參數(shù)會(huì)有怎樣不同的效果等等。加油吧~

 

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

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時(shí),大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評(píng)論 | 交作業(yè) -
最新評(píng)論
留下美-網(wǎng)站管理員2018-05-12 04:13
辛苦了
眾生2018-02-08 05:13
教程不錯(cuò)~_~!
劉佳2015-12-26 03:50
交作業(yè)啦~~~
劉佳2015-12-26 03:12
交作業(yè)啦~~~
謝謝!非常好的教程。2015-06-12 10:33
謝謝!非常好的教程 。
謝謝!非常好的教程。2015-06-12 10:06
謝謝!非常好的教程 。
我是一只逗比2015-05-09 03:20
不錯(cuò)的教程
黎斯妍2015-05-09 03:20
不錯(cuò)的教程
血染彼岸凝成花2015-05-09 03:20
不錯(cuò)的教程
我是一只逗比2015-05-09 03:20
不錯(cuò)的教程
黎斯妍2015-05-09 03:20
不錯(cuò)的教程
血染彼岸凝成花2015-05-09 03:20
不錯(cuò)的教程
我是一只逗比2015-05-09 03:20
不錯(cuò)的教程
黎斯妍2015-05-09 03:20
不錯(cuò)的教程
血染彼岸凝成花2015-05-09 03:20
不錯(cuò)的教程

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

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