在以下步骤中,您将学习如何创建一个简单的秒表在Adobe Illustrator插图。首先,您将学习如何准备你的文档和如何设置一个简单的网格。下使用基本的工具和效果以及外观面板和探路者面板中,您将学习如何创建的主要形状秒表。充分利用外观面板和使用几个变换和变形效果,您将学习如何使更小的秒表组件和如何添加微妙的阴影和高光。最后,您将学习如何轻松上色秒表。在以下步骤中，您将学习如何在Adobe Illustrator插图中创建简单的秒表。首先，您将学习如何准备文档以及如何设置简单的网格。在基本工具和效果以及外观面板和探路者面板下，您将学习如何创建主形状秒表。通过充分利用外观面板，使用几种变换和变形效果，您将学习如何制作更小的秒表组件，以及如何添加微妙的阴影和高光。最后，你将学会如何轻松地给秒表上色。

最终图像

像往常一样，这是最终图像，我们将创建:

步骤1

命令n创建一个新文档。输入600的宽度和高度框，然后单击高级按钮。选择RGB，screen (72 ppi)，并确保新对象与像素网格框对齐不受控制，然后单击确定。制作网格(视图>:显示网格)并对齐网格(视图>:对齐网格)。每5 px需要一个网格，所以只需编辑>:首选项>:指南>:网格，在网格线中输入5个框，细分1个框。您还应该打开信息面板(窗口>:信息)来实时预览您的形状大小和位置。不要忘记从编辑>:首选项>:单位>:常规中将测量单位设置为像素。所有这些选项都会大大提高你的工作速度。

步骤2

使用椭圆工具(l)创建一个140像素的圆和一个线性渐变填充，如下图所示。确保此新形状保持选中状态，并注意外观面板(窗口>:外观)。添加一个4磅的笔画并选择它。颜色黑色，做内饰，不透明度降低到30%，混合模式改为柔光叠加。继续关注外观面板，确保笔画仍然是选择按钮，只需点击复制所选项目(下图中尖锐的蓝色小箭头)。这将添加所选笔划的副本。选择这个新的行程，从4 pt 2 pt简单减肥。选择这个2 pt笔画，重复使用同一个按钮复制选中的项目。选择第三个笔画，简单地将重量设置为1磅。白色百分比数字图像梯度站位置。

步骤3

确保你仍然在你的140像素圆圈前选择和复制.使用椭圆工具(l)创建一个190 x 110像素的形状，用黑色填充，并将其显示为第一张图片。选择这个新的形状并复制第一步，打开“路径查找器”面板(窗口>:路径查找器)，然后在-按钮前面单击。选择结果形状，并注意外观面板。首先选择三个笔画，简单删除。接下来，选择填充。用简单的黑色代替现有的线性渐变，将透明度降低20%，将混合模式改为柔光叠加。

步骤4

使用椭圆工具(l)创建一个120 px的圆，填充如下图所示的线性渐变，使其如下图所示。确保这个新形状保持外观面板被选中和聚焦。首先选择填充>:风格化>:内部发光效果。输入如下图所示的属性，然后单击确定。回到外观面板，添加一个2磅的笔画。选中，颜色为r = = 175b = 178 165g，外对齐>:风格化>:阴影效果。输入如下图所示的属性，然后单击确定。回到外观面板，使用“添加新笔画”按钮添加第二个笔画(小提示，下图中的蓝色箭头)。选择这个新笔画，1 pt宽，颜色为R = 135 G = 145 B = 145，这样可以保证外侧对齐。

步骤5

在这一步中，您需要每1像素一个网格，因此编辑>:首选项>:指南&:在网格和网格线的每个框中输入1。使用钢笔工具(p)创建一个5像素的垂直路径，添加2像素的笔画，并将其颜色设置为R B = 176 G = 184 = 186。重复这个新形状.在这些小地方，新路径显示第一个图像，然后分组(CTRL G)，确保选择这个新的分组来影响>:扭曲>:变换和变换。输入如下图所示的属性，然后单击确定。

步骤6

使用钢笔工具(p)创建一个7 px的垂直路径，添加2 pt笔画，并将其颜色设置为R B = 135 G = 145 = 148。重复这个新形状.在这些小地方，新路径显示第一个图像，然后分组(CTRL G)，确保选择这个新的分组来影响>:扭曲>:变换和变换。输入如下图所示的属性，然后单击确定。

步骤7

使用矩形工具(快捷键m)创建一个4 x 52 px的形状，用红色填充，显示为第一张图片。注意这个新矩形的表面，选择直接选择工具(1)，选择左侧锚点并拖动1 px，然后选择正确的锚点并拖动1 px。切换到椭圆工具(L)，创建一个2 px的圆，用同样的红色填充，显示为第三张图片。在此步骤中选择这两个形状，从“路径查找器”面板中单击“统一”按钮。选择最终形状，将红色的更改为R = = 50 B = 50 50 g。确保此阴影保持选中状态，注意外观面板，并使用“添加新填充”按钮添加第二个填充(小提示，下图中的蓝色箭头)。选择此新填充，颜色为白色，并将混合模式更改为柔光以影响>:路径>:偏移路径。输入1像素的偏移量，然后单击“确定”。

