Photoshop设计金属立体效果的APP图标

木糖醇788

木糖醇788

2016-02-16 01:09

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是Photoshop设计金属立体效果的APP图标,一起来学习了解下吧!

今天为大家带来一篇非常简单的iCloud图标的PS教程。这篇教程虽然简单,但是有很多细节,大家从中还可以学到非常常用的角度渐变和渐变描边的用法。

先看看效果图

Photoshop设计金属立体效果的APP图标,PS教程,图老师教程网

第1步:

打开Photoshop,Ctrl+N新建文档,根据自己的情况来定义尺寸。

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

Photoshop设计金属立体效果的APP图标,PS教程,图老师教程网

第2步:

选择圆角矩形工具,按住Shift键在画布上绘制出一个方形的圆角矩形,这里我将圆角半径设置为50像素。

Photoshop设计金属立体效果的APP图标,PS教程,图老师教程网

第3步:

双击圆角矩形图层,为其添加渐变图层样式。渐变样式选择角度渐变。渐变颜色使用深灰与浅灰相互交替,具体设置如下图。这是做金属样式的常用手法。

Photoshop设计金属立体效果的APP图标,PS教程,图老师教程网

再添加描边样式,此处填充类型选择渐变。

Photoshop设计金属立体效果的APP图标,PS教程,图老师教程网

Photoshop设计金属立体效果的APP图标,PS教程,图老师教程网

第4步:

选择钢笔工具,工具模式选择形状,在圆角矩形中心绘制出云形。这里我并没有严格按照iCloud的曲线来绘制,只是教大家一种方法。

Photoshop设计金属立体效果的APP图标,PS教程,图老师教程网

第5步:

双击云图层,为其添加内阴影样式。

Photoshop设计金属立体效果的APP图标,PS教程,图老师教程网

继续添加描边样式,这里依然选择渐变描边,将默认的黑白渐变反向即可。

Photoshop设计金属立体效果的APP图标,PS教程,图老师教程网

第6步:

将云图层Ctrl+J复制一层,清除其图层样式,并将颜色改变为浅灰色。Ctrl+T将其缩小,缩小时按住Alt键可以进行中心缩放。缩小完毕,你可以利用直接选择工具微调锚点,使边缘看上去均匀即可。

Photoshop设计金属立体效果的APP图标,PS教程,图老师教程网

第7步:

复制圆角矩形的图层样式,粘贴到内部的云形图层。(小技巧:按住Alt键拖动图层样式的fx图标到另外图层上,可以快速复制图层样式。)

将描边大小修改为2像素,我们就完成了非常简单的icloud图标的制作。

Photoshop设计金属立体效果的APP图标,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/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设计立体效果的开关APP图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计立体效果的开关APP图标教程

lol偷钱流符文搭配推荐

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

Photoshop设计银色立体效果的APP图标教程

PS PS基础
Photoshop设计银色立体效果的APP图标教程

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

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

lolAD刺客新符文搭配推荐

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

Photoshop绘制立体效果的紫色心形宝石

Photoshop绘制立体效果的紫色心形宝石

Photoshop设计丝带效果的2019艺术字

Photoshop设计丝带效果的2019艺术字
下拉加载更多内容 ↓