Photoshop制作非常清爽的指南图标教程

2016-03-17 19:32 4 1 收藏

有了下面这个Photoshop制作非常清爽的指南图标教程教程,不懂Photoshop制作非常清爽的指南图标教程的也能装懂了,赶紧get起来装逼一下吧!

【 tulaoshi.com - PS 】

来源:优设网 作者:P大点S
作者制作图标非常细腻,基本上都是用形状,路径工具做出轮廓,再用图层样式增加效果。难点是图形部分的绘制,要能精准画出想要的图形。
最终效果


1、新建文档,这里我用的是800*600像素,画一个圆角矩形,颜色#e8e8e8。

2、为这个圆角矩形添加一个图层样式。


(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)3、复制一层圆角矩形,将图层的填充更改为0,添加一个投影样式。


4、接下来,我们画出定位的那个图标的形状来,颜色#97d601。

5、这个形状,可能好多人会用圆加矩形去拼接,这里我讲一下我用的方法。先把垂直居中参考线标注出来,画一个正圆。

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)7、还是用直接选择工具,选择住这个锚点,我们会发现,出现了调节曲线片段的杠杆节点,水平向左移动一定像素。


8、因为,我想做成一个立体的图标,所以,最顶上的锚点,我们也适当向下移动一点,把圆压扁。

123下一页tulaoshi

来源:https://www.tulaoshi.com/n/20160317/1863773.html

延伸阅读
来源:站酷 作者:明暗 本教程重点提供tulaoshi.com图标制作的过程及思路分析。主要的过程有分解图及过程图提示,具体的操作需要自己慢慢根据作者的提示及过程图发挥。 最终效果 1、初步观察图标,发现整个图标可以拆分为一下几个块。新建大小适当的文件,背景填充暗灰色,新建图层用圆角矩形工具拉出圆角矩形画出大体形状,确定大致明暗以及...
标签: PS PS教程
教程非常详细非常全面的介绍自动铅笔的绘制方法,基本上每一个细节都有详细说明。过程:先了解清楚铅笔的构造,然后分层把每一部分都用色块标识出来;再逐层上色,刻画质感和细节等即可。 最终效果 1、绘制自动铅笔基本雏形。 1-1、绘制笔杆雏形。 1-2、绘制护芯雏形。 1-3、绘制按杆雏形。 2、绘制影子: ...
一个看似非常简单的邮件图标。不过作者加上了一个质感圆角矩形装饰。效果就大不一样。感觉清爽,精致很多。制作的方法也不难。只需要用选区工具做好选区,填色后加上图层样式,局部再添加一些高光即可。 最终效果 1、新建一个文档200×200px,背景色:白,分辨率:72dpi。现在给按钮做辅助线,Ctrl+R显示辅助线,在尺寸区域里面按住鼠...
除了阅读设计书籍和经验文章,我自己做了一个大神作品分析。从设计的各方面分析解读,从中抓住每个设计中打动我那瞬间的crush,并考虑怎么吸收为己用。然后带着思考的结果去临摹一遍。 最终效果 制作之前先对作品进行分析: 1、用形状勾勒出整体造型,在这个过程中,确立构图,大致...
制作之前,我们需要把效果图分解一下(杯子、牙刷、牙膏等都由好几个部分构成),然后逐一去完成,把握好整体和细节等即可。 最终效果 一、先画出杯子的杯身部分: 新建612 * 612(分辨率72)的画布大小,选用圆角矩形工具,点击空白画布,在弹出框输入以下参数绘制一个160 * 308大小且左上角圆角弧度为10像素的圆角矩形,并填充颜...

经验教程

454

收藏

7
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部