AI制作一个简单的秒表插图

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

最终的图像

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

最终的图像

步骤1

命令 N来创建一个新文档。输入600的宽度和高度框然后单击高级按钮。选择RGB,屏幕(72 ppi),确保新对象对齐像素网格框是不受控制的在你点击OK。使网格(视图>显示网格)和对齐网格(视图>对齐网格)。你需要一个网格每5 px,所以只是去编辑>首选项>指南>网格,在栅格线输入5每一盒和细分1盒。你也应该打开信息面板(窗口> Info)的实时预览你的形状大小和位置。不要忘记设置计量单位为像素从编辑>首选项>单位>一般。所有这些选项将大大增加你的工作速度。

步骤1

步骤2

使用椭圆工具(L),创建一个圆140 px和线性渐变填充,如下图所示。确保这个新形状保持选择和关注外观面板(窗口>外观)。添加一个4 pt中风和选择它。颜色黑色,使内部,降低不透明度到30%,改变混合模式为柔光叠加。继续关注外观面板,确保中风仍然是选择按钮,只需单击复制选中的项(尖小,下图中蓝色箭头)。这应该添加一个复制所选的中风。选择这个新中风,并简单地减少体重从4 pt 2 pt。选择这个2 pt中风,并重复使用相同的按钮复制选中的项。选择第三个冲程,简单地设置重量在1 pt。白色的百分比数字图像梯度站的位置。

步骤2

步骤3

确保你140 px圆面前仍然选择和复制(CTRL C > CTRL F)。使用椭圆工具(L),创建一个190 x 110像素形状、填充它为黑色,把它作为第一个图片所示。选择这个新形状以及复制了一开始的一步,打开探路者面板(窗口>探路者)并单击-按钮前面。选择产生的形状,并关注外观面板。首先,选择三个中风和简单地删除它们。接下来,选择填充。用一个简单的黑色,取代现有的线性梯度降低透明度为20%,改变混合模式为柔光叠加。

步骤3

步骤4

使用椭圆工具(L),创建一个120 px圆,填充如下所示的线性渐变,并将其作为如下图所示。确保这个新形状保持外观面板选择和关注。首先,选择填充>风格化>内发光效果。输入属性如下图所示,然后单击OK。返回到外观面板和添加一个2 pt中风。选择它,颜色在R = = 175 B = 178 165克、对齐到外面去>风格化>阴影效果。输入属性如下图所示,然后单击OK。回到外观面板和使用添加新的中风按钮添加第二个中风(尖小,下图中蓝色箭头)。选择这个新中风,1 pt宽,颜色在R = 135 G = 145 B = 145,确保外面的对齐。

步骤4

步骤5

这一步,你需要一个网格每1 px,所以去编辑>首选项>指南&网格和栅格线每一个框中输入1。使用钢笔工具(P),创建一个5 px,垂直路径,添加2 pt中风和设置它的颜色在R B = 176 G = 184 = 186。重复这一新的形状(CTRL C > CTRL F)。这些小地方,新的路径所示第一映像然后集团(CTRL G),确保这个新组被选中去影响>扭曲>变换和变换。输入属性如下图所示,然后单击OK。

步骤5

步骤6

使用钢笔工具(P),创建一个7 px,垂直路径,添加2 pt中风和设置它的颜色在R B = 135 G = 145 = 148。重复这一新的形状(CTRL C > CTRL F)。这些小地方,新的路径所示第一映像然后集团(CTRL G),确保这个新组被选中去影响>扭曲>变换和变换。输入属性如下图所示,然后单击OK。

步骤6

步骤7

使用矩形工具(快捷键M),创建一个4 x 52 px形状、填充红色,并将其作为第一个图片所示。关注这个新的矩形的板面,选择直接选择工具(一),选择左锚点,并将其拖动1 px然后选择正确的锚点,并将其拖动1 px。切换到椭圆工具(L),创建一个2 px圆,填充相同的红色,并将其作为第三个图片所示。选择这两个形状在这个步骤中,单击团结按钮从探路者面板。选择最终的形状和红色的换成R = = 50 B = 50 50克。确保这个黑影保持选中,注重外观面板和使用添加新填充按钮添加第二个填满(尖小,下图中蓝色箭头)。选择这个新填充,颜色白,改变混合模式为柔光,去影响>路径>抵消路径。输入一个1 px抵消并单击OK。

步骤7

步骤8

