本教程是教大家如何學會在AI中如何繪制一個逼真的Wacom繪畫板,教程介紹地很詳細,知識點很多,在這篇教程里你講學會很多關于Illustrator技巧。首先,使用基本的工具和效果,圓的任何角落的腳本,并充分利用手繪板的外觀來教會你如何繪制繪畫板。其次,你將學習如何巧妙使用變形工具和如何使用復雜形狀來添加漸變顏色和混合模式,將學習如何創建、保存和使用一個簡單的模式。教程很實用,推薦給大家,希望對大家有所幫助!
先看看效果圖
1. 新建一個新的文檔&設置一個網格
用CMD+N(PC機用Ctrl+N,LZ用的是PC機啦 = =)來新建文檔。760px*600px,在高級設置中選擇RGD顏色模式,屏幕(72ppi),預覽模式設置為默認值,確保不需要勾選使新建對象與像素網格對齊。
開啟網格(視圖-顯示網格)對齊網格(視圖>對齊網格)。開始之前你需要把每個網格更改為5px. 簡單操作:編輯-首選項(ctrl+k)>參考線和網格>網格>改網格線間隔為5px,次數建間隔為1。打開信息窗口:窗口>信息(ctrl+f8)用來預覽你的形狀大小與位置。不要忘記設置計量單位為像素:編輯>首選項> General >單位。這些選項將會大大增加你的工作速度。
1. 繪制手繪板
第一步:
用矩形工具(M)創建一個大小為500xp*330px的矩形,并用線性漸變來填充顏色(如圖所示)改矩形為圓角矩形:效果>風格化> 圓角>17px,確認即可。
白色的百分比數字表示各個圖像顏色的位置。
第二步:
同時打開外觀面板:窗口>外觀(shift+F6)并點擊面板下方第二個“添加新填充“按鈕(由小藍色箭頭指出),拖至外觀面板底部,填充為黑色,不透明度為5%。然后去到效果>路徑>位移路徑>2px,確認即可。
第三步:
添加第三個填充并拖至外觀面板底部,填充為黑色,透明度改為5%,到效果>路徑>位移路徑>5px,確認即可,效果>模糊>高斯模糊>3px,確認即可。
第四步:
選擇頂部的填充,到效果>風格化>投影,根據下圖所示的頂部屬性參數輸入確認即可;再一次到效果>風格化>投影,根據下圖所示的中間屬性參數輸入確認即可;再多一次到效果>風格化>投影,根據下圖所示的底部屬性參數輸入確認即可;
第五步:
選擇矩形工具(M),創建一個365px*250px的矩形。填充為下圖1所示的漸變填充,接下來,打開任何角落的腳本。它在Vectortuts +第二十條免費的和有用的Adobe Illustrator腳本。將其保存到您的硬盤驅動器,回到Illustrator,用直接選擇工具(A)。選中需要的兩個錨點,去到文件>腳本>其他腳本。打開任何角落腳本,輸入3 px半徑并單擊OK。(如圖二所示)
第六步:
選中圖形:效果>風格化>投影,根據下圖所示的屬性參數輸入確認即可,再到外觀面板,添加3pt的白色描邊,透明度為3%,將其拖到面板底部。
現在你需要每個網格為1px的網格,去編輯>首選項>指南&網格和柵格線每一個框中輸入1。使用矩形工具(M),創建一個1*4 px形狀和填補為R = 215,G = 215,B = 215。繼續矩形工具(快捷鍵M),創建一個4 *1 px的形狀,裝上同樣的顏色(圖二所示)。選擇兩個形狀在這個步驟中,打開路徑查找器面板(窗口>路徑查找器)并單擊聯集(面板第一個)按鈕。選擇最終的形狀(圖三所示)對齊網格減輕你的工作。
第八步:
選擇小的形狀和效果>扭曲&轉換>變換。輸入左側所示的屬性窗口中,單擊OK,然后再次效應>扭曲&轉換>變換。輸入屬性顯示在右窗口并單擊OK。
第九步:
使用矩形工具(M),創建一個90PX*1PX的矩形、填充它為如下所示的線性漸變(圖一所示)選中形狀去效果>風格化>陰影。輸入屬性如下圖所示參數,然后單擊OK。
第十步:
復制矩形(ctrl+c>ctrl+f),移動249px,注意居中對齊。更改為如下圖所示的陰影效果,透明度為40%。
3. 添加按鈕
第一步:選擇圓形工具(L),創建一個大小為54px的圓形,填充為 R=71, G=73, B=78,將其置于下圖所示的位置,居中對齊。然后去到風格化>內發光,輸入如圖所示參數,確認即可。
第二步:
選中圓形按鈕,在外觀面板中添加新的填充為徑向漸變(如下圖所示),透明度為75%。
記住,白色的數字代表填充圖像的位置比例而黃色數字代表不透明度的百分比。
第三步:
仍然選中圓形按鈕,在外觀面板中添加新的填充為徑向漸變(如下圖所示),透明度為50%。
第四步:
選中圓形按鈕,在外觀面板中添加新的填充為線性漸變(如下圖所示),效果>路徑>位移路徑,輸入-17px,確認ok。
第五步:
選中圓形按鈕,在外觀面板中添加新的1pt的描邊,填充顏色R=34, G=36, B=38,與圓形按鈕對齊,效果>路徑>位移路徑,輸入-16px,確認ok;效果>風格化>投影輸入如圖所示屬性參數,確認ok;選中圓形工具(L),創建一個大小為2px的圓形,填充為R=200, G=200, B=200(如圖二所示)。
第六步:
用矩形工具(M)創建一個27px*13px的矩形,填充為如圖所示的徑向漸變,效果>風格化>圓角,輸入4px,確認ok;效果>風格化>投影,輸入如圖所示屬性參數,確認ok。
第七步:
選中圖形,改透明度為50%,效果>扭曲和變換>變換,輸入如圖所示的屬性參數。
第八步:
Ctrl+c,ctrl+f復制圖形,選擇圖形將其拖下來,對齊圖形(如圖二所示)。
取代之前的徑向漸變(如下圖所示),降低透明度為40%。
第九步:
用矩形工具(M)創建一個11px*3px的矩形,填充為線性漸變如下圖已所示,降低透明度為50%,效果>風格化>圓角,1.5px,確認ok;在外觀面板中添加0.5pt描邊,填充為黑色,與外框對齊,透明度為15%。
第十步:
Ctrl+c,ctrl+f復制圖形,選擇圖形將其拖下來,對齊圖形(如圖二所示)。
取代之前的線性漸變(如下圖所示)。
第十一步:
用圓形工具(L)創建一個大小為3PX的圓形,填充為如下圖一所示的徑向漸變,降低透明底為50%,在外觀面板中添加0.5pt的描邊,填充為黑色,與外部圖形對齊,透明度為20%。
新聞熱點
疑難解答
圖片精選