线性图标的临摹

看上去很简单的线性图标,在细节上面其实是很讲究的,从不经意的圆角,或近大远小的两座山,或中间特意删去的线条,或形状的长宽高比例,能感受到它们的不同。

最近两天用ps临摹了一套线性App的图标,我总结了一下从中学到的东西,跟大家分享一下,希望对大家有所帮助。


主要工具

1.形状工具的基本图形结合布尔运算;

2.钢笔工具勾勒形状,调节锚点。


刚开始一方面对工具操作的不熟悉,另一方面用布尔运算通过图形切割堆叠得到形状,虽说可跟原作很相似,前三图形画了两个多小时,效率实在太低。

后面想了一下,这个系列的图标并不够简洁,全用布尔运算显得多余,于是改用钢笔结合快捷键,一个下午就把剩下的画好了。


钢笔工具的使用

对钢笔工具不熟悉的小伙伴可看网页文档:

钢笔工具路径终极教程 有简单动效展示;

需更熟练快捷键操作,ctrl,alt,shift,组合方式会有不同效果,锚点,方向控制也需多练习。

移动,矢量和位图,结合快捷键:键盘箭头+shift,点击一次快速移动10个像素点。

变形,钢笔工具勾勒出的形状可结合快捷键:ctrl+T,快速变形及移动,得到想要图形;

删除,用钢笔工具添加1个点,然后再del点这锚点,这锚点跟两边锚点所在的线,就会被删除掉。

需要注意的点:

对齐,圆直径最好为偶数,一些形状宽或高最好设置为偶数(这个视情况而定 ),方便对齐像素格;

写于2017年5月4号,后面发现了其他有用的东西,后续会继续更新。临摹练习如下所示:

左为原图,右为临摹
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • PS矢量知识分为两部分为大家讲解,第一部分,主要给大家整理了PS矢量的理论知识,第二部分,主要是对钢笔工具组应用的...
    颜淑阅读 10,048评论 20 131
  • 本书讲了什么 Sketch3基本操作介绍。 作者什么来头 郑成云,社会化媒体营销实践者,专注网络社交领域。从业6年...
    少穻阅读 7,184评论 0 1
  • 刚才刷简书今日热门时看到@wermkar 的一篇文 无心之恶:答简友X先生对于抄袭的看法,顿时想到自己这篇文与@w...
    迟客阅读 13,026评论 8 92
  • 不知从什么时候起,我开始盯着那些女人的乳房。 在大街上,办公室,在缓缓上升的电梯里。 在回家路上,上班路上,地铁或...
    春晓_34e9阅读 6,382评论 0 1
  • 岁月历练,以为已被打磨光滑,可仍会有不能控制的一刻,心里想着要淡定些,仍没能制住的冲口而出,修行之路仍然漫长…… ...
    陈陈_19b4阅读 2,571评论 1 5

友情链接更多精彩内容