
ps小图标教程课件.pptx
31页小图标系列教程一,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/10/28,Nice丶无为制作,29,最后用布尔运算做出高光区域 然后调节颜色 最后添加背景2016/10/28,Nice丶无为制作,30,素材,2016/10/28,Nice丶无为制作,31,素材,。
