這篇教程是向武林網的朋友介紹AI繪制一個逼真立體感的紅色救生圈方法,教程屬于入門級別的教程,推薦過來,大家一起來學習吧!
下面先來看看最終的效果圖:
具體的繪制步驟如下:
Step 1
First, create a new document in Illustrator at 800 pixels by 600 pixels. Enable the Ruler (Ctrl+R) and turn on the grid on (Ctrl+"). Then drag a horizontal and a vertical guide onto the artboard.
We’ll start by creating our shapes. Select the Ellipse Tool (L), and click on the center point of our guides. Then drag outwards by holding down the Shift + Ctrl keys. This will give us a circle that is centered on the grid/guides. Fill the circle with a red color (R=190 G=28 G=35) and leave the stroke empty.
1. 首先,新建Illustrator文檔,800*600px。顯示標尺(Ctrl+R),并且顯示網格(Ctrl+")。然后鼠標拖拉水平和垂直參考線到畫板。
我們先創建形狀。選擇橢圓工具(L),在參考線的中點單擊。然后按住Shift + Alt鍵向外拖拉。這樣繪制的圓以水平和垂直參考線的交叉點為中心。圓填色:紅色(R=190 G=28 G=35),描邊無。
Step 2
Create another circle, as in the previous step. Then make it about 75% smaller then the first circle. Give it another color so it is easy to see. Select both circles, open the Pathfinder Palette, and click on the Divide Tool. Deselect the shapes, then re-select the smaller circle, and then delete it.
2. 創建另一個圓,同之前的步驟。這個圓是第1個圓的75%。填充另一個顏色,使它可見。同時選擇這2個圓,打開路徑查找器面板,單擊分離工具。取消選擇所有形狀,然后再選擇小圓(譯者注:使用編組選擇工具選擇),然后按Del鍵刪除。
Step 3
Create a rectangle about 25px wide by 600px high. Then fill it with white and leave the stroke empty. Select both the circle and the rectangle with the black arrow tool. Click one time on the circle (to indicate that this is your base for alignment).
Then open the Align Palette. Click on the Horizontal Center Button and then on the Vertical Center Button. This will center the rectangle with the circle. Now repeat this step and set it perpendicular to the first rectangle. Select both of the rectangles and rotate them 45 degrees.
3. 繪制一個25*600px的矩形。然后填色:白色,描邊:無。使用白箭頭工具選擇(譯者注:直接選擇工具)圓和矩形。在圓上單擊一下(表示這是你對齊的參照物)。
然后打開對齊調板。單擊水平居中對齊和垂直居中對齊。這將使矩形和圓居中?,F在重復這個步驟,使它和第一個矩形正相交。選擇這2個矩形,旋轉45度。
Step 4
Select all of your objects. Then open the Pathfinder Palette and click on the Divide Tool. We’ll delete most of the shapes now. We need only two. After we apply the mesh tool, all we have to do is duplicate them.
Delete all the shapes until you have a quarter circle with a white shape left on your art board, as in the image below. Once you have done that, select the white shape, and Lock (Command+2) it. This will allow us to apply the mesh tool to the red shape without the white shape interfering.
4. 選擇所有的對象。然后打開路徑查找器面板,單擊分離工具?,F在我們將要刪除大部分的形狀。只留下其中的2個。應用網格工具后,我們需要做的就是復制它們。
刪除形狀,只留下1/4的圓和一個白色的形狀,如下圖所示。完成后,選擇白色形狀,鎖定它(Ctrl+2)。這使我們在紅色形狀上應用網格工具時不會受到白色形狀的干擾。
Now we’ll apply the Mesh Tool. Select the red shape with the black arrow. Make sure no color is selected (no fill and no stroke). Then select the Mesh Tool (U), and move it over the top path of the red shape. You’ll see a “+” which indicates that we will add a mesh.
Click on the path to add the mesh, then select the white arrow tool, and select the end point. This makes the handle visible. Start dragging it until the mesh path is parallel to the shape’s outline. Repeat this with each end point. Add a few more Mesh Paths (U).
5. 現在我們將應用網格工具。使用黑箭頭工具選擇(譯者注:選擇工具)紅色形狀。確定沒有選擇顏色(無填色,無描邊)。然后選擇網格工具(U),鼠標移動到紅色形狀的頂部路徑時,你會看到一個“+”,這表示我們將添加一個網格。
在路徑上單擊添加網格,然后選擇白箭頭工具,選擇結束點。這使得手柄可見。拖拉它,使得它與形狀的輪廓平行。每一個結束點都重復這個步驟。添加幾個網格路徑。
Step 6
Now we’ll add some highlights. I set up a slightly lighter red as a color swatch (R=214 G=111 B=115). Then select the cross points of the two Mesh Paths with the White Arrow Tool. Click on your color swatch. This adds a gradient to the mesh and works perfect with elliptical objects.
The color choices are of course optional. Once that is done and you think it needs some more depth, you can add another mesh path. Simply make sure that the lighter color is selected, and click with the Mesh Tool on the red shape.
6. 現在我們將要添加高光。我創建了一個亮紅色(R=214 G=111 B=115)。然后使用白箭頭工具選擇2個混合路徑的交叉點。單擊色板。這就添加了一個漸變混合。使之完美地融合進了橢圓形狀中。
顏色的選擇當然是隨意的。完成后,你想到它還需要一些層次,你可以添加另一個網格路徑。確認選擇了更淺的顏色,然后使用網格工具,在紅色形狀上單擊。
Step 7
In this step, we will repeat the use of the Mesh Tool on the white shape. Unlock all your shapes. Select the Mesh Tool (U). Then add Mesh Paths to your white shape. Select the Anchor Points and add some grey. I chose different shades of grey so it looks a little bit more realistic.
7. 這一步,我們將在白色形狀上重復網格工具的使用。解鎖所有的形狀。選擇網格工具(U)。然后在白色形狀上添加網格路徑。選擇網格點,添加灰色。我選擇了不同的網格點添加灰色,因而它看上去更加地逼真。
Step 8
Now we have created our most important shapes and are ready to built the full lifesaver. With the Rotate Tool still selected, hold down the Ctrl key. Then move the cursor over your selected shape. You will see a black and white arrow (overlapping).
Hold down the Shift Key, while still holding the Ctrl key. Hold down the left mouse button and drag your object clockwise. This will duplicate and rotate (in 45 degrees steps) the objects. Let go of the mouse. Do not deselect the object. Then hit Command+D twice to duplicate this step two more times. You will see your lifesaver getting built!
8. 現在主要的形狀已經創建好了,準備創建完整的救生圈。選擇旋轉工具,按住Alt鍵。然后移動你選擇的形狀。你將看到一個黑色和白色箭頭(重疊)。
按住Alt鍵時,按住Shift鍵,按住鼠標左鍵,順時針方向拖移對象。這將復制并且旋轉(45度)對象。釋放鼠標。取消選擇對象。然后按Ctrl+D兩次以使這個步驟重復2次。你會看到救生圈創建出來了!
Step 99. 現在救生圈已經做好了,該添加束縛繩索的形狀了。使用鋼筆工具繪制一個矩形,如下圖所示。使用網格工具(U),然后添加網格路徑,網格點應用顏色,同我們之前的操作。這將創建出繩索穿過的形狀。
Step 10
現在開始創建繩索。選擇橢圓工具(L),在參考線的中心點單擊,按住Shift+Alt鍵拖拉。描邊:10px,無填色。大小比救生圈大一點。對象仍是選中狀態,執行“對象”菜單>路徑>輪廓化描邊。
選擇美工刀工具。然后切割帶狀,在近于救生圈的1/4上切割。具體步驟為,我隱藏了復制的部分,以使我們在切割時不會受到干擾。然后刪除大的那塊。
Step 11
11. 我們把繩索切割完成后,我們可以選擇錨點輕輕地拖拉來調整形狀。再添加網格路徑和顏色,同之前的步驟。
Step 12
12. 現在我們需要加一點推力作用。選擇垂直線上的幾個網格點,向外或者向內拖拉。注意網格將會輕微地移動。這會增大原先的大小,使得繩索看上去會有動態效果。
Step 13
現在將近尾聲了。選擇矩形工具和繩索,編組。保持選中狀態,然后選擇旋轉工具(R)。然后在參考線中心點單擊一下。按住Alt鍵,移動選擇的形狀。
你又會看到黑色和白色箭頭(重疊)。再按住Shift + Alt鍵,單擊鼠標左鍵,順時針拖移你的對象。這將復制和旋轉(45度)對象。釋放鼠標。不要取消選擇。然后按Ctrl+D鍵2次復制這一步驟2次???,救生圈的矢量圖就完成了!
Step 14 最后,但也是重要的一點,添加一些光暈給救生圈注入一些活力。選擇所有的對象,執行“效果”菜單>風格化>外發光,添加外發光
教程結束,以上就是AI繪制一個逼真立體感的紅色救生圈方法介紹,感興趣的朋友可以參考一下,希望能對大家有所幫助!
新聞熱點
疑難解答
圖片精選