Illustrator繪制3D立體形狀的小方塊教程
先來效果圖

1.新建一個(gè)700*700px的文件,RGB。輸入任意三個(gè)字母,使用Calibri Bold字體,400pt,然后對象-擴(kuò)展,注意擴(kuò)展后需要取消編組。
2.把三個(gè)擴(kuò)展后的字母設(shè)置成符號。打開符號面板,選中“A”,然后點(diǎn)擊符號面板上的新建符號,命名為A。重復(fù)這個(gè)過程把其他兩個(gè)字母也設(shè)置一下。這樣就擁有三個(gè)新符號了。

3.使用矩形工具畫一個(gè)350*350px的正方形,填充顏色為147,149,152。
選中這個(gè)正方形,選擇效果-3D-凸出和斜角,點(diǎn)擊更多選項(xiàng),進(jìn)行如圖設(shè)置:

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



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

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

6.選擇編輯-首選項(xiàng)-常規(guī),將鍵盤增量設(shè)置為2.5px。復(fù)制三個(gè)字母,將副本至置于圖層底部并設(shè)置不可見,之后會(huì)用到。然后選擇字母A,復(fù)制并粘貼到頂部(Ctrl+C-Ctrl+F),填充為白色,上移10px,然后按照下圖所示復(fù)制并移動(dòng)其他兩個(gè)字母。

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


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

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

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

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



9、接下來給方塊兒加點(diǎn)顏色。
選擇圖層A Side,就是方塊的上面。填充顏色57,181,74。調(diào)出外觀面板(我頭一回知道外觀面板是這么用的),給這個(gè)圖層添加漸變,左色值RGB:141,255,112,右色值RGB:57,181,74,注意右滑塊不透明度為0。然后添加一個(gè)黑色的顏色填充,不透明度5%,正片疊底,然后添加新效果-藝術(shù)效果-膠片顆粒,參數(shù)如下。

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

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

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

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

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

12.然后是圖層C Side。

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

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

14.選擇字母A側(cè)面三個(gè)圖形組成的編組,填充40,40,40。
注意:這里有幾個(gè)步驟我給刪掉了,完整版請參照原文。

新建下圖所示的漸變樣式并保存到色板里,之后直接調(diào)用即可。然后按圖示添加漸變。
注意,黃色的0說明這個(gè)滑塊的不透明度是0。

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

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

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

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

18.接下來是字母B。

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

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

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

22.然后是字母C。

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

24.最后給整個(gè)方塊添加投影。選擇方塊的底面圖層(我的被不小心刪了,就自己補(bǔ)了一個(gè)),填充25,25,25,高斯模糊3.5px。
保持這個(gè)圖形的選中狀態(tài),執(zhí)行對象-路徑-偏移路徑,5px,給這個(gè)新生成的路徑填充35,31,32,將高斯模糊改為20px,這樣就終于完成啦。


最終效果圖

教程結(jié)束,以上就是Illustrator繪制3D立體形狀的小方塊教程,喜歡的朋友可以按照上面步驟進(jìn)行操作即可!
相關(guān)文章

ai怎么混合兩種顏色? illustrator混合兩個(gè)色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來看看詳細(xì)的教程2024-07-18
ai如何自定義網(wǎng)格線間距? ai參考線間距的調(diào)節(jié)方法
ai網(wǎng)格線間距默認(rèn)的不是很喜歡,想要自己調(diào)整一下,該怎么調(diào)整呢?今天我們就來看看參考線調(diào)整技巧2024-05-28
ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個(gè)路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決? 去掉pdf文件多余內(nèi)容的技巧
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決?ai中的文檔保存為pdf文件的時(shí)候,發(fā)現(xiàn)有多余內(nèi)容,該怎么操作呢?下面我們就來看看去掉pdf文件多余內(nèi)容的技巧2023-12-19
ai描邊在哪里?ai中想要設(shè)置描邊,該怎么操作呢?下面我們就來看看ai設(shè)置描邊的多種方法2023-12-19
ai原位復(fù)制怎么用? ai原位復(fù)制快捷鍵介紹
ai原位復(fù)制怎么用?復(fù)制圖形的時(shí)候,想要原位復(fù)制粘貼,該怎么操作呢?下面我們就來看看ai原位復(fù)制快捷鍵介紹2023-12-19
ai怎么讓文字隨著路徑變形? illustrator區(qū)域文字不跟著變換方向問題的
ai怎么讓文字隨著路徑變形?選中文字后,發(fā)現(xiàn)文字不跟隨變換區(qū)域旋轉(zhuǎn)該怎么辦呢?下面我們就來看看illustrator區(qū)域文字不跟著變換問題的解決辦法2023-11-30
ai漸變色怎么調(diào)方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調(diào)方向?ai中給圖形填漸變色,想要進(jìn)行反向,該怎么操作呢?下面我們就來看看illustrator將漸變顏色反向的技巧2023-11-30
Ai彩色logo怎么做反白反黑效果? ai彩色logo轉(zhuǎn)化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設(shè)計(jì)的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來看看ai彩色logo轉(zhuǎn)化為黑白稿的技巧2023-11-12
ai怎么設(shè)計(jì)迷宮字體效果? ai做3d立體迷宮字的技巧
ai怎么設(shè)計(jì)迷宮字體效果?我們需要使用分割網(wǎng)格結(jié)合形狀生成器工具,制作迷宮字體,下面我們就來看看詳細(xì)的設(shè)計(jì)過程2023-11-02





