ps小图标教程

1、小图标系列教程一 Nice丶无为制作2016/10/281 课前建议 作为一个设计师，一定要思路清晰。Ps中要 养成图层管理，命名的习惯（这对以后作 图很有帮助）。 经常收集一些好的素材，关注一下自己方 向上的最新产品设计。 关注一些设计网站，提高自己的审美，以 及了解最新的动态。 平时要多练，不要让手生了。 Nice丶无为制作2016/10/282 1.图标分析 一般拿到一个图标，不管是自己独创，还 是临摹，都要想先从什么做起，这样才不 会让自己那么的凌乱。 这个图标可以分为上，中，下三个部分， （我的作图思路：中上下）思路这个东 西每个人都有自己的想法，多尝试。 Nice丶无为制作2016

2、/10/283 2016/10/28Nice丶无为制作4 图标分解为上+中+下+背景 上中 下 Nice丶无为制作2016/10/285 中分解图 1.首先新建一个图层，大小自己设置。首先新建一个图层，大小自己设置。 新建快捷键新建快捷键：Ctrl+N Nice丶无为制作2016/10/286 2.新建新建150px*150px弧度弧度25px的圆角矩形，命名图层为圆角矩形的圆角矩形，命名图层为圆角矩形1. Nice丶无为制作2016/10/287 ed7272 为圆角矩形为圆角矩形1添加混合模式（内阴影，投影）添加混合模式（内阴影，投影） 内阴影 Nice丶无为制作2016/10/288 f

3、17b7b 投影 效果图 Nice丶无为制作2016/10/289 2016/10/28Nice丶无为制作10 拷贝圆角矩形1，通过自由变换，调整位置，然后添加混合选项。 8e8e8e 2016/10/28Nice丶无为制作11 效果图 #000000 新建圆角矩形，命名图层为圆角矩形新建圆角矩形，命名图层为圆角矩形2。 选择直接选择工具为 圆角矩形除去右下角。 在圆角矩形2的右边 和下边合适的位置 添加两个锚点。 通过选择删除右下 角的两个圆弧点。 从而达到下图效果。 拷贝一份圆角矩形2， 命名图层为圆角矩形3。 拷贝快捷键：Ctrl+j Nice丶无为制作2016/10/2812 8e8e

4、8e 为圆角为圆角矩形矩形2添加添加混合模式（内阴影，投影）混合模式（内阴影，投影） 内阴影 Nice丶无为制作2016/10/2813 投影 000000 效 果 图 Nice丶无为制作2016/10/2814 点击圆角矩形点击圆角矩形3图层，更改图层颜色为：图层，更改图层颜色为：#e7e7e7。 编辑中点击自由变换。快捷键：编辑中点击自由变换。快捷键：Ctrl+T 调节圆角矩形3的大小，并且添加图层样式（混合选项） 描边与渐变叠加。 描边 c2bcb8 Nice丶无为制作2016/10/2815 渐变叠加 #000000#ffffff 效果图 Nice丶无为制作2016/10/2816 新

5、建圆角矩形4，命名图层为：右下角三角。 选择这个 锚点然后 删除 用直接选择工具 使斜边上的卷起来 拷贝图层右下角三角，命名为：右下角三角2 Nice丶无为制作2016/10/2817 为右下角三角添加图层样式：内阴影 效果图 Nice丶无为制作2016/10/2818 #000000#ffffff 60% 为右下角三角2添加图层样式：渐变叠加 效果图 Nice丶无为制作2016/10/2819 Nice丶无为制作2016/10/2820 制作模糊阴影 画出一 个合适 大小的 椭圆选区 新建图层命名为：阴影一。 使用渐变工具填充 鼠标右键，选择 羽化，半径：5px 取消选区 Ctrl+D 效果

6、图Ctrl+T 调整 位置和 大小。 2016/10/28Nice丶无为制作21 问题1：下图是如何制作的。 2016/10/28Nice丶无为制作22 答案:方法较多 方法一：拷贝圆角矩形4，填充颜色， 然后用选区工具删去不需要的部分。 方法二；拷贝圆角矩形4两次，用布 尔运算进行制作，然后填充颜色。 方法三：偷懒方法，拷贝圆角矩形4， 用橡皮檫工具檫除不想要的部分。 方法四：钢笔工具自己勾画。 方法. 2016/10/28Nice丶无为制作23 通过矢量工具中的布尔运算进行拼合，制作完成后添加图层样式 #b32954 #f961a1 2016/10/28Nice丶无为制作24 #ffffff 2016/10/28Nice丶无为制作25 2016/10/28Nice丶无为制作26 000000 底部制作首先新建正圆角矩形弧度25px 在新建一个和上一个同宽不同高的圆角矩形。000000 #181818 2016/10/28Nice丶无为制作27 添加图层蒙版 选择画笔在图层蒙版涂较上，左右三个边选择画笔在图层蒙版涂较上，左右三个边 2016/10/28Nice丶无为制作28 方法：渐变制作 通过遮掩，使下部体现出立体感 白色描边为区分，颜色加深部分为遮掩。 其余白色为高光。 高光的制作方法很多。 例如：用渐变做高光； 画笔点缀， 图形点缀等