Illustrator(AI)模仿設(shè)計(jì)出一個(gè)逼真的色彩斑瀾的U盤實(shí)例教程

In this tutorial, we’ll explain how to create a semi-realistic flash stick with gradients and simple shapes. We will make our own custom brush to create tattoo style swooshes. Also, we’ll review how to use Global Colors in Illustrator, which allows us to flexibly change the colors of an object on the fly.
本教程,我們會(huì)教你使用漸變和簡(jiǎn)單的形狀是如何繪制一個(gè)半寫實(shí)的閃存盤的。制作U盤上的印花圖案我們會(huì)用到自己創(chuàng)建的自定義筆刷。我們還會(huì)教你如何使用Illustrator中的全局色,以使我們非??斓馗囊粋€(gè)對(duì)象的顏色。
Final Image Preview
To begin with let’s have a look at the image we’ll be creating.
成品圖預(yù)覽
首先讓我們先來(lái)看一下我們將要繪制的成品圖。
Step 1
Before we begin, we will have a look at the Swatch Palette. We need to set up our Global Colors right from the start. I picked four colors as a base. I chose a white, black and two grays. Once I added them in my Swatch Palette, I deleted all other color swatches.
Now let’s set up the Global Colors. Double-click on the Color Swatch. In the Swatch Options Menu, select the option Global. Leave the Color Type at Process Color, then click OK. The Color Swatch now has a small white triangle in the bottom right corner. This indicates that the color is now a Global Color. If we apply a Global Color to any object or path, we can later change the color on the fly and it will be applied where the Global Color was added.
1. 在我們開(kāi)始教學(xué)之前,我們先來(lái)看一下色板。首先,我們先要設(shè)置全局色。我選了4種顏色作為基色,我選了白色,黑色和2個(gè)灰色。當(dāng)我們把這4種顏色拖進(jìn)色板調(diào)板之后,我就可以刪除其它不需要的色板了。
現(xiàn)在,我們開(kāi)始設(shè)置全局色。在色板上雙擊,然后在色板選項(xiàng)窗口中,選擇“全局色”選項(xiàng)。顏色的類型保留為印刷色,然后點(diǎn)確定。現(xiàn)在色板的右下角有一個(gè)小的白色的三角形,這表示這個(gè)顏色現(xiàn)在是全局色了。如果我們把全局色應(yīng)用到某個(gè)對(duì)象或者路徑時(shí),我們?cè)谥筮€可以很快地更改原來(lái)的顏色,并且應(yīng)用的還是新增的全局色。
Step 2
Create a rectangle with the Rectangle Tool (M). Use the size indicated in the image below.
2. 使用矩形工具(M)繪制一個(gè)矩形,使用的大小如下圖所示。
Step 3
Let’s start creating. Select the object and go to Effect > Stylize > Round Corners and apply a tiny amount to it of .018pt. This will give us small rounded corners.
3. 我們繼續(xù)繪制。選擇矩形對(duì)象,然后執(zhí)行效果菜單>風(fēng)格化>圓角,圓角半徑:0.018pt。
Step 4
Create another rectangle on top of the other one, and use the size as indicated below.
4. 在矩形的上面繪制另一個(gè)矩形,使用的大小如下所示。
譯者提示:可以Ctrl+C,Ctrl+F復(fù)制第3步的矩形,然后在變換調(diào)板中點(diǎn)“約束寬度和高度比例”的圖標(biāo),在高度字段框內(nèi)輸入數(shù)值。這樣第5步也可省略。
Step 5
Select both rectangles and align them centered, both horizontally and vertically.
5. 選擇這2個(gè)對(duì)象,居中對(duì)齊。
Step 6
Apply a linear gradient to the second shape. We have to make sure that we use the Global Colors that we have set up. To do so, drag the desired color swatch onto the gradient slider. If one is missed, the color change won’t be applied.
6. 第2個(gè)矩形應(yīng)用線性漸變。我們必須要確定我們使用的是我們之前設(shè)置的全局色。選中矩形,切到漸變調(diào)板,把想要的色板拖移到漸變的滑動(dòng)塊上。如果沒(méi)有選中對(duì)象的話,漸變將不起作用。
Step 7
Create another rectangle on top and use the size indicated below.
7. 在上面繪制另一個(gè)矩形,使用大小如下所示。
相關(guān)文章
ai怎么混合兩種顏色? illustrator混合兩個(gè)色塊的顏色的方法
ai填充不同顏色的圖形重疊以后,想要將兩種顏色混合,該怎么混合顏色呢?下面我們就來(lái)看看詳細(xì)的教程2024-07-18ai如何自定義網(wǎng)格線間距? ai參考線間距的調(diào)節(jié)方法
ai網(wǎng)格線間距默認(rèn)的不是很喜歡,想要自己調(diào)整一下,該怎么調(diào)整呢?今天我們就來(lái)看看參考線調(diào)整技巧2024-05-28ai路徑平均效果怎么用? illustrator使用平均路徑的教程
Adobe Illustrator中有一個(gè)路徑平均功能,如何使用呢?下面小編為大家演示路徑平均功能的一種使用方法2024-05-21ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決? 去掉pdf文件多余內(nèi)容的技巧
ai保存pdf格式出現(xiàn)多余內(nèi)容怎么解決?ai中的文檔保存為pdf文件的時(shí)候,發(fā)現(xiàn)有多余內(nèi)容,該怎么操作呢?下面我們就來(lái)看看去掉pdf文件多余內(nèi)容的技巧2023-12-19- ai描邊在哪里?ai中想要設(shè)置描邊,該怎么操作呢?下面我們就來(lái)看看ai設(shè)置描邊的多種方法2023-12-19
ai原位復(fù)制怎么用? ai原位復(fù)制快捷鍵介紹
ai原位復(fù)制怎么用?復(fù)制圖形的時(shí)候,想要原位復(fù)制粘貼,該怎么操作呢?下面我們就來(lái)看看ai原位復(fù)制快捷鍵介紹2023-12-19ai怎么讓文字隨著路徑變形? illustrator區(qū)域文字不跟著變換方向問(wèn)題的
ai怎么讓文字隨著路徑變形?選中文字后,發(fā)現(xiàn)文字不跟隨變換區(qū)域旋轉(zhuǎn)該怎么辦呢?下面我們就來(lái)看看illustrator區(qū)域文字不跟著變換問(wèn)題的解決辦法2023-11-30ai漸變色怎么調(diào)方向? illustrator將漸變顏色反向的技巧
ai漸變色怎么調(diào)方向?ai中給圖形填漸變色,想要進(jìn)行反向,該怎么操作呢?下面我們就來(lái)看看illustrator將漸變顏色反向的技巧2023-11-30Ai彩色logo怎么做反白反黑效果? ai彩色logo轉(zhuǎn)化為黑白稿的技巧
Ai彩色logo怎么做反白反黑效果?設(shè)計(jì)的彩色logo想要做黑白稿,就是反黑反白效果,下面我們就來(lái)看看ai彩色logo轉(zhuǎn)化為黑白稿的技巧2023-11-12ai怎么設(shè)計(jì)迷宮字體效果? ai做3d立體迷宮字的技巧
ai怎么設(shè)計(jì)迷宮字體效果?我們需要使用分割網(wǎng)格結(jié)合形狀生成器工具,制作迷宮字體,下面我們就來(lái)看看詳細(xì)的設(shè)計(jì)過(guò)程2023-11-02