【教程】AI绘制鼠标流程

PS素材哥推荐搜索

设计素材
设计教程
设计软件
步骤1
首先,您需要创建鼠标的主要几何草图,如下图所示。我们将创建此初始计划以进行工作,然后可以在其中添加高光和阴影以使其看起来不太平整。如果您知道如何实现对象及其元素的主要轮廓,请转到步骤8。否则,请仔细阅读以下步骤。
步骤2
使用椭圆工具(L),将“笔触”颜色更改为null,将“填充”颜色更改为橙 色,并说明将表示鼠标形状的路径。
使用旋转工具(R)将椭圆旋转大约45度。
使用直接选择工具(A),更改路径的锚点手柄,以形成以下视图。
步骤3
使用钢笔工具(P),如下图所示以灰色绘制一个拇指格。
选择橙色路径,“复制并粘贴在最前面”。
选择重复的橙色和灰色,然后转到“路径查找器”面板,然后单击“相交”按钮。或者,如果您使用版本CS5或CS6,则可以使用(Shift + M)来实现此目的。
步骤4
蓝色路径的创建方法相同。
步骤5
使用钢笔工具(P)在蓝色路径的上方绘制如下所示的紫色路径。
这一部分将代表两个鼠标按钮。使用钢笔工具(P)绘制一条划分形状的线。
线的中心应稍有凹痕,以允许放置滚轮按钮。
步骤6
然后,选择这条线和紫色路径,然后单击“路径查找器”面板中的“分割”按钮。
然后转到“对象”>“取消分组”并更改任何鼠标按钮的填充颜色。
步骤7
创建显示为棕色形状的车轮腔...
...并且车轮本身显示为黄色形状。
在鼠标按钮的下部绘制一个黑色按钮,即可完成主要几何图形的绘制。
步骤8
选择橙色路径,“复制并粘贴在最前面”。将副本命名为“主路径”,使其不可见并将其锁定在“图层”面板中。
然后再次选择橙色路径,转到“对象”>“创建渐变网格”,然后设置您可以在下面显示的对话框中看到的值。
使用网格工具(U)或直接选择工具(A)并根据配光原理更改可见的网格节点颜色。
步骤9
让我们在带有网格的鼠标表面上叠加一个纹理。
你知道如何做到这一点吗?首先,使用“线段工具”(\)绘制两条白色的倾斜线,如下图所示。
转到“效果”>“扭曲和变形”>“粗糙”,然后在打开的对话框中设置显示的值。
步骤10
转到“对象”>“混合”>“混合选项”,将“间距”设置为“指定步骤”,并将步骤数设置为约80。
转到“对象”>“混合”>“制作”。
降低混合的不透明度。
并更改“混合”中包含的路径的“描边粗细”。
步骤11
之后,选择“主路径”,然后复制并粘贴在前面。
选择混合,然后转到“对象”>“剪贴蒙版”>“制作”。
步骤12
通过使用“渐变网格”,鼠标的拇指格将以类似的方式完成。
步骤13
使用椭圆工具(L)绘制水平椭圆路径。将其填充为白色,并将“笔触”颜色更改为空。
使用直接选择工具(A),选择最右边的锚点...
...,然后按键盘上的Delete(删除)按钮。
转到“对象”>“路径”>“联接”以关闭打开的路径。
步骤14
使用直接选择工具(A)选择最右边的两个锚点...
...并将其转换为平滑的。
选定点后,将其向右拉以创建细长的形状。
步骤15
转到“对象”>“变换”>“缩放”,在对话框中设置显示的值,然后单击“复制”按钮。
如下图所示,将路径的副本移到左侧。
步骤16
将最大路径的不透明度更改为0%。
然后从两个水滴形路径创建一个Blend。
步骤17
将其拖放到“画笔”面板中,然后在打开的对话框中选择“美术”画笔选项。
将画笔命名为“白色画笔”,然后单击“确定”。
步骤18
使用类似的方法,创建另一个Art Brush。
但是,将“着色方法”更改为“色相偏移”,以便更有效地管理笔刷颜色。
步骤19
通过使用钢笔工具(P)画一条线,然后在其上应用“白色笔刷”,在鼠标上创建一个亮点。
更改路径的“描边粗细”。
步骤20
用白色到灰色的径向渐变填充蓝色路径。使用渐变工具(G)移动渐变源。
复制此路径,然后将其粘贴到前端,将渐变填充更改为成角度的线性曲线。
在“透明度”面板中将“混合模式”更改为“颜色加深”。
步骤21
先前创建的光斑应在鼠标的灰色部分上连续,以满足光分布原理。
因此,选择灰色路径,将其复制并粘贴在前面,使用剪刀工具(C)并剪切路径。
应用“黑色画笔”,将“描边”颜色更改为白色,然后更改路径的“不透明度”。
并使用相应的裁剪蒙版对其进行裁剪。
步骤22
鼠标的两个按钮(深红色和紫色按钮)都充满了成角度的线性渐变,如下图所示。
车轮的棕色腔体也充满了成角度的线性梯度。
步骤23
让我们看一下缩放后的图像。这里不对劲。你知道吗
是的,你是对的!这些按钮彼此合并并且与鼠标的其他路径合并。为了解决此问题,您需要在按钮的边框上应用“黑色笔刷”。然后更改将要应用“黑色笔刷”的路径的“不透明度”,“笔触颜色”和“笔触权重”。请参阅下图以供参考。
但是,如果没有,请复制鼠标左键,然后将其粘贴到Front中。将填充颜色和描边颜色都更改为无,使用剪刀工具(C),然后单击其所指示的锚点。
将带有黑色“ Stroke”颜色的“黑色笔刷”应用到它。
更改行程的权重和不透明度,以获得下一个结果。
将带有白色“中风”颜色的“黑色笔刷”应用于右侧按钮上方的类似路径。以相同方式更改“笔划粗细”和“不透明度”。
完成所有路径后...
...用相应的剪贴蒙版裁剪所有这些。参见下图。
步骤24
车轮的黄色路径应充满白色到黑色的径向渐变。
然后应将其复制并粘贴在前面,并填充线性渐变。
通过透明面板将副本的混合模式设置为屏幕。
步骤25
借助“黑色画笔”显示了车轮上柔和的阴影。
在滚轮上绘制一个亮点,并使用剪切路径对其进行裁剪,鼠标滚轮将完成。
步骤26
鼠标的小按钮以相同的方式着色。只需应用您在本教程前面学到的技术,然后自己做即可。使用以下图像供您参考。
步骤27
将鼠标放在垫上。使用钢笔工具(P),绘制显示的路径并用成角度的线性渐变填充。
鼠标垫不是2D图形,而是3D图形,尽管其厚度很小。因此,复制垫板并将其粘贴到背面,将其稍微向下移动,并用线性渐变填充副本,如下图所示。
步骤28
使用“线段工具”(\)绘制灰色斜面,如下所示。
将其拖放到“画笔”面板中,然后在打开的对话框中选择“散布画笔”选项。
选择对话框中选项的显示值,然后单击“确定”。
步骤29
使用画笔工具(B)并在“画笔”调板中选择此“散布”画笔时,绘制如下所示的路径。
步骤30
转到对象>扩展外观,...
...删除不必要的路径,然后在“透明度”面板中将剩余路径更改为“混合”模式。
使用裁剪蒙版裁剪路径。
步骤31
双击工具栏中的矩形网格工具,然后在对话框中指定显示的选项。如果需要在您自己的图稿中将“笔划”颜色更改为灰色,并将“笔划粗细”更改为。
步骤32
使用套索工具(Q)选择网格的顶部锚点...
...转到“对象”>“变换”>“缩放”以减少非均匀缩放以创建透视图。
然后,如果需要在图稿中使用旋转工具(R)稍微旋转网格。
将网格添加到先前创建的“剪切蒙版”组中。
步骤33
使用椭圆工具(L)创建一个圆形的黑色混合。外圆需要0%不透明度,内圆需要100%不透明度。在“混合选项”中,将间距定义为“指定步骤”,并将其值设置为50。完成后单击“确定”。
通过更改混合中路径的不透明度来降低颜色强度。
创建一个类似的Blend,但是这次用白色填充。
步骤34
鼠标的阴影是使用“黑色笔刷”创建的。
至此就完成了。

转自平面设计(ID:pingmiandesigner)图/文 Alexander Egupov


(0)

相关推荐