Photoshop设计立体时尚的软件APP图标

2016-02-15 21:56 11 1 收藏

在这个颜值当道,屌丝闪边的时代,拼不过颜值拼内涵,只有知识丰富才能提升一个人的内在气质和修养,所谓人丑就要多学习,今天图老师给大家分享Photoshop设计立体时尚的软件APP图标,希望可以对大家能有小小的帮助。

【 tulaoshi.com - PS 】

一枚超级漂亮的图标教程。今天P大点S微博同学临摹了一个色板图标,效果好到发指,重点是图层样式的运用,关键部分都有大字标示,方便大家练习。

教程源文件:立体软件APP图标PS教程源文件

效果图:

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

新建1000*1000画布,填充颜色e82571,利用圆角矩形工具,半径100像素按住Shift画一个正方形,点一下上面的形状,建立形状图层。

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

执行图层样式斜面浮雕,投影和颜色叠加,参数:

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

如下,大家也可以自己摸索不同的数值:

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

效果:

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

新建一个空白图层,用上面方法,用椭圆工具,建一个正圆的形状图层。

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

用参考线或者网格,使圆形尽量居中。添加图层样式-渐变叠加,参数如下:

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

效果如下:

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

将椭圆图层1 复制一份,Ctrl+T调整大小,这里用数字调整,WH都改为87%

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

图层样式,添加渐变叠加和内阴影:

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

渐变用角度渐变,注意首尾颜色一致即可,颜色大家可以吸色或者调些自己喜欢的颜色。

效果如下:

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

将椭圆图层继续复制一份,Ctrl+T变为原来的70%,添加图层样式,斜面浮雕,渐变叠加和投影。

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

效果

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

将上面图层复制一份,变为原来的80%,用钢笔工具,选择合并形状,在椭圆上加个三角形。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

然后调整图层样式,只调整斜面浮雕,其余的保持原样。

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/ps/)

图层现在除了背景图层外有五个:

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

现在效果如下

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

将右边名为椭圆 1 副本 2的图层复制一份,拖到最上面,Ctrl+T变为原来的50%.右键图层。

清除图层样式,添加新的图层样式描边和渐变叠加 :

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

完成。

Photoshop设计立体时尚的软件APP图标,PS教程,图老师教程网

来源:http://www.tulaoshi.com/n/20160215/1564407.html

延伸阅读
标签: PS PS基础
本教程主要使用Photoshop设计木质立体效果的软件图标,这篇教程教UI设计师使用PS鼠绘质感立体图标,教程绘制出来的图标质感挺强,也很精细,很漂亮。推荐过来和朋友们一起分享学习了。 先来看看最终的效果图吧: 具体的绘制步骤如下: 1.新建文件。大小400*300,做球形渐变。 2.用圆角矩形工具画一个251*237的圆角矩形,这一边我用了...
标签: PS PS基础
最终效果 1、新建大小自定的画布,用形状工具制作圆角矩形。 2、添加图层样式:渐变叠加和投影,参数及效果如下图。 3、分三个图层做中间的形状绘制,其对应图层如下图。 4、首先看红点标注的2个图层,参数是一样的。 5、正圆形图层样式:内阴影和内发光。 6、将刚才的三个形状选中,然后成组。 7、...
标签: PS PS基础
本教程主要使用Photoshop设计立体奶酪风格的软件图标教程,整体的设计风格很不错,主要通过图层样式来完成,喜欢的朋友让我们一起来学习吧。 教程源文件: 立体的奶酪盘子软件图标教程源文件
本教程主要使用Photoshop设计木质立体效果的软件图标,这篇教程教UI设计师使用PS鼠绘质感立体图标,教程绘制出来的图标质感挺强,也很精细,很漂亮。推荐过来和朋友们一起分享学习了。 先来看看最终的效果图吧: 具体的绘制步骤如下: 1.新建文件。大小400*300,做球形渐变。 2.用圆角矩形工具画一个251*237的圆角矩形Tulaoshi.Com,...
标签: PS PS基础
最终效果: 教程开始,第一步新建,500*500画布 拉个白到灰的径向渐变。 椭圆工具拉个300*300的圆居中对齐填充灰色。 添加图层样式。 再画一个较小的圆形。 添加图层样式:内阴影和投影。 复制刚刚添加图层样式的图层,右键清除图层样式 Ctrl+t按住alt+shift同比缩小2到4px左右。 给黑圆添加渐变,注意...

经验教程

216

收藏

15
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部