PS制作精细的格子纹理小图标

效果图由底纹、环形小框及文字三部分构成，基本上用图层样式就可以完成。底纹部分稍微复杂一点，需要用滤镜等来制作纹理。

操作方法

  • 01

    打开Photoshop，Ctrl+N新建一个文档，文档尺寸可自定义。

  • 02

    按住Alt键双击背景图层，使其转换为普通图层。然后再次双击，打开图层样式面板，为其添加颜色叠加样式，颜色为#262523。

  • 03

    新建一层，用白色大号柔边画笔在画布中心点击出白色亮光。

  • 04

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

  • 05

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

  • 06

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

  • 07

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

  • 08

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

  • 09

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

  • 10

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

  • 11

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

  • 12

    将其图层混合模式设置为线性减淡（添加），图层不透明度设置为30%。此时每个格子间都被细线分割开了。

  • 13

    将上一步创建的图层Ctrl+J再次进行复制。将图层混合模式设置为减去，图层不透明度设置为20%。选择移动工具，利用键盘上的方向键将其位置向下方与右方分别移动1像素。这样格子的间隔部分便形成了凹槽的效果。

  • 14

    利用椭圆工具在icon中心绘制出一个正圆形。

  • 15

    然后为其添加图层样式。

  • 16

    利用椭圆工具在icon中心再次创建一个较小的正圆形。

  • 17

    为其添加图层样式。

  • 18

    下面我们来添加文字。

  • 19

    然后为文字添加图层样式。

  • 20

    把第4步创建的圆角矩形图层按住Alt键向上拖动复制一份，把填充调为0，这样我们就可以不受这个图层本身颜色的控制了，而可以对图层样式进行调整。

  • 21

    给它添加图层样式。

  • 22

    双击图层，打开图层样式面板。在混合选项中，将“图层蒙版隐藏效果”勾选上。

  • 23

    然后为图层添加蒙版，用黑色画笔将细节擦出来。

  • 24

    最后添加上倒影，完成最终效果。

赞 (0)

相关推荐

  • Photoshop制作精细格子纹理小图标

    效果图由底纹.环形小框及文字三部分构成,基本上用图层样式就可以完成.底纹部分稍微复杂一点,需要用滤镜等来制作纹理. 最终效果 作者:uiOwen

  • 如何用PS制作一张木质纹理图？

    ps是一款很强大的位图图像处理软件,它不仅可以修图,而且还可以制图,下面小编就来给大家演示一下如何用ps制作一张木质纹理图,希望对大家有所帮助. 操作方法 01 打开ps软件后,我们新建一张宽为500 ...

  • PS制作GIF动图怎么去掉图标边缘出现的白边锯齿

    很多朋友在用PS制作GIF动图图标ICON的时候,会发现图片周边会有白边,这个一点看起来很粗糙,怎么解决这个问题呢? 操作方法 01 我们先用PS制作好有个GIF动图图标,背景是透明的. 02 按快捷 ...

  • 如何用ps制作一个邮票感觉的小背景

    有的时候我们看到一些邮票感觉的小背景,感觉很好看,却不知道怎么做有木有?下面就让小编带着大家一起制作一个邮票感觉的小背景吧. 操作方法 01 首先,我们需要打开我们电脑的ps软件(鼠标左键双击桌面上的 ...

  • 怎么通过PS制作艺术字

    怎么通过PS制作艺术字

    PS是现在十分常用的一款图片编辑软件,有些新用户不知道怎么通过PS制作艺术字,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开电脑中的PS软件,先新建空白画布,接着根据下图所示 ...

  • 如何通过PS制作艺术字

    如何通过PS制作艺术字

    PS是现在十分常用的一款图片编辑软件,有些新用户不知道如何通过PS制作艺术字,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先打开电脑中的PS软件,接着点击左侧[T]图标,然后根 ...

  • ps制作丝绸效果的方法

    Adobe Photoshop,简称"PS",是美国Adobe公司旗下最为出名的图像处理软件之一,深受广大平面设计人员和电脑美术爱好者的喜爱.怎么使用ps制作丝绸效果,让小编教给你 ...

  • 怎么使用ps制作光芒字

    Adobe Photoshop,简称"PS",是美国Adobe公司旗下最为出名的图像处理软件之一,深受广大平面设计人员和电脑美术爱好者的喜爱.怎么使用ps制作光芒字,让小编教给你指 ...

  • 怎么使用ps制作塑料字

    Adobe Photoshop,简称"PS",是美国Adobe公司旗下最为出名的图像处理软件之一,深受广大平面设计人员和电脑美术爱好者的喜爱.怎么使用ps制作塑料字,让小编教给你指 ...