Photoshop设计质感的Adobe系列图标

2016-02-16 07:01 6 1 收藏

下面,图老师小编带您去了解一下Photoshop设计质感的Adobe系列图标,生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - PS 】

先看效果图。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

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

新建文档1280x1024像素,建新层,填充白色,添加图层样式。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

效果如下。因为渐变颜色很暗,画面基本没有变化。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

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

建新层,画一个白色圆角矩形。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

添加图层样式。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

效果如下。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

建新层,调出圆角矩形选区,编辑描边。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

为描边层添加样式。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

效果如下。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

建新层,调出圆角矩形选区,选择修改扩展3像素,填充白色。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

做如下正圆选区,删除。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

图层模式改为叠加,不透明度50%。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

输入黑色文字Ps,尺寸200点,添加图层样式。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

效果如下。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

下面制作图标的倒影,将所有图标层合并(除了文字层),ctrl+T垂直翻转,挪到下图位置。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

添加蒙版,黑白直线渐变,图层不透明度50%。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

最终效果如下。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

按照上面的方法做出其它图标,更改颜色即可,如下。

Photoshop设计质感的Adobe系列图标,PS教程,图老师教程网

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

来源:https://www.tulaoshi.com/n/20160216/1569473.html

延伸阅读
标签: PS PS基础
图标的制作关键在于对高光和阴影把控;色彩的选用也很关键,决定了你的作品是否是高品质的。通过对本文的学习,你可以很好的掌握制作图标的各种技巧,举一反三的应用到其他作品中,喜欢的朋友让我们一起来学习吧。 最终效果图 第一步 1、按ctrl+N,新建一个文档,大小600x500px,命名为"木箱子" 2、创建一个新层,命名为"...
高效率和TuLaoShi.com用户满意度是人性化的体现。应具备专家级和初级玩家系统,即用户可依据自己的习惯定制界面,并能保存设置。
标签: PS PS基础
本教程图标制作过程介绍的不是很详细,不过主要思路及图片的构造都有图示说明。制作的时候尽量多思考,根据作者提供的一些效果图去慢慢摸索。 最终效果 1、新建一个大小适当的文件,背景填充暗灰色。选择圆角矩形工具,画一个512 * 512像素的圆角矩形,圆角半径是90像素。 新建一个图层,用矩形选框工具拉一个矩形选区填充红色,然后复制...
标签: PS PS基础
本教程主要使用Photoshop设计皮革质感的立体文件夹图标,教程的整体效果很漂亮,图标的图案只要使用背景底纹来完成的,喜欢的朋友让我们一起来学习吧。 教程素材: 设计皮革质感文件夹图标PS教程素材

经验教程

168

收藏

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