平面设计:创建景观图标

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

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

创建新文件

按Ctrl+N创建新文件

  • 画板数量:  1 个

  • 宽度:  800 px

  • 高度:  600 px

  • 单位:  px


在“高级”选项中:

  • 色彩模式:  RGB

  • 栅格效果:  屏幕(72 ppi)

新建图层

新建4个图层,重命名:

  • 第1层>参考网格

  • 第2层>山地

  • 第3层>海边

  • 第4层>沙漠



创建参考矩形


创建参考矩形将有助于在创建图标时保持一致性。

第1步

使用  矩形工具(M),创建一个 128×128 px 的 正方形,颜色填充为#F15A24,然后使用“对齐”面板的“水平和垂直对齐中心”选项将其放置在画板的中心。


第2步

创建另一个 120×120 px的正方形,颜色填充为白色(#FFFFFF),将两个正方形进行编组(Control + G),

复制编组(Control + C> Control + F),相邻间距 40 px,锁定三个编组图层,避免误操作。



创建山地景观图标

第1步

绘制一个 112×112 px的圆形,颜色填充为#FF8D60,居中对齐至白色正方形的中心。


第2步

使用钢笔工具(P),粗细 8 px,端点为圆角,如图绘制山的形状,按住Shift键,可使用45º对角线绘制侧面路径。


第3步

复制上一步的左侧山脉(Control + C> Control + F)粘贴为右侧山脉,移动到图示位置。


第4步

使用 直接选择工具(A)选择第二座山脉的右侧锚点  ,沿对角线将其拖到背景矩形的右边缘。

第5步

使用钢笔工具绘制 8 px粗的第三座山脉(颜色为#3F3330)。

第6步

绘制24×24 px的圆,描边为 8 px(颜色填充为#3F3330)作为太阳,移动到图示位置。

第7步

使用直接选择工具(A)选择圆形底部的锚点,然后按Delete键锚点删除。

第8步

绘制一些 4 px 粗的描边线段(颜色为#3F3330)作为山脉的细节,垂直间距 4 px,水平间距8px。

第9步

对左侧山脉和底部山脉重复相同的步骤,使用 Control + G 将所有线条合并编组。

第10步

绘制一个 50 x 4 px 的线段(颜色为#3F3330)作为树干,移动到距离左侧边缘20 px的位置。

第11步

绘制两个 8×8 px的圆形,描边为 4 px(颜色为#3F3330)作为树冠的上半部分,移动到图示位置。

第12步

使用 直接选择工具(A)选择两个圆形顶部和外侧的锚点,按Delete删除锚点,

将圆形的端点改为圆角,按Control + G将两个形状进行编组,如图示。

第13步

复制上一步骤的编组(Control + C> Control + F 两次)作为其他的树冠,移动到下方,垂直间距 2 px。

按Control + G将树的所有组成部分进行编组。

第14步

复制上一步骤树的编组(Control + C>Control + F 三次)水平间距 2 PX。

第15步

 将右侧三个树干的长度依次缩短 8 px。将所有树进行编组(Control + G)。

第16步

绘制一些端点为圆角,4 px粗的线条(颜色为#3F3330)作为云,选中所有线条,按Control + G 进行编组。

第17步

选择所有线条进行编组(Control + G),复制底层的圆形(Control + C > Control +F)创建剪贴蒙版。

第18步

最后还需要为这个图标添加圆形轮廓,复制底层的圆形(Control + C > Control +F),

颜色更改为#3F3330,轮廓为8 px。选中图标的所有组成形状进行分组(Control + G)。

创建海边景观图标

第1步

就像第一个图标的步骤一样,先绘制一个112×112 px的圆形作为背景。颜色填充为#FF8D60,将其对齐到矩形的中心。

第2步

使用钢笔工具如图绘制一条 8 px 粗,端点为圆角的线段(颜色为#3F3330)。

第3步

如图绘制一条波浪线。

第4步

绘制5条 4 px 粗的线段作为波浪,端点为圆角(#3F3330),垂直间距4 px。将5条线段进行编组(Control + G),

复制编组Control + C > Control + F,右单击水平翻转,移动到右侧。

第5步

如图绘制一些短的线条,选中所有的线条Control + G进行编组。

第6步

绘制两个短的线段,移动到图示位置。按Control + G进行编组。

第7步

绘制一个 24×32 px ,描边粗细为 8 px(描边颜色#3F3330),端点为圆角的矩形作为灯塔的主体,移动到图示位置。

第8步

使用“移动”工具选择顶部锚点,向内移动 4 px,使用“ 添加锚点工具”(+)在矩形底部的线段任意位置添加一个锚点, 然后使用“ 直接选择工具”(A)选择这个锚点按Delete删除。


第9步

绘制一个端点为圆角,24 x 8 px的线段(#3F3330),移动到图示位置。

第10步

绘制一个端点为圆角,12×12 px,描边 8 px 粗的正方形(#3F3330),在正方形顶部中心添加一个新的锚点,选中该锚点向上移动 4 px。

第11步

绘制三个4 px 粗的线段作为灯塔的细节(#3F3330),选中线段进行编组(Control + G),移动到图示位置。

第12步

绘制两个 4 PX 粗的线段(#3F3330),选中两个线段 Control + C > Control + F,右单击水平翻转,移动到右侧。

第13步

绘制一个 8 px 粗,端点为圆角的线段(#3F3330)  作为小岩石,
完成后选中所有灯塔的组成形状进行编组(Control + G)。

第14步

绘制一些4×4 px的圆圈作为小星星,颜色为#3F3330。将所有星星选中进行编组(按Control + G)。

第15步

选中目前所有海浪、灯塔以及星星的组成形状,进行编组(Control + G),

复制底层圆形(Control + C> Control + F),创建剪贴蒙版进行遮罩。

第16步

添加一个 8 px 粗的圆形轮廓(#3F3330),将所有组成形状选中并编组(Control + G)。

创建沙漠景观图标

第1步

绘制一个112×112 px的圆圈作为背景,颜色填充为#FF8D60,对齐到矩形的中心。


第2步

使用钢笔工具,绘制描边 8 px、端点为圆角的线段(#3F3330),如图示。

第3步

绘制图示右侧线段,8 px粗,端点为圆角。

第4步

绘制一条线段作为沙漠,如图示。

第5步

绘制一个 24×24 px 的圆形,描边 8 px(#3F3330)作为落日,移动到图示位置。

第6步

绘制 4 px粗的水平描边线段(#3F3330)作为沙漠的细节,如图绘制完后全选进行编组(Control + G)。

第7步

如图示,同样为右侧沙漠添加细节。

第8步

如图示为底部沙漠添加细节,完成后选中所有形状进行编组(Control + G)。


第9步

绘制一个 30 x 4 px 的线段,端点为圆角(#3F3330)作为仙人掌的主体  ,移动到图示位置。

第10步

如图绘制 4 px 粗的线段,端点为圆角(#3F3330)。

第11步

使用直接选择工具(A)选择转角处的锚点,将其半径设置为4 px。完成后,选择植物的所有组成形状进行编组(Control + G)。

第12步

选择上一步骤的仙人掌编组(Control + C> Control + F),移动到右侧,如图缩短6 px。

第13步

绘制一个端点为圆角,高12 px,描边4 px的线段(#3F3330)作为仙人掌,在左侧增加一个4 px宽的线段(#3F3330)。完成后,选中形状进行编组(Control + G)。

第14步

绘制几条4 px粗的线段(#3F3330)  作为云,选中所有形状Control + G进行编组。

第15步

重复前两个图标的最后步骤,为沙漠景观图标添加剪贴蒙版进行遮罩。

第16步

添加一个8 px粗的圆形轮廓(#3F3330),选中所有形状进行编组(Control + G)。

恭喜!我们结束啦!

希望你能在看完本教程后有所收获,尝试绘制更多创意景观

4
Report
|
3
Share
相关推荐
文本
文本
文本
文本
作品收藏夹
机·智——第十八届上海青年美术大展
Homepage recommendation
内容含视频
Typeface Collection ①
Homepage recommendation
假面绮宴 | 心动的王者系列视觉
Homepage recommendation
内容含视频
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
双座丨品牌视觉设计
Homepage recommendation
相关收藏夹
文本
文本
文本
文本
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
大家都在看
Log in