三木易 發表於 2016-8-19 11:26:52

Photoshop怎么绘制手机中的设置图标?

<p>互联网的Ui设计师,经常用Photoshop绘制各种icon,其中包括:app界面首页标签栏的3-5个icon,还有手机桌面的设置icon,照相机icon,联系人icon,电话icon,信息icon。下面演示一下:如何用Photoshop绘制三星手机界面的设置icon。</p>
<p><div class="arc_down"><img src="https://img.jbzj.com/do/uploads/litimg/130419/10394B5V0.jpg"><p class="arc_down_title">Adobe photoshop 6.0 汉化中文免费版</p><ul><li><span>类型:</span>图像处理</li><li><span>大小:</span>107MB</li><li><span>语言:</span>简体中文</li><li><span>时间:</span>2013-04-19</li></ul>查看详情</div></p>
<p align="center"><img alt='Photoshop怎么绘制手机中的设置图标?'src="https://img.jbzj.com/file_images/photoshop/201608/20160819112520157.jpg" /></p>
<p>1、双击桌面ps图标,打开Photoshop。</p>
<p align="center"><img alt='Photoshop怎么绘制手机中的设置图标?'src="https://img.jbzj.com/file_images/photoshop/201608/20160819112520158.jpg" /></p>
<p>2、新建画布,<strong>在画布上绘制3个圆形</strong>。调整尺寸,对齐中心。效果如下:</p>
<p align="center"><img alt='Photoshop怎么绘制手机中的设置图标?'src="https://img.jbzj.com/file_images/photoshop/201608/20160819112520159.jpg" /></p>
<p>3、在画布上绘制一个圆角矩形。<strong>调整尺寸和位置。</strong>效果如下:</p>
<p align="center"><img alt='Photoshop怎么绘制手机中的设置图标?'src="https://img.jbzj.com/file_images/photoshop/201608/20160819112520160.jpg" /></p>
<p>4、选择圆角矩形,按住快捷键<strong><font color="#ff0000">ctrl+t</font></strong>,拖动旋转中心和画布中心重叠,<strong>设置旋转角度为45度。</strong>效果如下:</p>
<p align="center"><img alt='Photoshop怎么绘制手机中的设置图标?'src="https://img.jbzj.com/file_images/photoshop/201608/20160819112520161.jpg" /></p>
<p>5、按住快捷键,<strong><font color="#ff0000">Ctrl+Shift+T</font></strong>,可以旋转对象。按住快捷键,<strong><font color="#ff0000">Alt+Ctrl+Shirt+T</font></strong>,可以边旋转边复制对象。多次复制之后,效果如下:</p>
<p align="center"><img alt='Photoshop怎么绘制手机中的设置图标?'src="https://img.jbzj.com/file_images/photoshop/201608/20160819112520162.jpg" /></p>
<p>6、把图层的背景色颜色填充青色。效果如下:</p>
<p align="center"><img alt='Photoshop怎么绘制手机中的设置图标?'src="https://img.jbzj.com/file_images/photoshop/201608/20160819112520163.jpg" /></p>
<p>7、把图层中的圆形和矩形,进行<strong>布尔预算,</strong>填充白色,描边去掉。效果如下:</p>
<p align="center"><img alt='Photoshop怎么绘制手机中的设置图标?'src="https://img.jbzj.com/file_images/photoshop/201608/20160819112520164.jpg" /></p>
<p>8、这样就完成了<strong>设置icon</strong>的绘制。下图左边是三星手机界面的截图,下图右边是我刚用Photoshop绘制的设置icon。两边的设置icon,简直一模一样。</p>
<p align="center"><img alt='Photoshop怎么绘制手机中的设置图标?'src="https://img.jbzj.com/file_images/photoshop/201608/20160819112520165.jpg" /></p>
<p><strong><font color="#ff0000">注意事项:</font></strong></p>
<p>请安装Photoshop cs5以上版本。因为低版本的ps软件,形状图层自带蒙版,不能进行布尔运算。</p>
<p><strong>相关推荐:</strong></p>
<p>Photoshop怎么制作白色透明的ico图标? </p>
<p>Photoshop怎么绘制铁人三项中骑自行车项目的小图标?</p>
頁: [1]
查看完整版本: Photoshop怎么绘制手机中的设置图标?