AI繪畫教程,教你畫三面浮雕的小方塊

對(duì)AI只知道幾個(gè)基本工具,所以今天的教程讓我研究了好半天。對(duì)于熟悉軟件的,教程偏簡(jiǎn)單,推薦稍微懂AI然后想進(jìn)階的親們,可以試一下。先來效果圖

www.theoat.com.cn_022601J59-0.jpg

 

1.新建一個(gè)700*700px的文件,RGB。輸入任意三個(gè)字母,使用CalibriBold字體,400pt,然后對(duì)象-擴(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.theoat.com.cn_0226013517-1.jpg

3.使用矩形工具畫一個(gè)350*350px的正方形,填充顏色為147,149,152。

選中這個(gè)正方形,選擇效果-3D-凸出和斜角,點(diǎn)擊更多選項(xiàng),進(jìn)行如圖設(shè)置:

www.theoat.com.cn_0226013938-2.jpg

4.然后點(diǎn)擊貼圖。選擇表面1,選擇符號(hào)A,按照如圖設(shè)置。同理再設(shè)置表面5、表面6。

www.theoat.com.cn_0226012320-3.jpg

www.theoat.com.cn_022601L09-4.jpg

www.theoat.com.cn_0226011630-5.jpg

5.選中這個(gè)方塊,執(zhí)行對(duì)象-擴(kuò)展外觀,打開圖層面板就會(huì)看到自動(dòng)生成了很多編組。按住Alt鍵點(diǎn)擊圖層左邊的小箭頭,就會(huì)展開所有圖層。刪掉如圖顯示的幾個(gè)剪貼路徑。

www.theoat.com.cn_02260110U-6.jpg

整個(gè)群組,按Ctrl+Shift+G四次,取消多余的編組,然后將每個(gè)圖層重命名,方便以后的查找編輯,最終達(dá)到如下效果:

www.theoat.com.cn_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.theoat.com.cn_02260113E-8.jpg

7.接下來完善字母浮雕的效果。打開智能參考線,以便尋找錨點(diǎn)。首先是字母A,使用鋼筆工具,畫三個(gè)簡(jiǎn)單的圖形,來連接下圖所示的錨點(diǎn)。

www.theoat.com.cn_022601B93-9.jpg

www.theoat.com.cn_0226012F6-10.jpg

選中底部的黑色A和剛才畫的三個(gè)矩形,進(jìn)入路徑查找器面板,點(diǎn)擊聯(lián)集。

www.theoat.com.cn_0226013J1-11.jpg

復(fù)制頂部白色的A,粘貼到頂部。然后將聯(lián)集生成的圖形和復(fù)制的白色A同時(shí)選中,點(diǎn)擊減去頂層。

www.theoat.com.cn_022601K61-12.jpg

這樣就得到了一組三個(gè)黑色的圖形,就是浮雕的側(cè)面。

www.theoat.com.cn_0226012344-13.jpg

8.然后重復(fù)步驟7來處理字母C、B。

www.theoat.com.cn_022601F59-14.jpg

www.theoat.com.cn_02293I914-0.jpg

www.theoat.com.cn_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.theoat.com.cn_022601A56-17.jpg

看著效果挺好,但是如果放大來看,圖形邊緣有很多鋸齒,這是剛才的膠片顆粒的效果造成的,所以需要處理一下。選擇ASide圖層,復(fù)制-粘貼在上方,填充白色,然后選中這兩個(gè)圖層,調(diào)出不透明度的面板,點(diǎn)擊制作蒙版,就搞定啦。

www.theoat.com.cn_0226012243-18.jpg

10.這一步是給頂層添加個(gè)邊緣高光。將鍵盤增量改為1px,復(fù)制剛才的蒙版,粘貼在上方兩次。選擇上方的副本上移一下,然后選中這兩個(gè)副本,選擇減去頂層,給剩下的圖形填充RGB:141,198,63,圖層模式為疊加。

www.theoat.com.cn_0226012934-19.jpg

然后使用刪除錨點(diǎn)工具去掉下圖所示的兩個(gè)錨點(diǎn),這一步是為了讓高光更自然。

www.theoat.com.cn_022601J19-20.jpg

11.接下來是圖層BSide。注意右滑塊的不透明度是0。同樣也要去掉膠片顆粒產(chǎn)生的鋸齒。

www.theoat.com.cn_0226016195-21.jpg

然后做這個(gè)面的高光,這次是向右向下各移動(dòng)一次。高光條顏色填充為209,211,212,正片疊底。需要?jiǎng)h除的錨點(diǎn)如下圖。

