ps设计格子APP软件图标(2)

来源:PS梦工场 作者:南辰翻译 学习:14403人次

Ctrl+T将其拉宽压扁,如下图所示。

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

将图层不透明度调整为10-30%,这里可以根据自己的感觉来调整。

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

第4步:

接下来我们创建icon主体。利用圆角矩形工具在画布中心点击,在弹出的对话框中设置数值如下:

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

 

第5步:

在圆角矩形上方随意绘制一个比其尺寸大一些的形状,因为我们后面会将其转换为剪贴蒙版,因此形状可随意绘制。

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

为创建的形状添加角度渐变。

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

然后按住Alt键在角度渐变与圆角矩形中间点击鼠标左键,将其转换为剪贴蒙版。然后在图层名称上点击右键,将其转换为智能对象。

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

第6步:

利用马赛克滤镜(滤镜>像素化>马赛克)对其进行分块处理。

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

第7步:

将执行了马赛克滤镜的图层Ctrl+J复制一层,同样转换为剪贴蒙版。然后点击滤镜>风格化>照亮边缘。

Photoshop制作炫彩格子风格的APP软件图标,PS教程,16xx8.com教程网

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
夏天2017-07-22 04:29
我的作业:试着做了
顾盼生花2017-05-27 02:44
给力
佐料配大米2017-05-27 02:44
给力
大闹所有聪儿2017-05-27 02:44
给力
鑫1982017-05-27 02:44
给力
雪岚儿如烟2017-05-27 02:44
给力
阿飞小蝴蝶2017-05-27 02:44
给力

关注大神微博加入>>

网友求助,请回答!