每5 px”回归“栅格线,所以只是去编辑>首选项>指南&网格并输入栅格线每箱5。使用椭圆工具(L),创建一个10 px圆,填充如下图所示的线性渐变和关注外观面板。添加第二个填满这个新的形状,选择它,颜色在R = 241 G = 236 B = 232,去影响>路径>抵消路径。输入一个3 px抵消并单击OK。选择这个小圆随着时钟的手的形状和组(CTRL G)。确保这个新组被选中去>风格化>阴影效果。输入属性如下图所示,然后单击OK。最后,您可以很容易地使用旋转工具旋转这组(R)。抓住这个工具,选择时钟手组,把参考点在中间的小圆那么简单的单击和拖动旋转时钟的手。

步骤8

步骤9

使用椭圆工具(L),创建一个新的120 px圆,xxx如下所示的线性渐变填充,如下图所示。梯度图像代表不透明的黄色零百分比。确保这个新形状保持外观面板选择和关注。首先,选择填充,降低不透明度到65%和>路径>抵消路径去影响。输入一个3 px抵消并单击OK。保持关注外观面板,添加1 pt,黑色的中风。调整内部,改变混合模式为柔光,降低不透明度到30%。添加第二个中风的形状,让它3 px宽,使其内部,确保颜色设置为黑色,然后降低透明度为20%,改变混合模式为柔光叠加。

步骤9

第十步

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

第十步

步骤11

使用椭圆工具(L),创建一个70 x 20 px形状、填充黑色,把它作为第一个图片所示,降低不透明度到3%和>扭曲>弧去影响。输入第一个图片所示的属性,然后单击OK。确保椭圆工具(L)仍然是活跃和创建一个新的70 x 20 px的形状。填充白色,把它作为第二个图片所示,降低不透明度到20%,再去影响>扭曲>弧。输入第二个图片所示的属性,然后单击OK。

步骤11

步骤12

使用椭圆工具(L),创建一个30 px圈,并将其作为如下图所示。确保这个新形状没有填充颜色设置,添加一个3分,黑色的中风,使它里面去对象>路径>大纲中风。选择最终的形状,注重外观面板和替换现有的与线性渐变填充颜色如下图所示。

步骤12

步骤13

确保形状在前一步骤仍然是选择和关注外观面板。添加第二个填充路径并选择它。使用第一个图片所示的线性渐变,改变混合模式为柔光,去影响>路径>抵消路径。输入一个1 px抵消并单击OK。回到外观面板,添加一个第三填补这条路。选择它并简单地添加第二个图片所示的径向渐变。

步骤13

步骤14

确保你的30 px复合路径仍然选择和关注外观面板。添加第四个填充路径,选择它,使用第一张照片所示的径向梯度,降低不透明度到70%。返回到外观面板中,选择整个路径(只需点击“复合路径”的文本从外观的顶部面板),去影响>风格化>阴影。输入属性如下图所示,然后单击OK。

步骤14

步骤15

使用矩形工具(快捷键M),创建一个10倍20 px形状、填充下面的线性渐变展示,将其所示的第一形象,去影响>风格化>圆角。输入一个1 px半径,单击OK并去对象>扩展外观。确保这个新形状保持选中,注重外观面板和添加第二个。选择它,使用下图所示的径向梯度,降低不透明度到70%。

步骤15

步骤16

切换到“栅格线每1 px”,所以还是再编辑>首选项>指南&网格和栅格线每一个框中输入1。使用椭圆工具(L),创建一个8 x 2 px形状、填充白色,改变混合模式为柔光叠加。选择矩形工具(快捷键M),创建一个10 x 4 px形状、填充黑色,把它作为第二个图片所示,降低不透明度到15%,改变混合模式为柔光叠加。继续使用矩形工具(快捷键M),创建一个10 x 2 px形状、填充黑色,把它所示第三形象,降低不透明度到30%,改变混合模式为柔光叠加。

步骤16

步骤17

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

步骤17

18步

每5 px”回归“栅格线,所以只是去编辑>首选项>指南&网格并输入栅格线每箱5。使用矩形工具(快捷键M),创建一个10 px广场,填充它为如下所示的线性渐变,去影响>风格化>圆角。输入一个1 px半径,单击OK,去影响>扭曲>弧低。输入属性如下图所示,单击OK并去对象>扩展外观。

18步

步骤19

禁用对齐网格(视图>对齐网格)然后去编辑>首选项>一般确保键盘增量设置为1 px。前一步骤中选择的形状,使前两个副本(CTRL C > CTRL F > CTRL F)。选择顶部1 px复制和移动它从你的键盘使用向上箭头。重新选择两个副本并单击-从探路者面板按钮前面。由此产生的形状填充黑色,降低不透明度到30%,改变混合模式为柔光叠加。重新选择的形状前一步,让另一个前两个副本(CTRL C > CTRL F > CTRL F)。选择顶部复制和移动3 px使用你的键盘的向上箭头。重新选择两个副本并单击-从探路者面板按钮前面。由此产生的形状填充黑色,降低不透明度到15%,改变混合模式为柔光叠加。

