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

使用Illustrator简单几步制作书包背包小图标

2019-12-10 10:51

欢迎回到另一本基于Illustrator的教程,在该教程中,我们将快速浏览仅使用几个基本的几何形状来创建背包图标的过程,我们将在此进行调整。因此,假设您已经启动并运行了该软件,那么让我们直接进入吧!教程详细信息 ...

欢迎回到另一本基于Illustrator的教程,在该教程中,我们将快速浏览仅使用几个基本的几何形状来创建背包图标的过程,我们将在此进行调整。

因此,假设您已经启动并运行了该软件,那么让我们直接进入吧!

教程详细信息:使用Illustrator简单几步制作书包背包小图标
程序:adobe illustrator CS6 – CC 2019
难度:初学者
涵盖的主题:设计理论,构图构造,形状对齐,网格定位
预计完成时间:20分钟
最终图像:背包图标

背包图标,带纯黄色背景

步骤1
与每个新项目一样,我们将通过设置“新文档”,转到“文件”>“新建”(或使用Control-N键盘快捷键)来开始工作,然后我们将进行如下调整:

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

色彩模式:RGB
光栅效果:屏幕(72ppi)
预览模式:默认
快速提示:如果将文档的“个人资料”设置为“ Web”,则可以自动触发大多数指示的设置,唯一需要手动调整的是Artboard的大小(宽度x高度)。

画板尺寸

第2步
设置完项目文件后,我们就可以开始处理实际的背包图标了,我们将使用56 x 56 px的圆圈为背景创建主要形状,并使用#进行着色ffc866,然后使用“对齐”面板的“水平和垂直对齐中心”选项使基础Artboard居中对齐。

对准飞镖

第三步
使用8 x 8 px的圆圈和2 px的粗线来创建背包图标的手柄,我们将使用#1c202d对其进行着色,然后将其放置在距较大背景的顶部锚点11 px的距离处。

创建背包图标的手柄

第四步
使用20 x 24 px矩形(#ffffff)添加实际背景的主要形状,我们将通过打开“变换”面板,然后将其顶角的半径设置为10 px,并将底角的半径设置为4 px进行调整。花些时间,完成后,按照参考图片中的位置放置结果形状。

创建背包图标形状

第5步
通过创建描边的方法(Control-C),将其粘贴到前面(Control-F),然后通过首先将其颜色更改为#1c202d进行调整,以使用Stroke方法为该轮廓绘制轮廓。接下来,我们将使用Shift-X键盘快捷键立即翻转其描边填充,并确保打开描边面板,然后将其权重设置为2像素。完成后,请使用Control-G键盘快捷键将两个形状选择并分组在一起。

轮廓背包图标形状

第6步
使用12 x 6 px矩形(#ffffff)和2 px粗轮廓(#1c202d)创建前袋的下部,并将Corner设置为Round Join,将其分组(Control-G),然后定位为如参考图片所示。



步骤7
使用一个12 x 4 px矩形(#ffffff),一个2 px粗轮廓(#1c202d)和一个Round Join添加口袋的上身,将其分组(Control-G),然后堆叠在以前的形状上,以便他们的路径重叠。

重叠第二个背包图标口袋

步骤8
创建一个6 x 3 px的矩形,我们将使用#1c202d对其进行着色,然后将其放置在口袋下部的上边缘。放置好形状后,请确保使用Control-G键盘快捷键选择并组合所有口袋的组成形状。

完整的背包图标的前袋

步骤9
使用两个3 x 6 px矩形(#ffffff),带有2 px粗轮廓(#1c202d)和Round Join的侧袋添加侧袋,我们将这些单个分组(Control-G),然后定位到背包的外边缘图标,如参考图片所示。

创建背包图标的侧袋

第10步
使用两个带有圆帽的高4 px高2 px粗的Stroke线(#1c202d)添加肩带的可见部分,完成背包图标及其项目本身,我们将其放置在背包图标的轮廓上,如下所示:如参考图片所示。花些时间,一旦完成,请确保先选择并组合(Ctrl-G)所有背包图标的组成形状,然后再对整个背包图标进行相同的形状。

创建背包图标的肩带

很棒的工作!
与往常一样,我希望您在项目中工作愉快,最重要的是设法在此过程中学习了一些新的有用的知识。

Illustrator简单几步制作书包背包小图标

作者:Andrei Ștefan
推荐阅读
粉丝 阅读440 回复0
上一篇:
使用Illustrator CS6制作一个时钟闹钟图标发布时间:2019-12-10
下一篇:
如何在Adobe Illustrator中制作光盘图标 ai图标设计发布时间:2019-12-15
推荐资讯
阅读排行
精选案例展示
关闭

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



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

357224957

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

反馈建议

357224957@163.com 在线QQ咨询

扫描二维码关注我们

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