www.theoat.com.cn_022601P00-22.jpg

12.然后是圖層CSide。

www.theoat.com.cn_0226011c9-23.jpg

這次是向左向下各移動(dòng)一次,色值130,231,232,正片疊底,需要?jiǎng)h除的錨點(diǎn)位置如圖。

www.theoat.com.cn_0226014E4-24.jpg

13.現(xiàn)在將步驟6中隱藏的副本A可見,它在圖層里的位置應(yīng)該在所有字母下方,方塊各個(gè)面的上方。下移1px,填充0,104,56,不透明度50%,正片疊底,然后進(jìn)行效果-模糊-高斯模糊,半徑1.5px,形成投影效果。

www.theoat.com.cn_02260124Z-25.jpg

14.選擇字母A側(cè)面三個(gè)圖形組成的編組,填充40,40,40。

注意:這里有幾個(gè)步驟我給刪掉了,完整版請(qǐng)參照原文。

www.theoat.com.cn_0226016126-26.jpg

新建下圖所示的漸變樣式并保存到色板里,之后直接調(diào)用即可。然后按圖示添加漸變。

注意,黃色的0說明這個(gè)滑塊的不透明度是0。

www.theoat.com.cn_0226014394-27.jpg

15.選中頂部的A,填充65,64,66,然后添加一個(gè)漸變填充、膠片顆粒,跟之前的步驟類似。

www.theoat.com.cn_022601J55-28.jpg

16.將鍵盤增量改為0.5px,參照之前的步驟,給字母A添加高光條,色值是117,119,122。

www.theoat.com.cn_0226013H3-29.jpg

17.鍵盤增量改為1px,開始調(diào)整字母B,還是之前被隱藏的那個(gè)。移動(dòng)、填色、不透明度20%、正片疊底、高斯模糊。

www.theoat.com.cn_0226015137-30.jpg

側(cè)面填充色值為0,104,56,然后添加漸變,不透明度是70%。

www.theoat.com.cn_0226012503-31.jpg

18.接下來是字母B。

www.theoat.com.cn_0226014200-32.jpg

19.鍵盤增量改為0.5px,添加高光。移動(dòng)方向是向右向下各一次。

www.theoat.com.cn_0226016329-33.jpg

20.鍵盤增量改回1px,做C的投影。

www.theoat.com.cn_02260153S-34.jpg

21然后添加側(cè)面的漸變。

www.theoat.com.cn_0226015924-35.jpg

22.然后是字母C。

www.theoat.com.cn_0226011258-36.jpg

23.鍵盤增量調(diào)回0.5px,這次向左向下各移動(dòng)一下,添加高光。

www.theoat.com.cn_02260160T-37.jpg

24.最后給整個(gè)方塊添加投影。選擇方塊的底面圖層(我的被不小心刪了,就自己補(bǔ)了一個(gè)),填充25,25,25,高斯模糊3.5px。

保持這個(gè)圖形的選中狀態(tài),執(zhí)行對(duì)象-路徑-偏移路徑,5px,給這個(gè)新生成的路徑填充35,31,32,將高斯模糊改為20px,這樣就終于完成啦。

www.theoat.com.cn_0226015A2-38.jpg

www.theoat.com.cn_0226014024-39.jpg

 

最終效果圖

www.theoat.com.cn_0226013938-40.jpg

全教程完,學(xué)完記得交作業(yè)。教程對(duì)您有所幫助,請(qǐng)推薦給你的朋友。如果學(xué)會(huì)了,可以嘗試投稿給我們,跟大家分享你的學(xué)習(xí)經(jīng)驗(yàn):http://i.16xx8.com

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

  • 打開ps,跟著教程做一遍,做完的圖要到這里交作業(yè):提交作業(yè)
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:ps新手求助
  • 加官方微信,隨時(shí)隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們微博:@photoshop教程論壇
  • 想學(xué)更多的同學(xué),可以訂閱我們郵件,每天都有新教程發(fā)給你:http://t.cn/Rzm5o8Y
PS教程自學(xué)網(wǎng) 歡迎投稿教程:http://i.16xx8.com

    如果沒有你715 說: 簽到
    鬼舞者 說: 學(xué)好了
    鶴影掠寒潭 說: 學(xué)以致用
    怎樣假 說: 求指導(dǎo)
    溫暖993 說: 大神厲害。
    倩影迷魂玉闌珊 說: 最后一步不是很懂