平面设计:创建景观图标

Recommand
上海/设计爱好者/5年前/451浏览
平面设计:创建景观图标Recommand

使用Adobe Illustrator中的基本工具绘制3款创意景观图标!

创建新文件

按Ctrl+N创建新文件

画板数量:  1

宽度:  800 px

高度:  600 px

单位: 像素(px)


在“高级”选项中:

色彩模式:  RGB

栅格效果: 屏幕(72 ppi)


新建图层

新建5个图层,重命名:

第1层 > 参考网格

第2层 > 香水

第3层 > 纸巾

第4层 > 肥皂

第5层 > 毛巾



创建参考网格

第1步

使用 矩形工具(M),创建一个128×128 px的正方形,颜色填充为#F15A24,对齐到画板中心 。


第2步

创建一个 120×120 px的正方形,填充为白色(#FFFFFF),移动到上一步骤的正方形中心,然后选中2个正方形编组(Control + G),选择编组,复制并粘贴3个副本(Control + C→Control + F),间距40 px。



创建香水图标

第1步

绘制一个 16×16 px 的正方形作为香水的喷雾帽,颜色填充为#F2DFCE,移动到如图所示位置。

第2步

选择小的正方形(Control + C),粘贴到前面(Control + F),填充色改为#2B3249,描边为8 px,端点改为圆角。

第3步

绘制一个 圆角半径为 2 px ,尺寸为 6×4 px 的圆角矩形(颜色填充为#2B3249)  作为盖帽的喷嘴,居中对齐正方形的右边缘。完成后,选择所有三个形状进行编组(Control + G)。

第4步

绘制一个描边为 8 px(描边颜色#2B3249)的 ,尺寸为 12×10 px的矩形(#C6A187),移动到瓶盖下方, 与参考网格的左边缘相距 38 px。


第5步

绘制 24×10 px 的矩形(#F2DFCE)。描边为 8 px(#2B3249),移动到上一步骤形状的右侧。选中第4步和第5步的形状进行编组(Control + G)。


第6步

绘制一个12×6 px 的矩形(#2B3249),绘制另一个较小的  4×6 px 的矩形(#2B3249)。将这两个矩形编组(Control + G),移动到图示位置。完成后,选择当前所有形状进行编组(Control + G)。


第7步

创建一个56×42 px的矩形(#DD886B),  在“  变形”面板的“  矩形属性”中将底角的半径设置为8 px,移动到图示位置。


第8步

绘制一个 56×54 px的圆角矩形创建轮廓,圆角半径为 8 px,描边为 8 px(#2B3249)。



第9步

绘制一个 56 x 8px 的描边线(#2B3249)移动到图示位置。选择三个形状进行编组(Control + G)。


第10步

复制上一步的编组图层(Control + C),粘贴到前方(Control + F),向右移动 16 px到图示位置。



第11步

使用直接选择工具(A)选择结果部分的填充形状  ,然后通过将其颜色更改为#F4AB8C进行调整。


第12步

绘制2个 20×20 px的圆形(#2B3249)作为香水的品牌标志,将其分组(Control + G),居中对齐到前端瓶身,与底部间距 6 px。选择所有形状进行编组(Control + G)。

第13步

使用 椭圆工具(L) 在右上方绘制 10×10 px 的圆形(#2B3249),然后左侧绘制一个 16×16 px的圆形(#2B3249)。


第14步

绘制一个 88×12 px的圆形(#DCDFE5)作为香水底部的投影 ,居中对齐到画布中心。

选择香水的所有形状进行编组(Control + G)。


创建纸巾图标

第1步

绘制一个 52×56 px的矩形(#C6A187),描边为 8 px(#2B3249),移动到图示位置。


第2步

创建一个 52×48 px的矩形(#F2DFCE),移动到图示位置。 

第3步

绘制一个 24×48 px的椭圆(#F2DFCE),移动到矩形的右侧,选中矩形和椭圆合并形状。


第4步

给上一步骤的形状添加 8 px的描边(#2B3249)。

第5步

绘制一个 24×48 px的椭圆(#DBBCA5),描边为 8 px (#2B3249),在椭圆中心再绘制一个 6×12 px的椭圆(#2B3249)。选择所有形状进行编组(Control + G)。


第6步

绘制4个 6×4 px 的矩形(#2B3249),间距 4 px ,选择4个小的矩形进行编组(Control + G),居中对齐到纸巾中心。完成后,选择当前所有形状进行编组(Control + G)。


第7步

绘制4个 8×8 px的圆形(#2B3249),水平和垂直间距2px。

使用直接选择工具(A) 选择圆形的外部锚点,然后按 Delete删除,右键单击→连接,

绘制4个  2×2 px的圆形(#2B3249)移动到图示位置,完成后选中所有形状进行编组(Control + G)。

第8步

将上一步创建的星星移动到纸巾的右侧,如图示。

第9步

绘制一个 88×12 px 的椭圆形(#DCDFE5)作为纸巾的投影移动到图示位置,

选择当前所有形状进行编组(Control + G)。

创建肥皂图标

第1步

绘制一个  56×80 px 的圆角矩形(#DD886B),圆角半径为 8 px、描边为 8 px(#2B3249),移动到图示位置。


第2步

复制上一步的形状(Control + C),粘贴到前面(Control + F),向右移动16 px。

第3步

绘制一个36×60 px的矩形,描边为 4 px(#2B3249),与右侧圆角矩形居中对齐。


第4步

绘制一个 16×16 px的圆圈(#2B3249),移动到图示位置。


第5步

使用直接选择工具(A)选择圆形顶部的锚点  ,使用“  移动”工具将顶部锚点向上移动 8 px。

第6步

使用锚点工具使水滴顶部变尖,稍微调整两侧手柄的位置。完成后选择当前所有形状进行编组(Control + G)。

第7步

使用椭圆工具(L)绘制1个 10×10 px 的圆形(#2B3249),再绘制一个 16×16 px的圆形(# 2B3249)移动到图示位置。

第8步

绘制一个 88×12 px的椭圆形(#DCDFE5)作为肥皂的投影,选择所有形状进行编组(Control + G)。

创建毛巾图标

第1步

绘制一个 64×80 px 的矩形(#F2DFCE),移动到图示位置。

第2步

在“ 变形” 面板的“  矩形属性”中将其右上角的圆角半径改为12 px。

第3步

绘制一个 24×92 px的圆角矩形(图中红色部分形状),选中2个形状后删除顶层形状。

第4步

给剩下的形状添加 8 px的描边(#2B3249)。

第5步

绘制一个 52×4 px的矩形(#2B3249)移动到图示位置。


第6步

绘制5个 4×8 px 的矩形(#2B3249)间距 4px作为毛巾的细节,全选进行编组(按Control + G)。


第7步

绘制一个 24×56 px的矩形(#C6A187),在“矩形属性”中将其顶角的半径设置为12 px。添加 8 px的描边(#2B3249),移动到图示位置。

第8步

绘制一个 24×4 px 的矩形(#2B3249)移动到图示位置。完成后选择当前所有形状进行编组(Control + G)。

第9步

复制前面绘制的星星(Control + C),然后将其粘贴(Control + V)到当前图层上,移动到图示位置。


第10步

绘制一个 88×12 px的椭圆(#DCDFE5)作为毛巾的投影,选中当前所有图层形状进行编组(Control + G)。


恭喜!我们结束啦!

希望你能在看完本教程后有所收获,尝试为生活中常见物品绘制创意图标!

2
Report
|
14
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
MOVA 扫地机器人-活水版
Homepage recommendation
相关收藏夹
设计
设计
设计
设计
作品收藏夹
设计图标
设计图标
设计图标
设计图标
作品收藏夹
小图标
小图标
小图标
小图标
作品收藏夹
学习干
学习干
学习干
学习干
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
大家都在看
Log in