查看: 17|回复: 0

[photoshop] PS鼠绘小清新风格的立体定位图标

[复制链接]

0

主题

0

回帖

0

积分

积极分子

金币
0
阅读权限
220
精华
0
威望
0
贡献
0
在线时间
0 小时
注册时间
2008-8-3
发表于 2016-12-15 15:55:34 | 显示全部楼层 |阅读模式
这篇教程教琼殿技术社区的PS鼠绘学习者和UI设计学习者们使用PS鼠绘清新风格定位图标,教程绘制出来的图标挺漂亮的。绘制难度一般,推荐一下和琼殿技术社区的朋友们一起分享,一起学习了,我们先来看看最终的效果图吧:

PS鼠绘小清新风格的立体定位图标

具体的制作步骤如下:1、在640*640的画布上用多边形工具建立一个480*480的圆角矩形,填充颜色是#f1f1f1旋转45度,对齐

PS鼠绘小清新风格的立体定位图标

2、添加图层样式,参数如下

PS鼠绘小清新风格的立体定位图标

PS鼠绘小清新风格的立体定位图标

3、先把垂直参考线拉出来,用椭圆工具画一个180*180的正圆,填充颜色为#85bb03,

PS鼠绘小清新风格的立体定位图标

4、使用直接选择工具,选择住图中红圈的锚点,垂直下移一定的像素

PS鼠绘小清新风格的立体定位图标

PS鼠绘小清新风格的立体定位图标

5、还是用直接选择工具,选择住这个锚点,我们会发现,出现了调节曲线片段的杠杆节点,水平向左移动一定像素

PS鼠绘小清新风格的立体定位图标

6、OK,现在我们已经完成了左边部分的调节,如果还是按照这个方法去调节右边,不好精确控制,无法保证百分百的对称,所以,我画了一个矩形,对齐垂直居中的参考线,模式减去

PS鼠绘小清新风格的立体定位图标

7、选择住矩形的路径和圆形变形后的路径,合并形状组件

PS鼠绘小清新风格的立体定位图标

8、复制这个一半的形状,水平翻转,移动到右边,保持其切面与参考线贴合,选择住这两个一半的形状,再次合并形状组件,这样我们就彻底的得到了一个对称的形状图标了

PS鼠绘小清新风格的立体定位图标

9、复制一层定位的形状,置于这层的下层,更改颜色为#6b9506,我们来构建立体面

PS鼠绘小清新风格的立体定位图标

10、OK,现在我们开始细化图标,首先我们先为最下层的立体面添加一个投影

PS鼠绘小清新风格的立体定位图标

上一页12 下一页 阅读全文
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

相关侵权、举报、投诉及建议等,请发 E-mail:qiongdian@foxmail.com

Powered by Discuz! X5.0 © 2001-2026 Discuz! Team.

在本版发帖返回顶部