Illustrator(AI)模仿设计出一个逼真的色彩斑澜的U盘实例教程

平面设计 2024/11/29 佚名

3 2 1

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.

本教程，我们会教你使用渐变和简单的形状是如何绘制一个半写实的闪存盘的。制作U盘上的印花图案我们会用到自己创建的自定义笔刷。我们还会教你如何使用Illustrator中的全局色，以使我们非常快地更改一个对象的颜色。

Final Image Preview

To begin with let’s have a look at the image we’ll be creating.

成品图预览

首先让我们先来看一下我们将要绘制的成品图。

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. 在我们开始教学之前，我们先来看一下色板。首先，我们先要设置全局色。我选了4种颜色作为基色，我选了白色，黑色和2个灰色。当我们把这4种颜色拖进色板调板之后，我就可以删除其它不需要的色板了。

现在，我们开始设置全局色。在色板上双击，然后在色板选项窗口中，选择“全局色”选项。颜色的类型保留为印刷色，然后点确定。现在色板的右下角有一个小的白色的三角形，这表示这个颜色现在是全局色了。如果我们把全局色应用到某个对象或者路径时，我们在之后还可以很快地更改原来的颜色，并且应用的还是新增的全局色。

Step 2

Create a rectangle with the Rectangle Tool (M). Use the size indicated in the image below.

2. 使用矩形工具(M)绘制一个矩形，使用的大小如下图所示。

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. 我们继续绘制。选择矩形对象，然后执行效果菜单>风格化>圆角，圆角半径：0.018pt。

Step 4

Create another rectangle on top of the other one, and use the size as indicated below.

4. 在矩形的上面绘制另一个矩形，使用的大小如下所示。

译者提示：可以Ctrl+C，Ctrl+F复制第3步的矩形，然后在变换调板中点“约束宽度和高度比例”的图标，在高度字段框内输入数值。这样第5步也可省略。

Step 5

Select both rectangles and align them centered, both horizontally and vertically.

5. 选择这2个对象，居中对齐。

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个矩形应用线性渐变。我们必须要确定我们使用的是我们之前设置的全局色。选中矩形，切到渐变调板，把想要的色板拖移到渐变的滑动块上。如果没有选中对象的话，渐变将不起作用。