Photoshop利用滤镜制作炫彩格子风格的APP软件图标

PS梦工场   发布时间:2013-06-04 16:49:58   作者:南辰翻译   我要评论
利用Photoshop创建彩色格子icon,本教程中用到了智能对象和智能滤镜,你会从中了解到智能滤镜的强大作用
利用Photoshop创建彩色格子icon,本教程中用到了智能对象和智能滤镜,你会从中了解到智能滤镜的强大作用。好了,我们来学习一下吧,希望你会喜欢。
Photoshop制作炫彩格子风格的APP软件图标
  第1步:
  打开Photoshop,Ctrl+N新建一个文档,文档尺寸可自定义。
1511688ae8a346188bd96f1586cf9fff 用PS创建彩色格子icon
  第2步:
  按住Alt键双击背景图层,使其转换为普通图层。然后再次双击,打开图层样式面板,为其添加颜色叠加样式,颜色为#262523。
7345b3e6a65e476cb42878507a93fd3c 用PS创建彩色格子icon
  继续为其添加渐变叠加,数值如下:
d02075b9f72d46818a8a12bf32c46d0a 用PS创建彩色格子icon
  再利用内发光中的杂色功能来给背景添加一些杂色,当然你也可以使用滤镜中的添加杂色功能。
0a50ff434ab842c59cdcd03c481e19ee 用PS创建彩色格子icon
  此时的背景:
658ecbe08008467aa50b0fcede3ed04e 用PS创建彩色格子icon
  第3步:
  新建一层,用白色大号柔边画笔在画布中心点击出白色亮光。
3088ea71bc4646aca510871387a11300 用PS创建彩色格子icon
  Ctrl+T将其拉宽压扁,如下图所示。
2490e41e434642918beec65aaf42caa6 用PS创建彩色格子icon
  将图层不透明度调整为10-30%,这里可以根据自己的感觉来调整。
a0b70c6c86bf4e0ab9b2a17db484ee9b 用PS创建彩色格子icon
  第4步:
  接下来我们创建icon主体。利用圆角矩形工具在画布中心点击,在弹出的对话框中设置数值如下:
d9a75dd338e64f0bb1f621cf4bbdad00 用PS创建彩色格子icon
  第5步:
  在圆角矩形上方随意绘制一个比其尺寸大一些的形状,因为我们后面会将其转换为剪贴蒙版,因此形状可随意绘制。
4d6ad0be5c70462abe28d0b079d3c351 用PS创建彩色格子icon
  为创建的形状添加角度渐变。
e51af720988c42b69954c1ef06bc8ba0 用PS创建彩色格子icon
  然后按住Alt键在角度渐变与圆角矩形中间点击鼠标左键,将其转换为剪贴蒙版。然后在图层名称上点击右键,将其转换为智能对象。
52ce87f7757e4f99808405dca65a35d2 用PS创建彩色格子icon
  第6步:
  利用马赛克滤镜(滤镜>像素化>马赛克)对其进行分块处理。
f0232be344da4d8f8b6c4e451e2bdb29 用PS创建彩色格子icon
  第7步:
  将执行了马赛克滤镜的图层Ctrl+J复制一层,同样转换为剪贴蒙版。然后点击滤镜>风格化>照亮边缘。
5a1253e1cb7c4160bf531dc0344b85cf 用PS创建彩色格子icon
  将其图层混合模式设置为线性减淡(添加),图层不透明度设置为30%。此时每个格子间都被细线分割开了。
c8ead6ba9d2941be9341af319c4ae2bd 用PS创建彩色格子icon
 

相关文章

  • PS怎么绘制圣诞按钮?PS绘制圣诞快乐按钮教程

    今天的教程是教给大家做一个非常有圣诞氛围的圣诞快乐按钮,充满浓浓的圣诞节日气息,小伙伴们还不快快打开PS一起来学习
    2021-06-16
  • ps2021怎么做漂亮的渐变按钮? ps按钮样式的设计方法

    ps2021怎么做漂亮的渐变按钮?ps中想要设计一款领券的按钮,如果添加渐变色会更加显眼,该怎么设计渐变色按钮呢?下面我们就来看看ps按钮样式的设计方法,详细请看下文介绍
    2021-05-27
  • 如何设计蓝色金属按钮?用PS设计蓝色科技金属质感按钮教程

    很多人人物游戏按钮只能用AI才能设计,其实不然,一些按钮不只可以用AI设计,PS照样可以,今天我们就教大家制作一个蓝色科技金属质感的“play”按钮,一起来学习吧
    2021-05-18
  • ps怎么设计配色干净扁平化按钮? ps按钮矢量图的设计方法

    ps怎么设计配色干净扁平化按钮?很多时候我们会看到各种按钮,想要设计一款颜色干净清爽的扁平化按钮,该怎么操作呢?下面我们就来看看ps按钮矢量图的设计方法,需要的朋友
    2021-04-08
  • 怎么用PS制作按钮形状效果?

    怎么用PS制作按钮形状效果?下面这边文章主要为大家讲述了用PS制作按钮形状效果的教程,感兴趣的小伙伴来学习吧
    2020-12-15
  • ps怎么设计圆形的不锈钢金属按钮图标?

    ps怎么设计圆形的不锈钢金属按钮图标?ps中想要设计一款圆形的按钮,该怎么设计这个按钮矢量图呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2019-06-30
  • PS怎么设计可爱的按钮?

    PS怎么设计可爱的按钮?ps中想要设计一款可爱的按钮,该怎么设计呢?下面我们就来看看ps设计按钮的教程,需要的朋友可以参考下
    2018-10-30
  • ps怎么设计逼真的玻璃质感按钮?

    ps怎么设计逼真的玻璃质感按钮?ps中想要设计一款漂亮的玻璃按钮,该怎么设计逼真透明的玻璃按钮呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-09-23
  • ps怎么设计创意的圆形按钮?

    ps怎么设计创意的圆形按钮?ps中想要设计按钮,该怎么设计创意的按钮图标呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-08-09
  • PS怎么设计左右轮播图的按钮?

    PS怎么设计左右轮播图的按钮?网页中经常能见到多张图片轮播的效果,会有左右按钮,该怎么设计这个按钮呢?下面我们就来看看详细的教程,需要的朋友可以参考下
    2018-08-09

最新评论