萬盛學電腦網

 萬盛學電腦網 >> 圖文處理 >> Adobe Illustrator教程 >> AI畫一個三面浮雕的小方塊

AI畫一個三面浮雕的小方塊

   先來效果圖

AI畫一個三面浮雕的小方塊 三聯

  1.新建一個700*700px的文件,RGB。輸入任意三個字母,使用Calibri Bold字體,400pt,然後對象-擴展,注意擴展後需要取消編組。

  2.把三個擴展後的字母設置成符號。打開符號面板,選中“A”,然後點擊符號面板上的新建符號,命名為A。重復這個過程把其他兩個字母也設置一下。這樣就擁有三個新符號了。

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

  選中這個正方形,選擇效果-3D-凸出和斜角,點擊更多選項,進行如圖設置:

  4.然後點擊貼圖。選擇表面1,選擇符號A,按照如圖設置。同理再設置表面5、表面6。

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

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

  6.選擇編輯-首選項-常規,將鍵盤增量設置為2.5px。復制三個字母,將副本至置於圖層底部並設置不可見,之後會用到。然後選擇字母A,復制並粘貼到頂部(Ctrl+C-Ctrl+F),填充為白色,上移10px,然後按照下圖所示復制並移動其他兩個字母。

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

  選中底部的黑色A和剛才畫的三個矩形,進入路徑查找器面板,點擊聯集。

  復制頂部白色的A,粘貼到頂部。然後將聯集生成的圖形和復制的白色A同時選中,點擊減去頂層。

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

  8.然後重復步驟7來處理字母C、B。

  9.接下來給方塊兒加點顏色。

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

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

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

  然後使用刪除錨點工具去掉下圖所示的兩個錨點,這一步是為了讓高光更自然。

 

 

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

  然後做這個面的高光,這次是向右向下各移動一次。高光條顏色填充為209,211,212,正片疊底。需要刪除的錨點如下圖。

  12.然後是圖層C Side。

  這次是向左向下各移動一次,色值130,231,232,正片疊底,需要刪除的錨點位置如圖。

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

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

  注意:這裡有幾個步驟我給刪掉了,完整版請參照原文。

  新建下圖所示的漸變樣式並保存到色板裡,之後直接調用即可。然後按圖示添加漸變。

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

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

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

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

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

  18.接下來是字母B。

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

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

  21然後添加側面的漸變。

  22.然後是字母C。

  23.鍵盤增量調回0.5px,這次向左向下各移動一下,添加高光。

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

  保持這個圖形的選中狀態,執行對象-路徑-偏移路徑,5px,給這個新生成的路徑填充35,31,32,將高斯模糊改為20px,這樣就終於完成啦。

  最終效果圖

0263570243f86ac72579482a4361.jpg
copyright © 萬盛學電腦網 all rights reserved