相关分类
AI实例教程
AI技巧
AI脚本运用
illustrator视频教程
飞特网 顶部通栏广告

PS和AI绘制图标教程

晨曦发布于:2018-4-25 16:16 |原作者: 小水哥|
晨曦
吉林省 通化市 平面设计师
发私信 + 关注
简介: 本文像飞特网的图标绘制学习者们介绍使用PS和AI绘制图标的方法。这里个人还是比较建议大家使用AI来绘制,毕竟矢量图AI操作起来还是有点优势的。喜欢PS的朋友可能会喷我,但是这是我的真心话、 ... ... ...
版权申明:本文原创作者“小水哥”,感谢“小水哥”的原创经验分享!
本文像飞特网的图标绘制学习者们介绍使用PS和AI绘制图标的方法。这里个人还是比较建议大家使用AI来绘制,毕竟矢量图AI操作起来还是有点优势的。喜欢PS的朋友可能会喷我,但是这是我的真心话、虽然讲的都是简单的基本教程,但是也是必须要掌握的,掌握上面基础教程不单单只适用于图标,在插画,图形绘制中都可以用到。先来看看PS的操作流程。

FEVTE编注:更多AI教程讨论及AI作品提交请到飞特网AI实例教程栏目:https://www.fevte.com/plan/ai/aisljc/

想想图标的绘制也是有历史的,从刚开始ps用面切法运用布尔运算去切,有时候线条也是用面切面得到。随着线性图标的火爆和普及,开始放弃面切法,转用钢笔工具直接绘制,还可以很好的控制线的直角和圆角。当你会使用Ps绘制图标了,换成ai你会发现更加的快捷方便。随着Sketch软件在界面设计中有一席之地,在Sketch里快速绘制图标也是设计师需要掌握的一门技能。

图标的绘制方法有面切法,钢笔绘图法,锚点法,圆切法。

下面会从Photoshop、Illustrator、Sketch三个软件去细讲基本软件工具。绘制案例想了很久要含有基本的知识点,使用更多的工具。最后选择的图标为齿轮、信号,其中齿轮是最经典的案例了,也是绘制图标的必修课。

一、 Photoshop篇

在ps里面绘制图标使用的基本工具有小白、小黑、布尔运算、钢笔工具、锚点。

1.1 第一步打开ps,ctrl+k,勾选将矢量工具与变化和像素网格对齐。

PS和AI绘制图标教程 飞特网 AI实例教程

1.2 小黑、小白二人转

PS和AI绘制图标教程 飞特网 AI实例教程

1.3 钢笔工具、贝塞尔曲线

贝塞尔曲线很多写的文章太官方了,不太懂,也不知道如何下手。我还是总结我工作使用中应该注意哪几点。

a、锚点俩边的手柄要保持在同一水平线上。倾斜的锚点的手柄也要保持在同一水平线上。

b、当前手柄的长度不能超越下一个锚点的水平线。

c、上下左右最边上的肯定是锚点存在的点,其他地方锚点的选择需要多练习才能找到合适锚点的位置。

c、钢笔绘制的时候尽量不要让俩个锚点靠的太近,会让俩个锚点的手柄没有施展的空间。

最后如果你感觉贝塞尔曲线还是很难,可以先用Illustrator里面的钢笔工具绘制,用多了就好了。我之前也感觉Photoshop里的钢笔工具绘制好难用,今天写教程做案例试了试还是很好用的,曲线也可以调整的很柔美。

PS和AI绘制图标教程 飞特网 AI实例教程

1.4 布尔运算

布尔运算是通过绘制规则的形状进行合并、减去、相交、排除等方式得到新的形状。

PS和AI绘制图标教程 飞特网 AI实例教程

1.5 主题图标面板绘制

在主题设计的时候大神们的底板用的都很有特色。

PS和AI绘制图标教程 飞特网 AI实例教程

1.6 齿轮、信号案例演示

PS和AI绘制图标教程 飞特网 AI实例教程

123下一页
11

好评
10

差评

刚表态过的朋友 (21 人)

晨曦
吉林省 通化市 平面设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计