沙灘字,夏天到了,教大家做沙灘字清涼一夏。(12)
序言:
說實(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í) · 提示
相關(guān)教程