步骤8

每5像素，“返回”网格线，所以只需编辑>:首选项>:指南&:网格和输入网格线每框5。使用椭圆工具(l)创建一个10像素的圆，填充线性渐变和注意力外观面板，如下图所示。添加第二个来填充这个新形状，选择它，颜色是R = 241 G = 236 B = 232，以影响>:路径>:偏移路径。输入3像素的偏移量，然后单击“确定”。沿着时钟指针(CTRL G)选择这个小圆的形状和组。确保选择了此新组>:风格化>:阴影效果。输入如下图所示的属性，然后单击确定。最后，您可以使用旋转工具轻松旋转该组(r)。抓住这个工具，选择时钟指针组，简单的点击拖动旋转时钟的指针，参考点在中间圆圈。

步骤9

使用椭圆工具(l)创建一个新的120像素的圆，如下图所示。渐变图像表示不透明的黄色零百分比。确保这个新形状保持外观面板被选中和聚焦。首先，选择填充，将不透明度降低到65%，然后>:路径>:偏移路径以影响。输入3像素的偏移量，然后单击“确定”。注意外观面板，加1磅，黑色笔画。调整内部，将混合模式改为柔光，不透明度降低到30%。添加第二笔的形状，使其3 px宽，使其内侧，确保颜色设置为黑色，然后将透明度降低到20%，并将混合模式更改为柔光叠加。

步骤10

确保形状仍在选择，并注意上一步中的外观面板。添加一个新的填充，将其拖动到外部的顶部面板，将不透明度降低到15%，并使用线性渐变，如下图所示。请记住，渐变图像代表不透明的黄色零百分比。

步骤11

使用椭圆工具(l)创建一个70 x 20 px的形状，用黑色填充它，将其显示为第一张图片，并将不透明度降低到3%，并>:扭曲>:弧形影响。输入第一张图片中显示的属性，然后单击确定。确保椭圆工具(l)仍然有效，并创建一个新的70 x 20像素的形状。用白色填充，显示为第二张图片，不透明度降低到20%，然后去除影响>:扭曲>:弧形。输入第二张图片中显示的属性，然后单击确定。

步骤12

使用椭圆工具(l)创建一个30像素的圆，如下图所示。确保这个新形状没有填充颜色设置，添加一个3点黑色描边，并使其进入对象内部>:路径>:轮廓描边。选择最终形状，注意外观面板，替换现有的线性渐变填充颜色，如下图所示。

步骤13

确保形状仍在选择，并注意上一步中的外观面板。添加第二个填充路径并选择它。使用第一张图片中显示的线性渐变将混合模式更改为柔光以影响>:路径>:偏移路径。输入1像素的偏移量，然后单击“确定”。回到外观面板，添加第三个填充这条道路。选中它，简单添加第二张图所示的径向渐变。

步骤14

确保你的30 px合成路径仍然选择并关注外观面板。添加第四个填充路径，选择它，并使用第一张照片中显示的径向渐变将不透明度降低到70%。回到外观面板并选择整个路径(只需从外观的顶部面板单击“复合路径”的文本)以影响>:样式化>:阴影。输入如下图所示的属性，然后单击确定。

步骤15

使用矩形工具(快捷键m)创建一个10乘20像素的形状，填充下面的线性渐变显示，并影响它显示的第一个图像>:风格化>:圆角。输入1像素的半径，单击“确定”，然后转到对象>:展开外观。确保这个新形状保持选中状态，注意外观面板并添加第二个形状。选择它，并使用下面显示的径向梯度，以减少不透明度到70%。

步骤16

切换到“网格线每1像素”，再次编辑>:首选项>:指南&:在网格和网格线的每个框中输入1。使用椭圆工具(l)创建一个8 x 2 px形状，用白色填充，并将混合模式更改为柔光叠加。选择矩形工具(快捷键m)，创建一个10 x 4 px的形状，填充黑色，作为第二张图片显示，不透明度降低到15%，混合模式改为柔光叠加。继续使用矩形工具(快捷键m)，创建一个10 x 2 px的形状，填充黑色，显示为第三张图像，不透明度降低到30%，混合模式改为柔光叠加。

步骤17

