教程 发表于 2019-10-24 14:26:12

用photoshop打造蓝色质感Email图标

教程作者:一起ps吧


本教程学习如何用photoshop的钢笔和图层样式打造一个漂漂的蓝色Email图标,先看效果图。1280x1024像素大图下载</P>
http://pic1.16xx8.com/allimg/110410/0051452B7-0.jpg</P>
新建文档1280x1024像素,背景白色,建新层填充黑色,添加图层样式。</P>
http://pic1.16xx8.com/allimg/110410/0051455221-1.jpg</P>
效果如下。</P>
http://pic1.16xx8.com/allimg/110410/0051452164-2.jpg</P>
建新层,画一正圆选区填充黑色。</P>
http://pic1.16xx8.com/allimg/110410/005145M59-3.jpg



</P>
添加图层样式。</P>
http://pic1.16xx8.com/allimg/110410/005145A19-4.jpg</P>
效果如下。</P>
http://pic1.16xx8.com/allimg/110410/0051453521-5.jpg</P>
建新层,画一个小的正圆选区,填充黑色。</P>
http://pic1.16xx8.com/allimg/110410/005145F35-6.jpg</P>
添加图层样式。</P>
http://pic1.16xx8.com/allimg/110410/005145O91-7.jpg



</P>
建新层,画一个小的正圆选区,填充任意颜色(我填充的是蓝色)。</P>
http://pic1.16xx8.com/allimg/110410/00514530Q-8.jpg</P>
添加图层样式。</P>
http://pic1.16xx8.com/allimg/110410/0051455D1-9.jpg</P>
效果如下。</P>
http://pic1.16xx8.com/allimg/110410/0051455H0-10.jpg</P>
建新层,用钢笔画出下图所示路径,转为选区填充白色,图层模式叠加,不透明度18%。</P>
http://pic1.16xx8.com/allimg/110410/0051454095-11.jpg



</P>
建新层,用白色柔角笔刷点一下,适当高斯模糊,作为高光,然后输入字母@。</P>
http://pic1.16xx8.com/allimg/110410/005145Ka-12.jpg</P>
建新层,用钢笔工具画一个黑色箭头。</P>
http://pic1.16xx8.com/allimg/110410/0051455251-13.jpg</P>
添加图层样式。</P>
http://pic1.16xx8.com/allimg/110410/0051453142-14.jpg</P>
效果如下。</P>
http://pic1.16xx8.com/allimg/110410/0051453100-15.jpg



</P>
建新层,用钢笔画下图所示选区,填充#3fb6e9。</P>
http://pic1.16xx8.com/allimg/110410/0051454013-16.jpg</P>
建新层,用钢笔画出下图所示选区,填充黑色。</P>
http://pic1.16xx8.com/allimg/110410/0051455D9-17.jpg</P>
添加图层样式。</P>
http://pic1.16xx8.com/allimg/110410/0051454516-18.jpg</P>
效果如下。</P>
http://pic1.16xx8.com/allimg/110410/0051453D5-19.jpg



</P>
建新层,用钢笔做出下图所示选区,填充#0061ac。</P>
http://pic1.16xx8.com/allimg/110410/0051455924-20.jpg</P>
建新层,用白色柔角笔刷点一下,适当高斯模糊,作为另一个高光(下图黑框),建新层,用钢笔做下图选区,分别填充相应的颜色。</P>
http://pic1.16xx8.com/allimg/110410/0051455214-21.jpg</P>
建新层,用钢笔做出下图所示选区,填充白色。</P>
http://pic1.16xx8.com/allimg/110410/0051451602-22.jpg</P>
添加图层样式。</P>
http://pic1.16xx8.com/allimg/110410/005145E31-23.jpg



</P>
http://pic1.16xx8.com/allimg/110410/0051456305-24.jpg</P>
http://pic1.16xx8.com/allimg/110410/005145N49-25.jpg</P>
最后添加一个阴影,最终效果如下。</P>
http://pic1.16xx8.com/allimg/110410/0051452B7-0.jpg</P>
http://www.16xx8.com/1diy/imges/wxapp_2wm.jpg

Deng-- 发表于 2019-10-24 14:26:37

我的作业:
页: [1]
查看完整版本: 用photoshop打造蓝色质感Email图标