Photoshop设计蓝色质感的方形APP图标

2016-02-15 21:30 62 1 收藏

只要你有一台电脑或者手机,都能关注图老师为大家精心推荐的Photoshop设计蓝色质感的方形APP图标,手机电脑控们准备好了吗?一起看过来吧!

【 tulaoshi.com - PS 】

先看看效果图

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

随手制作了一个图标,简单易学

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

一,先ctrl+N(新建文件),新建一个512x512的白色场景

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

二,按快捷键U,选择圆角矩形工具,主要左上方的类型

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

在场景内点一下,弹出选项参数,如图,创建一个圆角矩形

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

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

三,找到图层框,双击红色圈圈部分,弹出图层样式

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

颜色叠加,参数步骤如上

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

再回到图层框,选择bg1图层,按ctrl+J(复制图层)命名为bg2,然后上移动10像素

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

四,选择bg1图层,调出图层样式,参数如上

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

继续调投影,注意等高线

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

最后调内阴影

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

-大概这样子,完成一半了

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

五,新建一个图层,按快捷键T选择文字工具

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

在红色圈圈范围内点击一个,输入PS两个字母

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

输入PS‘两个字母

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

我用的是汉仪粗园简体,大家可以去86ps素材网下载这个字体

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

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

六,调出字体的图层样式,内阴影

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

投影

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

描边,注意:位置是内部

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

90%,差不多了-

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

七,再选择文字工具,输入文字,注意对齐

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

文字参数

Photoshop设计蓝色质感的方形APP图标,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160215/1564168.html

延伸阅读
标签: PS PS基础
先看效果图 新建文档1280x1024像素,背景白色,建新层用钢笔做如下选区,填充黑色 添加图层样式。 效果如下。 建新层,用钢笔画出类似平行四边形的选区,填充黑色。 添加图层样式。 效果如下。 建新层,用钢笔画出文件夹另一侧,颜色#1e9cd7。 建新层,用钢笔做如下选区,填充白色,图层不透明度15%。 ...
标签: PS PS基础
本教程主要使用Photoshop绘制时尚质感的开关类型APP图标,整体的绘制过程非常的详细,而且质感的表现也非常的不错的,虽然比之前的两个教程要难一些,但是也不是很复杂,建议想学习图标的朋友可以一起来学习,有什么不懂的朋友可以下载源文件来研究,喜欢的朋友让我们一起来学习吧。 教程源文件: 立体时尚的开关图标教程源文件 ...

经验教程

872

收藏

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