PS鼠绘小清新风格的立体定位图标
这篇教程教琼殿技术社区的PS鼠绘学习者和UI设计学习者们使用PS鼠绘清新风格定位图标，教程绘制出来的图标挺漂亮的。绘制难度一般，推荐一下和琼殿技术社区的朋友们一起分享，一起学习了，我们先来看看最终的效果图吧：<p align="center"><img alt='PS鼠绘小清新风格的立体定位图标'src="https://img.jbzj.com/file_images/Photoshop/201612/20161215155435285.jpg" /></p>
<p>具体的制作步骤如下：1、在640*640的画布上用多边形工具建立一个480*480的圆角矩形，填充颜色是#f1f1f1旋转45度，对齐</p>
<p align="center"><img alt='PS鼠绘小清新风格的立体定位图标'src="https://img.jbzj.com/file_images/Photoshop/201612/20161215155435286.jpg" /></p>
<p>2、添加图层样式，参数如下</p>
<p align="center"><img alt='PS鼠绘小清新风格的立体定位图标'src="https://img.jbzj.com/file_images/Photoshop/201612/20161215155435287.jpg" /></p>
<p align="center"><img alt='PS鼠绘小清新风格的立体定位图标'src="https://img.jbzj.com/file_images/Photoshop/201612/20161215155435288.jpg" /></p>
<p>3、先把垂直参考线拉出来，用椭圆工具画一个180*180的正圆，填充颜色为#85bb03，</p>
<p align="center"><img alt='PS鼠绘小清新风格的立体定位图标'src="https://img.jbzj.com/file_images/Photoshop/201612/20161215155435289.jpg" /></p>
<p>4、使用直接选择工具，选择住图中红圈的锚点，垂直下移一定的像素</p>
<p align="center"><img alt='PS鼠绘小清新风格的立体定位图标'src="https://img.jbzj.com/file_images/Photoshop/201612/20161215155435290.jpg" /></p>
<p align="center"><img alt='PS鼠绘小清新风格的立体定位图标'src="https://img.jbzj.com/file_images/Photoshop/201612/20161215155435291.jpg" /></p>
<p>5、还是用直接选择工具，选择住这个锚点，我们会发现，出现了调节曲线片段的杠杆节点，水平向左移动一定像素</p>
<p align="center"><img alt='PS鼠绘小清新风格的立体定位图标'src="https://img.jbzj.com/file_images/Photoshop/201612/20161215155435292.jpg" /></p>
<p>6、OK，现在我们已经完成了左边部分的调节，如果还是按照这个方法去调节右边，不好精确控制，无法保证百分百的对称，所以，我画了一个矩形，对齐垂直居中的参考线，模式减去</p>
<p align="center"><img alt='PS鼠绘小清新风格的立体定位图标'src="https://img.jbzj.com/file_images/Photoshop/201612/20161215155435293.jpg" /></p>
<p>7、选择住矩形的路径和圆形变形后的路径，合并形状组件</p>
<p align="center"><img alt='PS鼠绘小清新风格的立体定位图标'src="https://img.jbzj.com/file_images/Photoshop/201612/20161215155435294.jpg" /></p>
<p>8、复制这个一半的形状，水平翻转，移动到右边，保持其切面与参考线贴合，选择住这两个一半的形状，再次合并形状组件，这样我们就彻底的得到了一个对称的形状图标了</p>
<p align="center"><img alt='PS鼠绘小清新风格的立体定位图标'src="https://img.jbzj.com/file_images/Photoshop/201612/20161215155435295.jpg" /></p>
<p>9、复制一层定位的形状，置于这层的下层，更改颜色为#6b9506，我们来构建立体面</p>
<p align="center"><img alt='PS鼠绘小清新风格的立体定位图标'src="https://img.jbzj.com/file_images/Photoshop/201612/20161215155435296.jpg" /></p>
<p>10、OK，现在我们开始细化图标，首先我们先为最下层的立体面添加一个投影</p>
<p align="center"><img alt='PS鼠绘小清新风格的立体定位图标'src="https://img.jbzj.com/file_images/Photoshop/201612/20161215155435297.jpg" /></p>
<p align="left">
<div class="cupage">上一页<strong>1</strong>2 下一页 阅读全文</div>
頁:
[1]