ps怎么绘制一个扁平的UI按钮图标?
<p>今天给大家带来了详细绘制UI图标的教程。效果如下。有兴趣的朋友可以自己试试。</p><p><div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/130416/16061464391.jpg"><p class="arc_down_title">Adobe Photoshop 8.0 中文完整绿色版</p><ul><li><span>类型：</span>图像处理</li><li><span>大小：</span>150.1MB</li><li><span>语言：</span>简体中文</li><li><span>时间：</span>2015-11-04</li></ul>查看详情</div></p>
<p align="center"><img alt="ps怎么绘制一个扁平的UI按钮图标?" src="https://img.jbzj.com/file_images/photoshop/201706/20170613125612111.jpg" /></p>
<p>1、打开PS,新建一个6x6像素大小的页面。<strong>其他参数默</strong>认。如图。</p>
<p align="center"><img alt="ps怎么绘制一个扁平的UI按钮图标?" src="https://img.jbzj.com/file_images/photoshop/201706/20170613125612112.jpg" /></p>
<p>2、新建一个图层。点击<span style="color: #ff0000"><strong>铅笔工具</strong></span>。铅笔大小为1像素。前景色为黑色。默认颜色就可以。然后在页面左上角点击四下。然后如图绘制。可以拖拉辅助线绘制。</p>
<p align="center"><img alt="ps怎么绘制一个扁平的UI按钮图标?" src="https://img.jbzj.com/file_images/photoshop/201706/20170613125613113.jpg" /></p>
<p align="center"><img alt="ps怎么绘制一个扁平的UI按钮图标?" src="https://img.jbzj.com/file_images/photoshop/201706/20170613125613114.jpg" /></p>
<p align="center"><img alt="ps怎么绘制一个扁平的UI按钮图标?" src="https://img.jbzj.com/file_images/photoshop/201706/20170613125613115.jpg" /></p>
<p>3、去掉背景。</p>
<p align="center"><img alt="ps怎么绘制一个扁平的UI按钮图标?" src="https://img.jbzj.com/file_images/photoshop/201706/20170613125613116.jpg" /></p>
<p>4、点击<strong>菜单栏编辑--></strong><span style="color: #ff0000"><strong>定义图案</strong></span>。然后点确定。</p>
<p align="center"><img alt="ps怎么绘制一个扁平的UI按钮图标?" src="https://img.jbzj.com/file_images/photoshop/201706/20170613125613117.jpg" /></p>
<p align="center"><img alt="ps怎么绘制一个扁平的UI按钮图标?" src="https://img.jbzj.com/file_images/photoshop/201706/20170613125613118.jpg" /></p>
<p>5、定义好后，按<strong>ctrl+n</strong>新建一个文档。文档大小为600x600像素。设置背景颜色为#5f484e前景色为；#c8b3b8；</p>
<p align="center"><img alt="ps怎么绘制一个扁平的UI按钮图标?" src="https://img.jbzj.com/file_images/photoshop/201706/20170613125613119.jpg" /></p>
<p align="center"><img alt="ps怎么绘制一个扁平的UI按钮图标?" src="https://img.jbzj.com/file_images/photoshop/201706/20170613125613120.jpg" /></p>
<p>
<div class="cupage">上一页<strong>1</strong>2 3 下一页 阅读全文</div>
頁:
[1]