ps創(chuàng)建帶光澤的3D文字特效(9)
最終效果:
第一步
打開Illustrator新建RGB文檔,1000px * 800px,72DPI,寫一些文字,字體稍大些。我這里用Marketing Script字體,字號234pt。
第二步
選擇文字,對象>擴(kuò)展,點(diǎn)擊“確定”按鈕,F(xiàn)在我們的文字已經(jīng)不再是可編輯的文本了,它已經(jīng)變成了需使用直接選取工具編輯的路徑了。
現(xiàn)在,我們的字母是被編組在一起的,我們要把他們變成一體的路徑。用路徑查找器下的“聯(lián)集”可以做到。如果沒打開路徑查找器面板,窗口>路徑查找器,打開面板,然后選中路徑,點(diǎn)擊“聯(lián)集”。
第三步
文本顏色也改成淺灰色。用鋼筆工具(P)在字母s的末尾開始勾一個(gè)如圖的曲線。
根據(jù)字母的粗細(xì)調(diào)節(jié)一下曲線的粗細(xì),我這里是12pt。
第四步
在圖層面板中拖拽路徑層到新建圖層按鈕來復(fù)制圖層。點(diǎn)擊新復(fù)制出來圖層前面的小眼睛,隱藏圖層。這樣可以方便我們后面在Photoshop中添加陰影。
用直接選取工具(A)選擇右下角的兩個(gè)節(jié)點(diǎn),按下Delete鍵刪除節(jié)點(diǎn),把該圖層命名為“swirl 1。
隱藏圖層“swirl 1”,顯示我們剛才復(fù)制的圖層,重命名為“swirl 2”,刪除以下節(jié)點(diǎn)。這樣做是由于當(dāng)我們把路徑擠壓成3D效果時(shí),不想讓路徑在交叉點(diǎn)橫穿,而是想要前后層的效果。
第五步
讓所有圖層都顯示,選中兩個(gè)新建的路徑圖層,對象 > 擴(kuò)展,點(diǎn)擊“確定”。放大視圖如下移動路徑節(jié)點(diǎn),編輯細(xì)節(jié)。
放大視圖到曲線末尾,增加兩個(gè)節(jié)點(diǎn)如下所示,然后輕微上移和右移。
轉(zhuǎn)換錨點(diǎn)工具(Shift + C),調(diào)整兩個(gè)新的錨點(diǎn)讓尖角變成圓角。
第六步
然后我們調(diào)整路徑中要與文字連接的區(qū)域,讓它們連接更平滑。
第七步
調(diào)整滿意以后,讓所有的形狀統(tǒng)一填充色為中等灰色。然后選中所有對象,效果 > 3D > 凸出和斜角。
選擇所有對象,對象 > 擴(kuò)展外觀。
現(xiàn)在銜接的地方效果不是很理想,你可以微調(diào)節(jié)點(diǎn),稍后我們也會對此做調(diào)整。
第八步
隱藏兩個(gè)線條圖層,僅讓文字層可見。選擇文字圖形,右擊 > 取消編組,然后再來一次,右擊 > 取消編
組。選擇在前面的正面圖形,隱藏該層,F(xiàn)在應(yīng)該留下3d陰影元素。
拖動鼠標(biāo)選取所有剩下的圖形元素,點(diǎn)擊路徑查找器中的“聯(lián)集”按鈕,命名圖層為“3d 1”。然后對隱藏的那兩個(gè)曲線圖層重復(fù)同樣的操作,把新圖層分別命名為“3d 2”和“3d 3”。
-
第九步
你現(xiàn)在應(yīng)該有6個(gè)圖層了
“text”, “3d 1″, “swirl 1″, “3d 2″, “swirl 2″ and “3d 3″
在我們導(dǎo)出這個(gè)文件到Photoshop之前,我們需要把視圖放大,用直接選取工具(A)調(diào)節(jié)一下曲線節(jié)點(diǎn),讓他們無縫銜接。
現(xiàn)在我們將把文件導(dǎo)出成一個(gè)分層的PSD文件。文件 > 導(dǎo)出,選擇Photoshop (*.psd)格式。
第十步
用Photshop打開剛剛導(dǎo)出的文件,圖像 > 畫布大小,輸入3000 * 2000px,點(diǎn)擊“確定”。Cmd/Ctrl + T調(diào)節(jié)圖形到合適的大小。
如下命名我們的圖層。
編組圖層(Cmd/Ctrl + G),“1”中包含“base 1”和“3d 1”,“2”包含“base 2”和“3d 2”,“3”包含“base 3”和“3d 3”。
第十一步
在“3”下面新建一層,命名為“bg”(作為背景),填充白色。在“bg”之上新建圖層,命名為“bg2”。設(shè)置前景色為#767676,選擇漸變工具(G)。選擇前景色到透明漸變,從文檔頂部到中間拉一條漸變,設(shè)置圖層不透明度為30%。
在“bg 2”上新建一層,命名為“bg 3。選擇漸變工具,按一下D鍵將前景色和背景色分別設(shè)置為黑色和白色。用前景色到背景色漸變在文檔的底部拉一個(gè)新的漸變,將該層不透明度設(shè)置為10%。群組這三個(gè)新的圖層,命名為“background”。
第十二步
選擇圖層“base 1”,加一個(gè)漸變疊加圖層樣式(圖層 > 圖層樣式 > 漸變疊加),顏色從#c81d61到#d3347b。
右擊圖層“base 1”選擇拷貝圖層樣式,選擇圖層“base 2”,Cmd/Ctrl + 點(diǎn)擊圖層“base 3”讓兩個(gè)圖層都為選中狀態(tài),然后右擊這兩個(gè)圖層,選擇粘貼圖層樣式。雙擊圖層“base 3”的圖層樣式,打開圖層樣式面板并反轉(zhuǎn)漸變。
第十三步
現(xiàn)在我們給所有的“3d”圖層添加顏色疊加的圖層樣式。選中圖層“3d 1”應(yīng)用顏色疊加圖層樣式(圖層 > 圖層樣式 > 顏色疊加),顏色為#797979。然后拷貝圖層樣式(右擊 > 拷貝圖層樣式)然后粘貼到圖層“3d 2”和“3d 3”。
在組“1”中新建一個(gè)圖層,命名為“shine”。我們的圖層結(jié)構(gòu)應(yīng)該如下:
設(shè)置前景色為白色,選擇前景色到透明漸變,拉一條從文字中間到頂部的漸變。
Cmd/Ctrl + 單擊圖層“base 1”的縮略圖,(這將建立一個(gè)基于該圖層的選區(qū)),然后選擇 > 修改 > 收縮,收縮量為2像素。
把圖層“shine”的不透明度改為30%,在剛剛那個(gè)選區(qū)激活狀態(tài)的情況下點(diǎn)選圖層“shine”,點(diǎn)擊圖層面板底部的“添加圖層蒙版”按鈕。
第十四步
在圖層蒙版被選中的狀態(tài)下,設(shè)置前景色為黑色,選擇一個(gè)適中大小的硬邊緣筆刷在圖層“shine”下面畫蒙版。
新建一個(gè)圖層叫“shine”,放到組“2”中,沿斜線方向拉另一個(gè)白色到透明的漸變。
Cmd/Ctrl + 單擊圖層“base 2”的縮略圖(生成一個(gè)基于該層的選區(qū)),然后Cmd/Ctrl + shift + 單擊圖層“base 3”(這將增加基于圖層“base 3”的選區(qū)到現(xiàn)有的選區(qū)上)。收縮選區(qū)2像素,選擇 > 修改 > 收縮 > 2像素。選中新圖層“shine”,點(diǎn)擊圖層面板下面的“添加圖層蒙版”按鈕。效果如下。
把圖層“shine”不透明度設(shè)為50%,選用合適的硬邊緣筆刷修改蒙版,遮住更多的地方。
第十五步
在組“1”中新建一個(gè)組,命名為“3d shading”,把它放在圖層“3d 1”之上,“base 1”之下。Cmd/Ctrl + 單擊“3d 1”的縮略圖,然后點(diǎn)擊“添加圖層蒙版”按鈕,為新組加蒙版。
在這個(gè)組里新建圖層,命名為“shading 1”,然后用一個(gè)小點(diǎn)的柔邊筆刷,80%的黑色,根據(jù)你所表現(xiàn)的光源方向,在應(yīng)該為暗部的地方加陰影。
然后設(shè)置圖層的混合模式為疊加,50%的不透明度。
在圖層“shading 1”之上新建圖層命名為“shading 2”,用一個(gè)小的柔邊筆刷,不透明度為50%,白色,在光源環(huán)境中應(yīng)更亮的地方噴涂。
設(shè)置圖層“shading 2”不透明度為50%,圖層混合模式為疊加。
在這個(gè)組里新建一層“shading 3”。用小的柔邊筆刷,不透明度100%,黑色,在沒有光能找到的地方噴涂更多的陰影。
第十六步
現(xiàn)在我們將對組“2”重復(fù)剛才的步驟。在組“2”中,在“3d 2”之上,“base 2”之下新建一個(gè)組,取名叫“3d shading 2”,Cmd/Ctrl + 單擊“3d 2”的縮略圖,將生成的選區(qū)作為一個(gè)遮罩應(yīng)用給“3d shading 2”。然后新建圖層取名叫“shading 1”,用一個(gè)合適大小的柔邊黑色筆刷在這個(gè)組的陰影部分噴涂。將混合模式設(shè)置為疊加。
在這個(gè)組中新建一個(gè)圖層叫“shading 2”。用一個(gè)合適大小柔邊白色筆刷在左角畫出高光,修改圖層混合模式為疊加。
第十七步
現(xiàn)在我們對組“3”做同樣的事情。新建一個(gè)組叫“3d shading 3”,把這個(gè)組放在組“3”里,在“base 3”和“3d 3”之間。Cmd/Ctrl + 單擊圖層“3d 3”,將選區(qū)作為遮罩應(yīng)用給“3d shading 3”。在這個(gè)新文件夾中新建圖層命名為“shading 1”,設(shè)置混合模式為疊加。用一個(gè)大點(diǎn)的黑色筆刷沿著底部邊緣噴涂陰影。
新建一個(gè)圖層,命名為“shading 2”,用一個(gè)大點(diǎn)兒的白色筆刷如下噴涂高光。
把圖層混合模式改為疊加。
現(xiàn)在,圖像效果和圖層應(yīng)顯示如下圖。
第十八步
現(xiàn)在回到組“1”,拖拽“base 1”到圖層面板底部的“新建圖層”按鈕上來復(fù)制一層。
雙擊新復(fù)制圖層的漸變疊加效果打開圖層樣式窗口。在圖層樣式窗口,取消勾選漸變疊加,按照如下設(shè)置增加內(nèi)陰影。
右擊該圖層的圖層效果,選擇創(chuàng)建圖層。這將會把效果從圖層上分離出來,轉(zhuǎn)換成一個(gè)位圖。命名這個(gè)圖層為“highlight 1”。
現(xiàn)在你可以刪除圖層“base 1 copy”了。使用方向鍵左移“highlight 1″1像素,Cmd/Ctrl + 單擊“base 1”的縮略圖,點(diǎn)擊圖層面板底部的“添加圖層遮罩”按鈕將生成的選區(qū)作為遮罩應(yīng)用給“highlight 1”。
用方向鍵將圖層向上微移1像素,左移2像素。這是為了將高光正巧放在字母的折角處發(fā)出反射光的地方。效果如下。
編組圖層“highlight 1”(Cmd/Ctrl + G),命名該組為“highlight”。點(diǎn)擊圖層蒙版按鈕給該組一個(gè)圖層蒙版。當(dāng)然,我們也可以在圖層“highlight 1”的圖層蒙版上直接工作,但在組的圖層蒙版上工作比較容易修改錯誤或是微調(diào)蒙版。
在圖層蒙版被選中的狀態(tài)下,用合適的柔邊黑色筆刷,遮住高光文件夾的區(qū)域。遮住所有左上邊緣以外的區(qū)域。效果如下。
第十九步
對組“2”和“3”重復(fù)剛剛的步驟復(fù)制“base”圖層,應(yīng)用內(nèi)陰影,然后由樣式新建一個(gè)圖層,還有必要的遮罩。
好啦,現(xiàn)在我們加點(diǎn)顏色上去。在所有圖層和組的最上面新建一個(gè)文件夾,命名為“color overlay”。在新組里新建一個(gè)圖層名叫“overlay 1”。前景色設(shè)為#7c21c8,用漸變工具(G),前景色到透明,徑向漸變。在圖形的右下角區(qū)域畫一個(gè)大大的漸變,混合模式設(shè)為顏色。
第二十步
新建一層叫“overlay 2”,前景色為#fee409,在圖形右上角畫另一個(gè)漸變;旌夏J礁臑轭伾
第二十一步
現(xiàn)在我們需要一個(gè)包含全部“base”圖層的選區(qū)。Cmd/Ctrl + 單擊“base 1”,Cmd/Ctrl + Shift + 單擊“base 2”,Cmd/Ctrl + shift + 單擊“base 3”。
點(diǎn)擊“添加圖層蒙版”按鈕把基于這個(gè)選區(qū)的蒙版加給組“color overlay”。
第二十二步
現(xiàn)在給圖層“3d”加顏色。在組“1”中新建圖層,命名為“color 1”,把它放在組“3d shading 1”之上。選則漸變工具,設(shè)置一個(gè)三色漸變,顏色分別為#a53c3d,#c52366和#b22d9d。在新圖層上,畫一個(gè)長度為我們圖像長度的漸變,設(shè)置“color 1”的混合模式為顏色。
第二十三步
現(xiàn)在我們要用圖層“3d”的形狀為新的漸變圖層添加遮罩,并減掉一些“base”圖層的形狀。選區(qū)的精準(zhǔn)非常必要,因此請按照以下操作提示進(jìn)行單擊,記住,你要單擊圖層的縮略圖而非整個(gè)圖層。
首先,Cmd/Ctrl + 單擊“3d 3”,然后Cmd/Ctrl + alt + 單擊“base 2”,Cmd/Ctrl + Shift + 單擊“3d 2”,下面Cmd/Ctrl + Shift + 單擊“3d 1”,最后Cmd/Ctrl + Alt + 單擊“base 1”。獲得選區(qū)后,作為遮罩應(yīng)用給“color 1”。
第二十四步
下面,在組“2”之上新建圖層,命名為“shadow”。Cmd/Ctrl + 單擊縮略圖“base 2”,Cmd/Ctrl + shift + 單擊“3d 2”的縮略圖,把基于選區(qū)的遮罩加給圖層“shadow”。在這個(gè)圖層,用一個(gè)適中的柔邊筆刷,不透明度為30%,黑色,在曲線上部被蚊子遮住的地方噴涂陰影。這會讓兩個(gè)元素間產(chǎn)生層次感。
現(xiàn)在我們要對曲線遮住自己的地方做同樣的事情。在組“3”之上新建一層,命名為“shadow 2”。
Cmd/Ctrl + 單擊“base 3”的縮略圖,Cmd/Ctrl + Shift + 單擊“3d 3”的縮略圖,把基于獲得的選區(qū)的遮罩加給“shadow 2”。用一個(gè)適中的柔邊筆刷,30%黑色,在下面的曲線圖形上噴涂陰影。
第二十五步
我們就要完成了,就剩下一個(gè)小陰影和倒影沒加了。如果現(xiàn)在收起所有的文件夾,你應(yīng)該剩下5個(gè)組。選擇除了“background”之外的組,拖到“新建圖層”按鈕上,進(jìn)行復(fù)制。選中剛復(fù)制出的所有文件夾,Cmd/Ctrl + E合并到一層,命名為“reflection”。自由變換(Cmd/Ctrl + T),右擊 > 垂直翻轉(zhuǎn)。把這層移到下面,加一個(gè)圖層蒙版。
前景色黑色,背景色白色,在蒙版上沿著倒影從下到上畫前景色到背景色的線性漸變,把該層的不透明度降為10%。
第二十六步
最終,在組“background”之上新建圖層命名為“shadow”。前景色設(shè)為黑色,漸變工具(G),徑向漸變,在圖像的中間畫一個(gè)大點(diǎn)兒的前景色到透明的漸變。
自由變換(Cmd/Ctrl + T),拖動上面和下面的錨點(diǎn)如圖所示減小高度。
在我們確認(rèn)自由變換的效果之前,右擊選擇透視。向左拖動右上錨點(diǎn)(左邊的錨點(diǎn)也會鏡像過來),回車。
最后
把該層的不透明度改為30%,搞定!
- 相關(guān)教程
- TA的教程
- 收藏
- 返回
- 零七創(chuàng)意
學(xué)習(xí) · 提示
相關(guān)教程