ps小图标教程

小图标系列教程一 Nice丶无为制作 2016 10 28 1 课前建议 作为一个设计师 一定要思路清晰 Ps中要养成图层管理 命名的习惯 这对以后作图很有帮助 经常收集一些好的素材 关注一下自己方向上的最新产品设计 关注一些设计网站 提高自己的审美 以及了解最新的动态 平时要多练 不要让手生了 Nice丶无为制作 2016 10 28 2 1 图标分析 一般拿到一个图标 不管是自己独创 还是临摹 都要想先从什么做起 这样才不会让自己那么的凌乱 这个图标可以分为上 中 下三个部分 我的作图思路 中 上 下 思路这个东西每个人都有自己的想法 多尝试 Nice丶无为制作 2016 10 28 3 2016 10 28 Nice丶无为制作 4 图标分解为上 中 下 背景 上 中 下 Nice丶无为制作 2016 10 28 5 中分解图 1 首先新建一个图层 大小自己设置 新建快捷键 Ctrl N Nice丶无为制作 2016 10 28 6 2 新建150px 150px弧度25px的圆角矩形 命名图层为圆角矩形1 Nice丶无为制作 2016 10 28 7 ed7272 为圆角矩形1添加混合模式 内阴影 投影 内阴影 Nice丶无为制作 2016 10 28 8 f17b7b 投影 效果图 Nice丶无为制作 2016 10 28 9 2016 10 28 Nice丶无为制作 10 拷贝圆角矩形1 通过自由变换 调整位置 然后添加混合选项 8e8e8e 2016 10 28 Nice丶无为制作 11 效果图 000000 新建圆角矩形 命名图层为圆角矩形2 选择直接选择工具为圆角矩形除去右下角 在圆角矩形2的右边和下边合适的位置添加两个锚点 通过选择删除右下角的两个圆弧点 从而达到下图效果 拷贝一份圆角矩形2 命名图层为圆角矩形3 拷贝快捷键 Ctrl j Nice丶无为制作 2016 10 28 12 8e8e8e 为圆角矩形2添加混合模式 内阴影 投影 内阴影 Nice丶无为制作 2016 10 28 13 投影 000000 效果图 Nice丶无为制作 2016 10 28 14 点击圆角矩形3图层 更改图层颜色为 e7e7e7 编辑中点击自由变换 快捷键 Ctrl T 调节圆角矩形3的大小 并且添加图层样式 混合选项 描边与渐变叠加 描边 c2bcb8 Nice丶无为制作 2016 10 28 15 渐变叠加 000000 ffffff 效果图 Nice丶无为制作 2016 10 28 16 新建圆角矩形4 命名图层为 右下角三角 选择这个锚点然后删除 用直接选择工具使斜边上的卷起来 拷贝图层右下角三角 命名为 右下角三角2 Nice丶无为制作 2016 10 28 17 为右下角三角添加图层样式 内阴影 效果图 Nice丶无为制作 2016 10 28 18 000000 ffffff 60 为右下角三角2添加图层样式 渐变叠加 效果图 Nice丶无为制作 2016 10 28 19 Nice丶无为制作 2016 10 28 20 制作模糊阴影 画出一个合适大小的椭圆选区 新建图层命名为 阴影一 使用渐变工具填充 鼠标右键 选择羽化 半径 5px 取消选区Ctrl D 效果图 Ctrl T调整位置和大小 2016 10 28 Nice丶无为制作 21 问题1 下图是如何制作的 2016 10 28 Nice丶无为制作 22 答案 方法较多方法一 拷贝圆角矩形4 填充颜色 然后用选区工具删去不需要的部分 方法二 拷贝圆角矩形4两次 用布尔运算进行制作 然后填充颜色 方法三 偷懒方法 拷贝圆角矩形4 用橡皮檫工具檫除不想要的部分 方法四 钢笔工具自己勾画 方法 2016 10 28 Nice丶无为制作 23 通过矢量工具中的布尔运算进行拼合 制作完成后添加图层样式 b32954 f961a1 2016 10 28 Nice丶无为制作 24 ffffff 2016 10 28 Nice丶无为制作 25 2016 10 28 Nice丶无为制作 26 000000 底部制作首先新建正圆角矩形弧度25px在新建一个和上一个同宽不同高的圆角矩形 000000 181818 2016 10 28 Nice丶无为制作 27 添加图层蒙版 选择画笔在图层蒙版涂较上 左右三个边 2016 10 28 Nice丶无为制作 28 方法 渐变制作 通过遮掩 使下部体现出立体感白色描边为区分 颜色加深部分为遮掩 其余白色为高光 高光的制作方法很多 例如 用渐变做高光 画笔点缀 图形点缀等 2016