對AI只知道幾個(gè)基本工具,所以今天的教程讓我研究了好半天。對于熟悉軟件的,教程偏簡單,推薦稍微懂AI然后想進(jìn)階的親們,可以試一下。先來效果圖
![www.tgudhdp.cn_022601J59-0.jpg](http://pic.16xx8.com/allimg/160405/022601J59-0.jpg)
1.新建一個(gè)700*700px的文件,RGB。輸入任意三個(gè)字母,使用CalibriBold字體,400pt,然后對象-擴(kuò)展,注意擴(kuò)展后需要取消編組。
2.把三個(gè)擴(kuò)展后的字母設(shè)置成符號(hào)。打開符號(hào)面板,選中“A”,然后點(diǎn)擊符號(hào)面板上的新建符號(hào),命名為A。重復(fù)這個(gè)過程把其他兩個(gè)字母也設(shè)置一下。這樣就擁有三個(gè)新符號(hào)了。
![www.tgudhdp.cn_0226013517-1.jpg](http://pic.16xx8.com/allimg/160405/0226013517-1.jpg)
3.使用矩形工具畫一個(gè)350*350px的正方形,填充顏色為147,149,152。
選中這個(gè)正方形,選擇效果-3D-凸出和斜角,點(diǎn)擊更多選項(xiàng),進(jìn)行如圖設(shè)置:
![www.tgudhdp.cn_0226013938-2.jpg](http://pic.16xx8.com/allimg/160405/0226013938-2.jpg)
4.然后點(diǎn)擊貼圖。選擇表面1,選擇符號(hào)A,按照如圖設(shè)置。同理再設(shè)置表面5、表面6。
![www.tgudhdp.cn_0226012320-3.jpg](http://pic.16xx8.com/allimg/160405/0226012320-3.jpg)
![www.tgudhdp.cn_022601L09-4.jpg](http://pic.16xx8.com/allimg/160405/022601L09-4.jpg)
![www.tgudhdp.cn_0226011630-5.jpg](http://pic.16xx8.com/allimg/160405/0226011630-5.jpg)
5.選中這個(gè)方塊,執(zhí)行對象-擴(kuò)展外觀,打開圖層面板就會(huì)看到自動(dòng)生成了很多編組。按住Alt鍵點(diǎn)擊圖層左邊的小箭頭,就會(huì)展開所有圖層。刪掉如圖顯示的幾個(gè)剪貼路徑。
![www.tgudhdp.cn_02260110U-6.jpg](http://pic.16xx8.com/allimg/160405/02260110U-6.jpg)
整個(gè)群組,按Ctrl+Shift+G四次,取消多余的編組,然后將每個(gè)圖層重命名,方便以后的查找編輯,最終達(dá)到如下效果:
![www.tgudhdp.cn_022601G91-7.jpg](http://pic.16xx8.com/allimg/160405/022601G91-7.jpg)
6.選擇編輯-首選項(xiàng)-常規(guī),將鍵盤增量設(shè)置為2.5px。復(fù)制三個(gè)字母,將副本至置于圖層底部并設(shè)置不可見,之后會(huì)用到。然后選擇字母A,復(fù)制并粘貼到頂部(Ctrl+C-Ctrl+F),填充為白色,上移10px,然后按照下圖所示復(fù)制并移動(dòng)其他兩個(gè)字母。
![www.tgudhdp.cn_02260113E-8.jpg](http://pic.16xx8.com/allimg/160405/02260113E-8.jpg)
7.接下來完善字母浮雕的效果。打開智能參考線,以便尋找錨點(diǎn)。首先是字母A,使用鋼筆工具,畫三個(gè)簡單的圖形,來連接下圖所示的錨點(diǎn)。
![www.tgudhdp.cn_022601B93-9.jpg](http://pic.16xx8.com/allimg/160405/022601B93-9.jpg)
![www.tgudhdp.cn_0226012F6-10.jpg](http://pic.16xx8.com/allimg/160405/0226012F6-10.jpg)
選中底部的黑色A和剛才畫的三個(gè)矩形,進(jìn)入路徑查找器面板,點(diǎn)擊聯(lián)集。
![www.tgudhdp.cn_0226013J1-11.jpg](http://pic.16xx8.com/allimg/160405/0226013J1-11.jpg)
復(fù)制頂部白色的A,粘貼到頂部。然后將聯(lián)集生成的圖形和復(fù)制的白色A同時(shí)選中,點(diǎn)擊減去頂層。
![www.tgudhdp.cn_022601K61-12.jpg](http://pic.16xx8.com/allimg/160405/022601K61-12.jpg)
這樣就得到了一組三個(gè)黑色的圖形,就是浮雕的側(cè)面。
![www.tgudhdp.cn_0226012344-13.jpg](http://pic.16xx8.com/allimg/160405/0226012344-13.jpg)
8.然后重復(fù)步驟7來處理字母C、B。
![www.tgudhdp.cn_022601F59-14.jpg](http://pic.16xx8.com/allimg/160405/022601F59-14.jpg)
![www.tgudhdp.cn_02293I914-0.jpg](http://pic.16xx8.com/allimg/160405/02293I914-0.jpg)
![www.tgudhdp.cn_0226015116-16.jpg](http://pic.16xx8.com/allimg/160405/0226015116-16.jpg)
9.接下來給方塊兒加點(diǎn)顏色。
選擇圖層ASide,就是方塊的上面。填充顏色57,181,74。調(diào)出外觀面板(我頭一回知道外觀面板是這么用的),給這個(gè)圖層添加漸變,左色值RGB:141,255,112,右色值RGB:57,181,74,注意右滑塊不透明度為0。然后添加一個(gè)黑色的顏色填充,不透明度5%,正片疊底,然后添加新效果-藝術(shù)效果-膠片顆粒,參數(shù)如下。
![www.tgudhdp.cn_022601A56-17.jpg](http://pic.16xx8.com/allimg/160405/022601A56-17.jpg)
看著效果挺好,但是如果放大來看,圖形邊緣有很多鋸齒,這是剛才的膠片顆粒的效果造成的,所以需要處理一下。選擇ASide圖層,復(fù)制-粘貼在上方,填充白色,然后選中這兩個(gè)圖層,調(diào)出不透明度的面板,點(diǎn)擊制作蒙版,就搞定啦。
![www.tgudhdp.cn_0226012243-18.jpg](http://pic.16xx8.com/allimg/160405/0226012243-18.jpg)
10.這一步是給頂層添加個(gè)邊緣高光。將鍵盤增量改為1px,復(fù)制剛才的蒙版,粘貼在上方兩次。選擇上方的副本上移一下,然后選中這兩個(gè)副本,選擇減去頂層,給剩下的圖形填充RGB:141,198,63,圖層模式為疊加。
![www.tgudhdp.cn_0226012934-19.jpg](http://pic.16xx8.com/allimg/160405/0226012934-19.jpg)
然后使用刪除錨點(diǎn)工具去掉下圖所示的兩個(gè)錨點(diǎn),這一步是為了讓高光更自然。
![www.tgudhdp.cn_022601J19-20.jpg](http://pic.16xx8.com/allimg/160405/022601J19-20.jpg)
11.接下來是圖層BSide。注意右滑塊的不透明度是0。同樣也要去掉膠片顆粒產(chǎn)生的鋸齒。
![www.tgudhdp.cn_0226016195-21.jpg](http://pic.16xx8.com/allimg/160405/0226016195-21.jpg)
然后做這個(gè)面的高光,這次是向右向下各移動(dòng)一次。高光條顏色填充為209,211,212,正片疊底。需要?jiǎng)h除的錨點(diǎn)如下圖。
![www.tgudhdp.cn_022601P00-22.jpg](http://pic.16xx8.com/allimg/160405/022601P00-22.jpg)
12.然后是圖層CSide。
![www.tgudhdp.cn_0226011c9-23.jpg](http://pic.16xx8.com/allimg/160405/0226011c9-23.jpg)
這次是向左向下各移動(dòng)一次,色值130,231,232,正片疊底,需要?jiǎng)h除的錨點(diǎn)位置如圖。
![www.tgudhdp.cn_0226014E4-24.jpg](http://pic.16xx8.com/allimg/160405/0226014E4-24.jpg)
13.現(xiàn)在將步驟6中隱藏的副本A可見,它在圖層里的位置應(yīng)該在所有字母下方,方塊各個(gè)面的上方。下移1px,填充0,104,56,不透明度50%,正片疊底,然后進(jìn)行效果-模糊-高斯模糊,半徑1.5px,形成投影效果。
![www.tgudhdp.cn_02260124Z-25.jpg](http://pic.16xx8.com/allimg/160405/02260124Z-25.jpg)
14.選擇字母A側(cè)面三個(gè)圖形組成的編組,填充40,40,40。
注意:這里有幾個(gè)步驟我給刪掉了,完整版請參照原文。
![www.tgudhdp.cn_0226016126-26.jpg](http://pic.16xx8.com/allimg/160405/0226016126-26.jpg)
新建下圖所示的漸變樣式并保存到色板里,之后直接調(diào)用即可。然后按圖示添加漸變。
注意,黃色的0說明這個(gè)滑塊的不透明度是0。
![www.tgudhdp.cn_0226014394-27.jpg](http://pic.16xx8.com/allimg/160405/0226014394-27.jpg)
15.選中頂部的A,填充65,64,66,然后添加一個(gè)漸變填充、膠片顆粒,跟之前的步驟類似。
![www.tgudhdp.cn_022601J55-28.jpg](http://pic.16xx8.com/allimg/160405/022601J55-28.jpg)
16.將鍵盤增量改為0.5px,參照之前的步驟,給字母A添加高光條,色值是117,119,122。
![www.tgudhdp.cn_0226013H3-29.jpg](http://pic.16xx8.com/allimg/160405/0226013H3-29.jpg)
17.鍵盤增量改為1px,開始調(diào)整字母B,還是之前被隱藏的那個(gè)。移動(dòng)、填色、不透明度20%、正片疊底、高斯模糊。
![www.tgudhdp.cn_0226015137-30.jpg](http://pic.16xx8.com/allimg/160405/0226015137-30.jpg)
側(cè)面填充色值為0,104,56,然后添加漸變,不透明度是70%。
![www.tgudhdp.cn_0226012503-31.jpg](http://pic.16xx8.com/allimg/160405/0226012503-31.jpg)
18.接下來是字母B。
![www.tgudhdp.cn_0226014200-32.jpg](http://pic.16xx8.com/allimg/160405/0226014200-32.jpg)
19.鍵盤增量改為0.5px,添加高光。移動(dòng)方向是向右向下各一次。
![www.tgudhdp.cn_0226016329-33.jpg](http://pic.16xx8.com/allimg/160405/0226016329-33.jpg)
20.鍵盤增量改回1px,做C的投影。
![www.tgudhdp.cn_02260153S-34.jpg](http://pic.16xx8.com/allimg/160405/02260153S-34.jpg)
21然后添加側(cè)面的漸變。
![www.tgudhdp.cn_0226015924-35.jpg](http://pic.16xx8.com/allimg/160405/0226015924-35.jpg)
22.然后是字母C。
![www.tgudhdp.cn_0226011258-36.jpg](http://pic.16xx8.com/allimg/160405/0226011258-36.jpg)
23.鍵盤增量調(diào)回0.5px,這次向左向下各移動(dòng)一下,添加高光。
![www.tgudhdp.cn_02260160T-37.jpg](http://pic.16xx8.com/allimg/160405/02260160T-37.jpg)
24.最后給整個(gè)方塊添加投影。選擇方塊的底面圖層(我的被不小心刪了,就自己補(bǔ)了一個(gè)),填充25,25,25,高斯模糊3.5px。
保持這個(gè)圖形的選中狀態(tài),執(zhí)行對象-路徑-偏移路徑,5px,給這個(gè)新生成的路徑填充35,31,32,將高斯模糊改為20px,這樣就終于完成啦。
![www.tgudhdp.cn_0226015A2-38.jpg](http://pic.16xx8.com/allimg/160405/0226015A2-38.jpg)
![www.tgudhdp.cn_0226014024-39.jpg](http://pic.16xx8.com/allimg/160405/0226014024-39.jpg)
最終效果圖
![www.tgudhdp.cn_0226013938-40.jpg](http://pic.16xx8.com/allimg/160405/0226013938-40.jpg)
全教程完,學(xué)完記得交作業(yè)。教程對您有所幫助,請推薦給你的朋友。如果學(xué)會(huì)了,可以嘗試投稿給我們,跟大家分享你的學(xué)習(xí)經(jīng)驗(yàn):http://i.16xx8.com