线性图标的临摹

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

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


主要工具

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

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


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

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


钢笔工具的使用

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

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

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

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

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

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

需要注意的点:

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

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

线性图标的临摹_第1张图片
左为原图,右为临摹

你可能感兴趣的:(线性图标的临摹)