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

baby_goat

baby_goat

2016-02-15 21:30

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

先看看效果图

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

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

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

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

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

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

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

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

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

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

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

颜色叠加,参数步骤如上

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

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

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

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

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

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

继续调投影,注意等高线

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

最后调内阴影

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

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

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

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

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

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

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

输入PS‘两个字母

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

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

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

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

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

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

投影

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

描边,注意:位置是内部

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

90%,差不多了-

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

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

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

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

文字参数

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

展开更多 50%)
分享

猜你喜欢

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

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

Photoshop设计蓝色立体效果APP图标

PS PS基础
Photoshop设计蓝色立体效果APP图标

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

Photoshop设计金属质感的相机镜头APP图标

PS PS基础
Photoshop设计金属质感的相机镜头APP图标

Photoshop制作蓝色质感的ICON图标

PS PS基础
Photoshop制作蓝色质感的ICON图标

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop绘制蓝色质感的软件图标教程

PS PS基础
Photoshop绘制蓝色质感的软件图标教程

Photoshop制作蓝色质感的ICON图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop制作蓝色质感的ICON图标教程

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop详细解析人像转手绘中眼睛处理

Photoshop详细解析人像转手绘中眼睛处理

Photoshop巧用抽出滤镜抠出范爷人像照片

Photoshop巧用抽出滤镜抠出范爷人像照片
下拉加载更多内容 ↓