恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
非常详细的icon图标制作教程(必看)
0.0°
2016-12-29 好文转载 经验/观点 原作者: 海淘科技 举报 30443 32 128 0

这篇教程是为用户们展现的,使用AI绘制有趣摩托车图标,教程很实用,绘制过程的讲解也非常到位。推荐过来和朋友们一起分享,我们先来看看最终的效果图吧:

Image title

具体的制作步骤如下:

1:主体

第一步:新建一个660*494的画布,使用圆角矩形工具画一个圆角矩形,(圆角20);填充描边颜色为黑色,使用剪刀工具(C)剪碎圆角矩形,再将端点设置成5个像素的圆形,如下图所示:

Image title


第二步:使用圆角矩形工具画一个圆角矩形,填充颜色为:#354aa3,使用矩形工具画一个矩形,填充任意颜色,选择矩形和圆角矩形,打开路径查找器,选择"减去顶层",如下图所示:

Image title


第三步:选中蓝色的圆角矩形,改变填充颜色为:#e6e8ea;选中形状,打开变换面板,点击右上角的菜单,选择"垂直翻转";如下图所示:

Image title


第四步:将灰色的圆角矩形和蓝色的圆角矩形放到黑色边框的后面,如下图所示:

Image title


第五步:使用圆角矩形工具画一个圆角矩形,(圆角20);填充颜色为:#4f6cc7,选中第一步中画的黑色边框的圆角矩形和这次画的圆角矩形,对齐面板中选择"水平居中对齐",使用矩形工具画一个任意颜色的矩形,打开路径查找器,选择"减去顶层":如下图所示:

Image title


第六步:选中蓝色的的圆角矩形复制(ctrl c,ctrl f),修改填充颜色为:#fff,打开变换面板,选择"垂直翻转",如下图所示:

Image title


第七步:使用矩形工具画一个矩形,填充颜色为:#ff5f5f,复制出两个矩形,选中三个矩形,打开对齐面板,选择"水平居中分布",如下图所示:

Image title


第八步:使用星形工具的同时按下ALT键画一个正五角星,填充颜色为白色,描边颜色为黑色,然后单击"效果-风格化-圆角",在打开的对话框中输入圆角为2,将其放在如图所示的位置:

Image title


第九步:使用直线段工具画一条直线,填充描边颜色为白色,端点选择为圆点,使用剪刀工具(C)剪碎直线,如图所示:

Image title


2:轮胎

第一步:使用圆角矩形画一个圆角矩形,填充颜色为:#4d6bc5,填充描边颜色为:#000,复制圆角矩形(ctrl c,ctrl f),改变填充颜色为:#6f8ef1,去掉描边颜色,使用直线段工具画一条直线,填充描边颜色为白色,端点选择为圆点,使用剪刀工具(C)剪碎直线,位置如下图所示:

Image title


第二步:使用圆角矩形工具画一个圆角矩形,填充描边颜色为黑色,使用剪刀工具(C)剪碎圆角矩形,再将端点设置成5个像素的圆形,使用圆角矩形工具画一个圆角矩形,填充颜色为:#27302d,复制圆角矩形,改变填充颜色为:#151b1f,使用矩形工具画一个任意颜色的矩形,选中圆角矩形副本和矩形,打开路径查找器,选择减去顶层,如下图所示:

Image title


第三步:使用矩形工具(M)画一个三个像素宽的矩形,复制出两个副本,选中三个矩形,打开对齐面板,选择"水平居中分布,然后将整个轮胎编组,如下图所示:


Image title


第四步,将他放在如图所示的位置:

Image title



3:盾牌

第一步:使用椭圆工具的同时按下shift键,画一个正圆,填充描边为黑色,使用剪刀工具(C)剪碎正圆,再将端点设置成5个像素的圆形,如下图所示:

Image title


第二步::使用椭圆工具的同时按下shift键,画一个正圆,填充颜色为:#f9615e;复制出三个正圆,依次改变填充颜色,然后选中所有的椭圆,编组(ctrl g),将整个正圆组放到第一步中的形状的下方,如下图所示;

Image title


第三步:使用星形工具的同时按下ALT键画一个正五角星,填充颜色为白色,然后单击"效果-风格化-圆角",在打开的对话框中输入圆角为1,将其放在如图所示的位置:


Image title


第四步:使用弧形工具画一条弧形,填充描边为白色,将端点设置成3个像素的圆形,使用剪刀工具(C)剪碎弧形,然后将整个盾牌摆放到相应的位置如图所示:


Image title


4:手臂

第一步:使用椭圆工具的同时按下shift键,画一个正圆,填充描边为黑色,使用剪刀工具(C)剪碎正圆,再将端点设置成5个像素的圆形,如下图所示:

Image title


第二步:使用椭圆工具的同时按下shift键,画一个正圆,填颜色为:#e42625,复制出一个正圆副本,填充任意颜色,向左移动,打开路径查找器,选择"减去顶层",如下图所示:

Image title


第三步:使用椭圆工具的同时按下shift键,画一个正圆,填颜色为:#fa5953,复制出一个正圆副本,打开路径查找器,选择"交集",如下图所示:

Image title


第四步:使用椭圆工具的同时按下shift键,画一个正圆,填颜色为白色,描边颜色为黑色,然后使用文字工具写一个A字,(Arial字体),然后将整个车灯编组,如下图所示:

Image title


第五步:使用圆角矩形画两个圆角矩形,分别填充黑色,使用直线工具画一条直线,修改端点为圆形,然后使用圆角矩形画一个圆角矩形,填充描边为黑色,填充颜色为:#5070ca,复制一个圆角矩形,去掉描边颜色,填充颜色为:#2e3d87;使用矩形工具画一个任意颜色的矩形,选中圆角矩形副本和矩形,打开路径查找器,选择"减去顶层",使用直线段工具画一条直线,然后复制出直线副本,旋转副本,使用椭圆工具的同时按下shift键,画一个正圆,填颜色为白色,描边颜色为黑色,然后再画一个小的黑色圆形,选择所有形状,编组,如下图所示:

Image title


第六步:选中上一步中的组,单击工具面板中的"镜像工具",设置参数如下图所示,单击复制按钮

Image title


第七步:摆放到相应的位置如下图所示:

Image title


5:装饰物和路

第一步:路,使用直线工具画一条直线,端点改为圆点,使用剪刀工具(C)剪碎直线:

第二步:利用形状工具画出画出装饰物;

第二步:利用形状工具画出画出装饰物;

恭喜你!电动车插画完了。相信你学会了如何使用形状工具、基本图形、以及路径查找器面板和镜像工具变形工具等。


更新:2016-12-29

收藏

32人已收藏

上海海淘科技

海淘科技,国内先进的网站建设服务商

  • 65

    作品

  • 124

    粉丝

  • 7

    关注

  • 电商页面设计色彩搭配大盘点,快来拿
  • 怎样做APP界面视觉改版,这简直太神了
  • 原创教育网站设计作品
  • 最新的地产网站制作案例
相关标签
设计经验分享

    猜你喜欢

      2016-12-29 好文转载 经验/观点 原作者: 海淘科技 举报 30443 32 128 0

      非常详细的icon图标制作教程(必看)

      0.0°

      你确定要举报非常详细的icon图标制作教程(必看)

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年12月28日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      128
      32
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录