ps手机光电图标

来源:未知 作者:P学堂 学习:6485人次

随着Android等操作系统的开发,现在的互联网逐步向手机端应用推进,很多都有了手机端应用程序,必须淘宝,新浪等,所以手机端应用程序UI设计也逐 步的成为新潮,下面来看下一个APP应用程序图标的制作吧,这只是个思路,算抛砖引玉,有很多时候,我们感觉我们不会,而不是正真的我们不会,是我们没有接触过。

素材包下载:http://www.16xx8.com/ps/soft/121109/16xx8教程素材.rar

看下效果图:

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

1.新建画布

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

2.选择圆角矩形工具,点击画布,跳出设置弹框,设置如下,颜色设置为#000000,得到圆角矩形1

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

3.继续选择圆角矩形工具,点击画布,跳出设置弹框,设置如下,颜色设置为#898989,得到圆角矩形2

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

4.将两个图层的位置摆放如下

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

5.选择椭圆工具,点击画布,跳出设置弹框,设置如下,颜色设置为#323232,得到椭圆1

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

6.复制椭圆1,得到椭圆1副本,拉到椭圆1图层下面,颜色改成#77f8f3,然后ctrl+T,按住shift+alt进行按照中心放大

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

7.将我们的logo拖进去,调整好大小和位置

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

8.选择圆角矩形2,把素材包里的 tactile_noise 压缩包里面的图案自定义图案,然后给此图层添加图层样式

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

Photoshop设计立体光感效果的手机图标,PS教程,16xx8.com教程网

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
暂无评论,交个作业支持一下吧~

关注大神微博加入>>

网友求助,请回答!