首先,您需要创建鼠标的主要几何草图,如下图所示。我们将创建此初始计划以进行工作,然后可以在其中添加高光和阴影以使其看起来不太平整。如果您知道如何实现对象及其元素的主要轮廓,请转到步骤8。否则,请仔细阅读以下步骤。
使用椭圆工具(L),将“笔触”颜色更改为null,将“填充”颜色更改为橙 色,并说明将表示鼠标形状的路径。
使用直接选择工具(A),更改路径的锚点手柄,以形成以下视图。
使用钢笔工具(P),如下图所示以灰色绘制一个拇指格。
选择重复的橙色和灰色,然后转到“路径查找器”面板,然后单击“相交”按钮。或者,如果您使用版本CS5或CS6,则可以使用(Shift + M)来实现此目的。
使用钢笔工具(P)在蓝色路径的上方绘制如下所示的紫色路径。
这一部分将代表两个鼠标按钮。使用钢笔工具(P)绘制一条划分形状的线。
然后,选择这条线和紫色路径,然后单击“路径查找器”面板中的“分割”按钮。
然后转到“对象”>“取消分组”并更改任何鼠标按钮的填充颜色。
在鼠标按钮的下部绘制一个黑色按钮,即可完成主要几何图形的绘制。
选择橙色路径,“复制并粘贴在最前面”。将副本命名为“主路径”,使其不可见并将其锁定在“图层”面板中。
然后再次选择橙色路径,转到“对象”>“创建渐变网格”,然后设置您可以在下面显示的对话框中看到的值。
使用网格工具(U)或直接选择工具(A)并根据配光原理更改可见的网格节点颜色。
你知道如何做到这一点吗?首先,使用“线段工具”(\)绘制两条白色的倾斜线,如下图所示。
转到“效果”>“扭曲和变形”>“粗糙”,然后在打开的对话框中设置显示的值。
转到“对象”>“混合”>“混合选项”,将“间距”设置为“指定步骤”,并将步骤数设置为约80。
选择混合,然后转到“对象”>“剪贴蒙版”>“制作”。
通过使用“渐变网格”,鼠标的拇指格将以类似的方式完成。
使用椭圆工具(L)绘制水平椭圆路径。将其填充为白色,并将“笔触”颜色更改为空。
转到“对象”>“路径”>“联接”以关闭打开的路径。
转到“对象”>“变换”>“缩放”,在对话框中设置显示的值,然后单击“复制”按钮。
将其拖放到“画笔”面板中,然后在打开的对话框中选择“美术”画笔选项。
但是,将“着色方法”更改为“色相偏移”,以便更有效地管理笔刷颜色。
通过使用钢笔工具(P)画一条线,然后在其上应用“白色笔刷”,在鼠标上创建一个亮点。
用白色到灰色的径向渐变填充蓝色路径。使用渐变工具(G)移动渐变源。
复制此路径,然后将其粘贴到前端,将渐变填充更改为成角度的线性曲线。
在“透明度”面板中将“混合模式”更改为“颜色加深”。
先前创建的光斑应在鼠标的灰色部分上连续,以满足光分布原理。
因此,选择灰色路径,将其复制并粘贴在前面,使用剪刀工具(C)并剪切路径。
应用“黑色画笔”,将“描边”颜色更改为白色,然后更改路径的“不透明度”。
鼠标的两个按钮(深红色和紫色按钮)都充满了成角度的线性渐变,如下图所示。
是的,你是对的!这些按钮彼此合并并且与鼠标的其他路径合并。为了解决此问题,您需要在按钮的边框上应用“黑色笔刷”。然后更改将要应用“黑色笔刷”的路径的“不透明度”,“笔触颜色”和“笔触权重”。请参阅下图以供参考。
但是,如果没有,请复制鼠标左键,然后将其粘贴到Front中。将填充颜色和描边颜色都更改为无,使用剪刀工具(C),然后单击其所指示的锚点。
将带有黑色“ Stroke”颜色的“黑色笔刷”应用到它。
将带有白色“中风”颜色的“黑色笔刷”应用于右侧按钮上方的类似路径。以相同方式更改“笔划粗细”和“不透明度”。
在滚轮上绘制一个亮点,并使用剪切路径对其进行裁剪,鼠标滚轮将完成。
鼠标的小按钮以相同的方式着色。只需应用您在本教程前面学到的技术,然后自己做即可。使用以下图像供您参考。
将鼠标放在垫上。使用钢笔工具(P),绘制显示的路径并用成角度的线性渐变填充。
鼠标垫不是2D图形,而是3D图形,尽管其厚度很小。因此,复制垫板并将其粘贴到背面,将其稍微向下移动,并用线性渐变填充副本,如下图所示。
将其拖放到“画笔”面板中,然后在打开的对话框中选择“散布画笔”选项。
使用画笔工具(B)并在“画笔”调板中选择此“散布”画笔时,绘制如下所示的路径。
...删除不必要的路径,然后在“透明度”面板中将剩余路径更改为“混合”模式。
双击工具栏中的矩形网格工具,然后在对话框中指定显示的选项。如果需要在您自己的图稿中将“笔划”颜色更改为灰色,并将“笔划粗细”更改为。
...转到“对象”>“变换”>“缩放”以减少非均匀缩放以创建透视图。
然后,如果需要在图稿中使用旋转工具(R)稍微旋转网格。
使用椭圆工具(L)创建一个圆形的黑色混合。外圆需要0%不透明度,内圆需要100%不透明度。在“混合选项”中,将间距定义为“指定步骤”,并将其值设置为50。完成后单击“确定”。
转自平面设计(ID:pingmiandesigner)图/文 Alexander Egupov