29教程网 首页 Illustrator教程 Illustrator入门教程

在Adobe Illustrator CS6中绘制一个鼠标图标

2020-6-16 14:18
来自: 网络整理 收藏 分享 邀请

在今天的教程中,我们将探索创建简单鼠标图标的过程,仅使用Illustrator中提供的基本几何形状和工具。教程详细信息:在Adobe Illustrator CS6中绘制一个鼠标图标程序:Adobe Illustrator CS6 – CC 2016难度:初学者 ...

在今天的教程中,我们将探索创建简单鼠标图标的过程,仅使用Illustrator中提供的基本几何形状和工具。

教程详细信息:adobe illustrator CS6中绘制一个鼠标图标
程序:Adobe Illustrator CS6 – CC 2016
难度:初学者
涵盖的主题:设计理论,构图构造,形状对齐,网格定位
预计完成时间:30分钟
最终图像:鼠标图标

鼠标图标最终图像

步骤1
与每个新项目一样,首先通过转到文件>新建(或使用Control-N键盘快捷键)来首先设置一个新文档,我们将对其进行如下调整:

画板数量:1
宽度:128像素
高度:128像素
单位:像素
在“高级”标签中:

色彩模式:RGB
栅格效果:屏幕(72ppi)
预览模式:默认
画板入门

快速提示:如果将文档的“个人资料”设置为“ Web”,则可以自动触发大多数指示的设置,唯一需要手动调整的是Artboard的大小(宽度x高度)。

第2步
设置好项目文件后,我们就可以开始使用实际的鼠标图标了,我们将使用120 x 120 px的圆圈创建背景,并使用#2D8FF9对其进行着色,然后将其居中对齐使用“对齐”面板的“水平对齐”和“垂直对齐中心”选项设置基础Artboard。

画板设置

第三步
使用44 x 30像素的矩形创建鼠标主体的后部,我们将使用#C6BCB9对其进行着色,然后将其居中对齐到较大的圆,将其与底边的距离设置为14像素。

老鼠的身体

第四步
在“转换”面板的“矩形属性”中,将其底角的半径设置为22像素,以调整刚刚创建的形状。

鼠标图标的基本形状和大小

第5步
通过创建描边的方法(Control-C),将其粘贴到前面(Control-F),然后通过首先将其颜色更改为#302724,然后翻转其“填充”,将其轮廓绘制为轮廓使用其笔触(Shift-X)确保将其权重设置为4像素。然后,在继续下一步之前,选择两个形状并使用Control-G键盘快捷键将它们分组在一起。

形状

第6步
使用44 x 48像素的矩形(#FFFFFF)创建实体的前部,我们将通过在“变形”面板的“矩形属性”中将其下角的半径设置为22像素来进行调整。为生成的形状提供4像素粗的轮廓(#302724),进行分组(Control-G),然后将两者放置在上一节的顶部,与背景的顶部边缘相距48像素。

鼠标形状

步骤7
使用22 x 22像素的正方形(#FFFFFF)添加鼠标的左键按钮,我们可以通过将鼠标左上角的半径设置为8像素来进行调整。为生成的形状指定4 px的粗轮廓(#302724),进行分组(Control-G),然后将其放置在参考图像中。

点击按钮形状

步骤8
使用三个2 x 2 px的圆圈添加小纹理部分(#302724),我们将彼此堆叠2 px,进行分组(Control-G),然后将其放置在距左键单击顶部4 px的距离处-右上角。花些时间,一旦完成,请使用Control-G键盘快捷键选择圆圈和按钮并将其分组在一起。

左击

步骤9
使用刚刚完成的操作的副本(Control-C> Control-F)创建右键单击按钮,我们将对其进行垂直反射(右键单击>“变换”>“反射”>“垂直”),然后定位到大身体的另一侧。

右键点击

第10步
使用8 x 6像素的矩形(#C6BCB9)添加线的较粗部分,我们可以通过将其顶角的半径设置为4像素来进行调整。为生成的形状提供4像素粗的轮廓(#302724),进行分组(Control-G),然后将这两个形状放置在鼠标图标的两个按钮上方(如参考图片所示)。

电线附件

步骤11
花一些时间,然后使用一条26像素高4像素粗的描边线(#302724)绘制线段,我们将其居中对齐到活动绘图区域的顶部边缘。由于我们已经完成了鼠标图标的全部工作,因此您可以使用Control-G键盘快捷键选择所有组成部分并将其分组。

鼠标图标线

步骤12
使用蓝色圆圈的副本(Control-C),遮盖突出到背景表面外部的绳索部分,以结束鼠标图标,然后将其粘贴在前面(Control-F)。复制到位后,同时选择它和要遮罩的形状,然后右键单击>“制作剪贴蒙版”。完成后,选择遮罩的形状和背景,并组合在一起(按Control-G),然后点击该保存按钮。

剪贴蒙版

完成了!在Adobe Illustrator CS6中绘制一个鼠标图标

在那里,您可以找到其他按钮单击器,这是一种简单的分步方法,介绍如何使用自己可能已经使用的基本几何形状和工具来创建自己的界面生物。
推荐阅读
粉丝 阅读449 回复0
上一篇:
如何使用Illustrator制作一个相机图标发布时间:2020-06-16
下一篇:
在Illustrator中为文本添加透明渐变效果发布时间:2020-06-20
推荐资讯
阅读排行
精选案例展示
关闭

站长推荐上一条 /1 下一条



专注平面设计教程免费分享
客服QQ

357224957

周一至周日9:00-23:00

反馈建议

357224957@163.com 在线QQ咨询

扫描二维码关注我们

Powered by Discuz! X3.4© 2001-2013 Comsenz Inc.( 桂ICP备12007517号-1 )