页面载入中...

Photoshop合成蓝色立体风格的APP图标教程

xingphotoshop, 2016-11-030

 来源:站酷  作者:抓毛毛

我们先看下效果图 还是蛮漂亮的

d0dd58199ccfa84a0e282bf804d1.jpg

 

我先新建一个画布1000X1000 填充背景色:#80b5e1

 

b2ab58199d1aa84a0d304fe3ecb2.jpg

 

选择圆角矩形工具 半径设置50 颜色我们就设置白色好了 填充改为:0 画一个合适大小 添加混合选项:投影 并命名为发光层

 

6bb458199db5a84a0d304ff6f69e.jpg

 

9a0b58199dd8a84a0d304fc0f39d.jpg

 

我们复制一下发光层 清楚图层样式 在添加混合选项中的“内发光”“渐变叠加”“投影”并命名为厚度层

 

72ac58199edea84a0e282b979995.jpg



d2d658199f0ca84a0d304fac6f8a.jpg


复制一层厚度层 清除图层样式 在添加混合选项中“内发光”“渐变叠加” 在自由变化往上拉一点


14cf5819a072a84a0e282b6e8f99.jpg



b2885819a086a84a0d304fb8c79c.jpg



0db95819a0f8a84a0e282b250e18.jpg


a1ea5819a118a84a0d304f170f0e.jpg


现在我们做一层高光  命名为高光 选择画笔工具 选择柔性画笔 颜色为#4eb8fb  模式:变亮 鼠标点一下 自由

变化 拉长剪去中间一半  


56135819a2a5a84a0d304f055e27.jpg



ba305819a2bba84a0d304f88c5e3.jpg



dd155819a2d0a84a0d304f361da9.jpg


83405819a308a84a0e282b0afdc5.jpg


我们画一个圆 颜色白色 添加混合选项中“斜面和浮雕” 记住要设置等高线 并命名为凸起效果


b0695819a3d8a84a0d304f89da8e.jpg


f1515819a453a84a0e282bdbc01d.jpg


e32f5819a46aa84a0d304f09e5c6.jpg


然后在上面画一个圆刚好盖住颜色#80b5e1 添加混合选项“内阴影” 并命名为平滑发光层


0f675819a514a84a0d304f689f1c.jpg


82cc5819a52ba84a0d304f883737.jpg


我们再复制平滑发光层清楚图层样式 添加混合选项 “渐变叠加”“内阴影” 并命名为大渐变层


33a75819a5c1a84a0e282bb0805c.jpg


bc1e5819a683a84a0d304f018bc7.jpg


复制一层大渐变层 清除图层样式 添加混合选项“内阴影”“渐变叠加” 再自由变化缩小一点 并命名为 小渐

变层


90cb5819a805a84a0e282b2e1134.jpg



7c285819a76ca84a0e282b04a5d7.jpg



1f085819a7e4a84a0e282ba06b08.jpg



79925819a837a84a0d304f3b59ba.jpg


d6505819a844a84a0e282b49eb21.jpg


下面要做球体了 比较麻烦了 大家跟紧 画一个圆比小渐变层小一点 颜色:#80b5e1 添加混合选项“斜面和浮

雕”“内阴影”“内发光”“光泽”“渐变叠加”“外发光”“投影” 并命名为球体


6a705819a93ea84a0d304f731356.jpg



5b335819a95fa84a0e282b8668d9.jpg


31045819a97ea84a0d304fe5db8d.jpg


341c5819a991a84a0e282b27f2c4.jpg



05a45819a99ca84a0e282bf4be98.jpg



85dc5819a9a8a84a0e282b1a7f56.jpg


e29d5819aa01a84a0e282bfdb020.jpg



1f715819aa1ba84a0d304f460288.jpg



4a195819aa2da84a0d304fbf518f.jpg


下面我们给球体底部加个高光 上面有讲到了 我就不再重复了 道理是一样的 直接看效果


a0aa5819aa96a84a0d304fa26da7.jpg


最后一步了 好激动 我们画个图形 添加混合选项“内阴影”“渐变叠加”“外发光”


75175819ab35a84a0e282b421dfe.jpg



f9775819ab56a84a0d304f3411b0.jpg



c5575819ab9ca84a0e282b3fe90d.jpg



85555819abaea84a0e282bdabaca.jpg



ceba5819abb8a84a0e282b8b5de0.jpg


大功告成了 

37845819acb7a84a0e282be676dd.jpg

 

 


分享:

设计原的发展离不开您的支持与帮助,如果您觉得设计原对您有所帮助 可以用微信扫描

相应二维码打赏设计原,赏金将全部用于网站建设

微信