Photoshop设计一个真实的App图标教程

薇儿aci

薇儿aci

2016-02-16 04:23

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Photoshop设计一个真实的App图标教程吧。

在教程中,我将解释,通过发光和投影来制作真实的效果,也就是一个留声机的app图标。使用PS强大的图层样式,我将告诉你怎样在短时间内完成这强大的效果。

先看看效果图

Photoshop设计一个真实的App图标教程,PS教程,图老师教程网

我们也将使用一种方式来快速改变纹理的颜色,并且我将分享在打造真实效果过程中的一些经验。

Photoshop设计一个真实的App图标教程,PS教程,图老师教程网

01 首先画出标志的草图,我先画出大体的新装,然后再上面添加一些细节元素,例如磁口和旋钮。我想让草图看起来有点三维效果,但又不使用透视。于是我增加了圆角来让图标看起来像是个打开的箱子。

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

Photoshop设计一个真实的App图标教程,PS教程,图老师教程网

02 将您的早秃扫描进PS。选择渐变工具将您的背景填充成黑灰的渐变。下一步,使用圆角矩形工具绘制512px*512px的方形,将圆角设置为90px。现在按住Opt或者Alt并且选择图形,新建一个文件夹命名为Icon,然后给这个文件夹加上遮蔽蒙版。

Photoshop设计一个真实的App图标教程,PS教程,图老师教程网

03 对于图标的颜色选择是非常重要的。为了能体现质感,我选择深棕色取代原本的黑色,旋钮也改成了浅棕色。

Photoshop设计一个真实的App图标教程,PS教程,图老师教程网

04 通过图层样式选项,我们能增加一些有趣的效果。为了体现胶片的质感,我选择了渐变叠加,混合模式为线性减淡,样式为径向,然后选择渐变类型为杂色来体现出纹路的效果。复制该图层,将渐变样式改成实底,来创建反光效果。

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

Photoshop设计一个真实的App图标教程,PS教程,图老师教程网

05 现在创建一些区域来做投影,你可以将它的混合模式选择为线性减淡或者颜色减淡。这将会制作出真实的明暗关系。对于磁头和旋钮可以加入投影样式来作为物体的反光。

Photoshop设计一个真实的App图标教程,PS教程,图老师教程网

06 为了获得更真实的投影效果,如图防止一个灰色的方形,添加外发光然后将混合模式设置为线性减淡。我使用50%的灰度然后设置图层透明度来获得投影效果。

Photoshop设计一个真实的App图标教程,PS教程,图老师教程网

07 纹理对于表现真实效果是非常重要的,你能自己拍摄或是上网那个搜集素材。这里,我使用了一张木质的纹理。我调了一下色阶和色相,然后创建了一个遮蔽蒙版,将混合模式设置为叠加。

Photoshop设计一个真实的App图标教程,PS教程,图老师教程网

08 当你对所有的图层样式设置满意后,复制文件夹。在这里,你可以图层图层样式新建图层来帮助你通过蒙版来控制它们。

Photoshop设计一个真实的App图标教程,PS教程,图老师教程网

09 你现在能复制或删除一些图层样式来得到你想要的效果。有些部分太亮或太暗,所以我就选择图层然后使用笔刷在遮蔽蒙版上修改。

Photoshop设计一个真实的App图标教程,PS教程,图老师教程网

10 新建一个图层,将它放在最上方,并且加上内发光和光泽。在光泽中我使用了相同的叠加颜色,使整个图标更加统一。这样你就完成了一个仿真的app图标效果。

展开更多 50%)
分享

猜你喜欢

Photoshop设计一个真实的App图标教程

PS PS基础
Photoshop设计一个真实的App图标教程

Photoshop设计一个逼真的App图标教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计一个逼真的App图标教程

s8lol主宰符文怎么配

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

Photoshop设计Condom APP图标教程

电脑网络
Photoshop设计Condom APP图标教程

Photoshop设计图标一个叹号的标志教程

PS PS基础 ps平面设计教程 ps去水印教程
Photoshop设计图标一个叹号的标志教程

lol偷钱流符文搭配推荐

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

Photoshop设计立体效果的开关APP图标教程

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

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

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

lolAD刺客新符文搭配推荐

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

Photoshop绘制火影忍者卡卡西教程

Photoshop绘制火影忍者卡卡西教程

Photoshop制作红颜知已古典美女音画图文教程

Photoshop制作红颜知已古典美女音画图文教程
下拉加载更多内容 ↓