步骤19

20步

使对齐网格(视图>对齐网格)。使用矩形工具(快捷键M),创建一个20 x 10 px形状,如下所示的线性渐变,位置如下图所示,去影响>风格化>圆角。输入3 px半径,单击OK并去对象>扩展外观。禁用对齐网格(视图>对齐网格)然后选择产生的形状,使前两个副本(CTRL C > CTRL F > CTRL F)。选择顶部复制和移动1 px。重新选择两个副本并单击-从探路者面板按钮前面。由此产生的形状填充黑色,降低不透明度30%,改变混合模式为柔光叠加。

20步

步骤21

重新选择上一步的圆角矩形对象>路径>抵消路径。输入一个1 px抵消并单击OK。选择最终的形状和复制在前面(CTRL C > CTRL F)。选择这个复制和移动1 px。重新选择两个副本并单击-从探路者面板按钮前面。由此产生的形状填充如下所示的线性渐变,改变其混合模式为柔光叠加。重新选择圆角矩形在前一步,前面两个副本(CTRL C > CTRL F > CTRL F)。选择顶部复制和移动1 px使用键盘上的向下箭头。重新选择两个副本并单击-从探路者面板按钮前面。由此产生的形状填充黑色,降低不透明度到30%,改变混合模式为柔光叠加。

步骤21

一步22

使对齐网格(视图>对齐网格)。重新选择所有的形状在过去的四个步骤和组(CTRL G)。选择这个新组和去对象>变换>旋转。输入一个-45度角并单击OK按钮。选择这个旋转组,并将其作为第三个图片所示。集中在图层面板(Window >层),打开这个新的群体,选择底部形状和去>风格化>阴影效果。输入属性如下图所示,然后单击OK。最后的事情,应该像第三形象。

一步22

23步

确保你的按钮组仍选择和去对象>变换>反映。检查垂直框并点击复制按钮。这将创建一个水平翻转组副本。集中在图层面板,打开这个新组,选择底部形状和外观面板。打开现有的阴影效应和编辑它,如下图所示。选择整个新组,将它拖到左边,并将其作为第三个图片所示。

23步

24步

使用矩形工具(快捷键M),创建一个形状你的画板,填补它与R = 56克= 147 B = 147并将其发送回(Shift CTRL ()。搬到图层面板,这个矩形锁以确保你不会不小心选择/移动它。选择所有的形状你的秒表和组(CTRL G)。选择这个新组和复制在前面(CTRL C > CTRL F)。选择这组复制,去对象>扩展外观和对象>路径>大纲中风然后单击探路者团结按钮面板。由此产生的形状填充R = 125克= 135 B = 138。搬到图层面板,双击这个新的形状和简单地命名为“上色”。

24步

一步25

选择您的“上色”形状,复制在前面(CTRL C > CTRL F)并将其发送回(Shift CTRL ()。集中在图层面板,双击这个副本,并将其更名为“影子”。确保你的“影子”形状保持外观面板选择和关注。添加一个1 pt,黑色的中风,调整外,改变混合模式为柔光,降低不透明度到25%。添加第二个中风的形状,让它3 pt宽,颜色黑,调整外,改变混合模式为柔光,降低不透明度到15%。保持关注外观面板,选择现有的填补和添加四个阴影效果如下图所示(从左边开始)。

一步25

26步

现在,这里是一个简单的混合技术,您可以使用它轻松地重新着色秒表。选择您的“上色”形状,取代现有的颜色填充R = = 163 B = 187 148克、低透明度为40%和(最重要的)改变混合模式为颜色。这是你要做的,如果你不想重新着色秒表屏幕。使用椭圆工具(L),创建一个120 px圆,填充一个随机的颜色,并将其作为第二个图片所示。选择这个新圆随着“上色”形状和点击-从探路者面板按钮前面。移动到图层面板,双击产生的形状和命名为“recolorFrame”。最后事情应该看起来像第四形象。

26步

一步27

最后,这里有两个其他颜色,你可以使用它来上色秒表。请尝试不同的颜色,甚至一个梯度。

一步27

我们完成了!

我希望你喜欢这个教程,可以把这些技术应用到未来的项目。

最终的图像
本文由来源 vectips,由 小编 整理编辑,其版权均为 vectips 所有,文章内容系作者个人观点,不代表 设计教程网 对观点赞同或支持。如需转载,请注明文章来源。
5

发表评论