一个图标的思考过程?

小编:hello!好久不见,今天菜菜给大家带来的是一篇如何将生活中的物品快速的转化为图标的过程,教程写的比较详细,很容易上手,赶快动起来吧,大家不要忘记交作业!

葫芦丝

第一步,我从网上找了一个葫芦丝的图片,如下图所示:

第二步:分析:

第三步:在纸上画出草稿:

第四步:软件操作:

1:画出基本轮廓

第一步:新建一个400*300的画布;使用椭圆工具画两个椭圆,摆放如下如所示的位置,填充描边颜色为:#4f3a72,打开路径查找器,形状模式选择“联集”,使用剪刀工具剪开端点,将端点设置为3个像素的圆形,如下图所示:

第二步:使用矩形工具画一个矩形,填充描边颜色为:#4f3a72,使用直接选择工具选择矩形上方的左锚点向右拉,右锚点向左拉,然后复制第一步中的形状,将复制出的副本形状放到矩形的上方,选择矩形和形状副本,打开路径查找器,形状模式选择“减去顶层”,如下图所示:

第三步:使用矩形工具画一个矩形(标数字1的矩形),填充描边颜色为:#4f3a72,再次使用矩形工具画一个矩形(标数字2的矩形),填充描边颜色为:#4f3a72,使用直接选择工具选择第二个矩形下方右边的锚点向上拉,复制出副本(Ctrl+c,ctrl+f),打开“变换”面板,点击右侧的快捷菜单中选择“水平翻转”,将三个矩形摆放如 下图所示的位置,然后将标有数字3的矩形使用剪刀工具剪开端点,删除多余的路径,将端点设置为3个像素的圆形,使用椭圆工具画一个3个像素的椭圆,然后复制第一步中的形状,(注意:将复制出的图形放在三个矩形的上方),选择左边的矩形和图形副本,打开路径查找器,形状模式选择“减去顶层”,将中间的矩形和右边的矩形重复做此操作,如下图所示:

第四步:使用椭圆工具的同时按下shift键画出正圆,作为葫芦丝的音量键,如下图所示:

做到这一步的时候,葫芦丝的基本形状就画好了

2:添加颜色

第一步:使用椭圆工具画两个椭圆,摆放如下如所示的位置,填充颜色为:#6379ff,打开路径查找器,形状模式选择“联集”,然后将整个形状放到葫芦丝基本形状的后面,向后拉动,如下图所示:

第二步:复制两个第一步中的形状,填充颜色为:#8294ff,将最上方的形状向左拉动,打开路径查找器,形状模式选择“交集”,如下图所示:

第三步:使用矩形工具画一个矩形,填充描边颜色为:#6379ff,使用直接选择锚点工具选择矩形上方的左锚点向右拉,右锚点向左拉,然后将整个形状向右移动如下图所示:

第四步:复制两个第三步中的形状,填充颜色为:#8294ff,将最上方的形状向左移动动,打开路径查找器,形状模式选择“交集”,如下图所示:

第五步:使用矩形工具画一个比较长的矩形,填充描边颜色为:#ff3b77,然后再次使用矩形工具画一个比较小的矩形,填充描边颜色为:#ff3b77,使用直接选择工具选择第二个矩形下方左边的锚点向上拉,复制出副本(ctrl+c,ctrl+f),打开“变换”面板,点击右侧的快捷菜单中选择“水平翻转”,然后选中三个形状,打开路径查找器,形状模式选中“联集”,将整个形状向右移动,如下图所示:

第六步:复制出第五步的两个形状图层,将最上面的图层向左移动,打开路径查找器,形状模式选择“交集”,填充颜色为:#ff759f,如下图所示:

第五步:使用弧形工具画一条弧,填充描边颜色为白色,使用剪刀减去多余的路径,将端点设置为两个像素的圆形,如下图所示:

第六步:在葫芦丝的周围放上一些装饰性的元素:

恭喜你!葫芦丝的icon画完了,不要忘记交作业哦~
我希望你能喜欢这个教程,除了画出好看的icon;还学会了如何使用形状工具、基本图形、以及路径查找器面板和镜像工具变形工具等,我们可以使用这些简单的方法画出更多的好看的ICON~

(0)

相关推荐

  • 图标制作软件:如何从web图像创建一个图标

    在一些电脑图标下载网站上,我们常常能看到很多的图标制作素材、甚至是已经制作完成的图标,如果我们想使用这些现成图标,并一定非得把它们下载到自己电脑上才能使用。Iconworkshop图标制作软件能够直接 ...

  • 棱切面图标设计制作过程

    来学学如何设计一个棱切面的图标.是扁平设计吗?感觉不像!那就是拟物设计了?也不像~除了图标底板感觉有点像宝石拟物外还真找不到拟物感觉,那这是什么设计,随便啦,只要好看好玩管他什么类型了~! 作者:ko ...

  • 笔记本开机桌面锁定一个图标问题

    这个问题一般笔记本出现的几率最大,开机后不管鼠标点哪个图标总是打开锁定的那个图标应用,其实是笔记本的自带的小键盘有一个按键坏了卡键了导致的,小编就亲受此问题,所以想把这个问题的解决方法分享给大家 操作 ...

  • 怎样从photoshop的psd中抠出一个图标到png中

    如果你是一个前端开发人员,可能客户或者设计人员发给你一个psd,你需要切图,把其中的图标抠出来保存为png 操作方法 01 选择 矩形选框工具,如图.建议将图片放大到700%,选中你要的像素 02 复 ...

  • win8系统开机桌面只有"控制面板"一个图标的解决方法

    win8系统开机桌面只有"控制面板"一个图标的解决方法

  • win 7如何在任务栏显示文件名称而不是只显示一个图标?

    [问题如图] [解决方法] 右击任务栏,算了,看图,选第二项或者第三项

  • 古代中式图标绘制过程

    一,何谓古代中式图标 Jie: 具有明显古代中式传统象征纹样或装饰的图标.其一,来自民间工艺:陶瓷.刺绣.窗花.蓝印花布,蜡染.剪纸.雕刻.编织等:其二来自宗教艺术,如宗教传说和神话传说,庙宇.石窟中 ...

  • 一个代表运营的小图标

    小编:这是一篇@可乐橙 关于画图标的思路分享.画图标也是UI设计的工作内容之一,然而如何画好一个图标,如何用具象图像来表达某一个抽象的概念这是一个问题. 起因是要画一个能代表"运营" ...

  • 巧用幻灯片自带图标样式图表制作过程变简便

    幻灯片中也能够制作图表?答案是肯定的,如果你仔细的使用和掌握ppt 的话,你就会发现,在PowerPoint 2010中已然自带了一系列图表样式,每种类型可以分别用来表示不同的数据关系,这样使用起来能 ...