选择过去五个步骤和组中的所有图形(CTRL G)。选择这个新组并将其发送回来(Shift CTRL()。使用矩形工具(快捷键m)创建一个10 x 1 px的形状，用R = 195 = 200 B = 205填充，显示为第三张图片。

18步

每5像素，“返回”网格线，所以只需编辑>:首选项>:指南&:网格和输入网格线每框5。使用矩形工具(快捷键m)创建一个10 px的正方形，用如下所示的线性渐变填充，并影响>:风格化>:圆角。输入1像素的半径，然后单击“确定”以影响>:扭曲>:低弧。输入如下图所示的属性，点击确定，进入对象>:展开外观。

步骤19

关闭对齐网格(视图>:对齐网格)，然后编辑>:首选项>:通常，请确保键盘增量设置为1像素。上一步选择的形状制作前两个副本(CTRL c >:CTRL F >；CTRL(F).选择最上面的1像素副本，并使用向上箭头将其从键盘上移开。重新选择两个副本，然后从“路径查找器”面板按钮的前面单击。生成的形状用黑色填充，不透明度降低到30%，混合模式改为柔光叠加。重新选择上一步的形状，并让另一个前两个副本(CTRL c >:CTRL F >；CTRL(F).选择最上面的副本，移动3像素，使用键盘上的向上箭头。重新选择两个副本，然后从“路径查找器”面板按钮的前面单击。生成的形状用黑色填充，不透明度降低到15%，混合模式改为柔光叠加。

20步

制作对齐网格(视图>:对齐网格)。使用矩形工具(快捷键m)创建一个20 x 10 px的形状，如下图线性渐变所示，位置如下图所示，影响>:风格化>:圆角。输入一个3像素的半径，单击“确定”并转到对象>:展开外观。关闭对齐网格(视图>:对齐网格)，然后选择结果形状，以便前两个副本(CTRL c >:CTRL F >；CTRL(F).选择顶部副本并移动1像素。重新选择两个副本，然后从“路径查找器”面板按钮的前面单击。生成的形状用黑色填充，不透明度降低30%，混合模式改为柔光叠加。

步骤21

在上一步中重新选择圆角矩形对象>:路径>:偏移路径。输入1像素的偏移量，然后单击“确定”。选择最终形状并在前面复制.选择该副本并移动1像素。重新选择两个副本，然后从“路径查找器”面板按钮的前面单击。生成的形状用如下所示的线性渐变填充，其混合模式变为柔光叠加。重新选择上一步的圆角矩形和前两个副本(Ctrl C >:Ctrl F >；CTRL(F).选择顶部副本并移动1像素以使用键盘上的向下箭头。重新选择两个副本，然后从“路径查找器”面板按钮的前面单击。生成的形状用黑色填充，不透明度降低到30%，混合模式改为柔光叠加。

步骤22

制作对齐网格(视图>:对齐网格)。在最后四个步骤和组中重新选择所有形状(CTRL G)。选择此新组并取消对象>:变换>:旋转。输入-45度的角度，然后单击“确定”按钮。选择此旋转组，并将其显示为第三张图片。聚焦在图层面板(窗口>:图层)，打开这个新组，选择底部的形状，然后转到>:风格化>:阴影效果。输入如下图所示的属性，然后单击确定。最后一件事，应该是像第三个形象。

23步

确保您的按钮组仍然选择并移除对象>:转换>:反射。选中垂直框，然后单击复制按钮。这将创建一个水平翻转的组副本。将焦点放在图层面板上，打开这个新组，并选择底部形状和外观面板。打开一个现有的阴影效果并编辑它，如下图所示。选择整个新组，向左拖动，显示为第三张图片。

24步

使用矩形工具(快捷键m)，创建一个你的画板的形状，用R = 56 = 147 B = 147填充，然后发送回来(Shift CTRL())。移动到层面板，并锁定这个矩形，以确保您不会意外选择/移动它。选择秒表和秒表组的所有形状。选择这个新组，并在(ctrl c >: CTRL F)之前复制它.选择这组副本，并删除对象>:展开外观和对象>:路径>:轮廓描边，然后单击路径查找器统一按钮面板。得到的形状填充R = 125 = 135 B = 138。移动到图层面板，双击新形状，并简单地将其命名为“绘制”。

步骤25

选择您的“颜色”形状，并将其复制在前面(ctrl c >: CTRL F)并将其发送回来(Shift CTRL()。聚焦在图层面板上，双击这个副本，并将其重命名为“阴影”。请确保您的“阴影”形状保持外观面板被选中和聚焦。加一个1 pt，黑色笔画，调整，混合模式改为柔光，不透明度降低到25%。添加第二笔的形状，使其宽3 pt，黑色，调整，将混合模式改为柔光，不透明度降低到15%。注意外观面板，选择现有的填充并添加四个阴影效果，如下图所示(从左边开始)。

26步

现在，这里有一个简单的混合技术，你可以用它来轻松地给秒表重新着色。选择您的“颜色”形状，用40%的低透明度替换现有的颜色填充r = = 163b = 187 148g，并且(最重要的)将混合模式更改为颜色。如果你不想重新显示秒表屏幕，这就是你要做的。用椭圆工具(l)创建一个120 px的圆，用随机颜色填充，显示为第二张图片。选择这个新的圆形和“颜色”形状，然后从“路径查找器”面板按钮的前面单击。移动到图层面板，双击生成的形状，并将其命名为“重新着色框架”。最后，事情应该看起来像第四个图像。

步骤27

最后，还有另外两种颜色可以用来给秒表上色。请尝试不同的颜色，甚至渐变。

我们完了！

希望你喜欢这个教程，可以把这些技术应用到以后的项目中。