教你用Photoshop绘制金属质感按钮UI图标

绘制金属质感按钮UI图标

操作方法

  • 01

    新建1000*800PX白色画布,创建一个渐变填充调整层,参数设置如下;右键将图层转换为智能对象,执行滤镜-杂色-添加杂色,数量为2,平均分布。

  • 02

    选择圆角矩形形状工具,绘制一个500*500PX,半径70,颜色填充#f6f5f5,鼠标双击添加斜面浮雕和投影图层样式,参数设置如图

  • 03

    CTRL+J复制一层,右键清除图层样式,将填充修改为0,添加一个投影样式,参数设置如图。

  • 04

    选择椭圆形状工具画一个400*400PX的圆,添加内阴影、内发光、渐变叠加、投影图层样式,参数设置如图。

  • 05

    同样选择椭圆形状工具画出一个300*300PX的圆,添加渐变叠加、投影图层样式,参数设置如图

  • 06

    选择椭圆形状工具画一个280*280PX的圆,添加描边、渐变叠加图层样式,参数设置如图。

  • 07

    新建图层,填充白色,右键转换为智能对象,执行滤镜-杂色-添加杂色,数量为23,平均分布;再执行滤镜-模糊-径向模糊,数量100;将这个图层模式修改为颜色加深,按CTRL键,鼠标点击上一图层前缩略图载入选区,点击添加蒙版。

  • 08

    选择自定义形状工具画一个三角箭头,添加内阴影和投影图层样式,参数设置如图。

  • 09

    拉入图标素材(没有的朋友可以网上搜索下载),图标不应该位于最顶层,应该在我们中间的旋纽(300*300PX圆图层)下面,所以请注意一下图层的位置。

  • 10

    然后对选择中的图标添加渐变叠加和投影图层样式,使其看了像是浮现,参数设置如图。

  • 11

    对没选中的图标填充#151926,添加内阴影和投影图层样式,让其看了像是凹陷,参数设置如图。

(0)

相关推荐

  • Photoshop制作金属质感按钮

    Photoshop制作金属质感按钮 操作方法 01 在ps软件中,新建一个800*800的文档,背景色为白色,再新建一个图层·,选择椭圆选框工具,画一个正圆选区,填充黑色,如图所示 02 接着双击图层 ...

  • 使用Photoshop绘制金属质感字效

    当我们在看一些字体设计的时候,有的人就喜欢看一些金属感比较重的字体,感觉看起来很有一种舒服的感觉,今天给大家带来的教程就是如何用Photoshop绘制金属质感字体. 金属质感字效绘制 01 进入PS界 ...

  • 使用Photoshop绘制金属质感文字

    今天给大家带来的Photoshop教程是绘制金属质感文字,利用简单的图层样式调整数值方式即可完成绘制操作,下面教你详细的制作步骤,一起学起来吧. PS绘制金属质感文字 01 进入PS界面新建一张画布, ...

  • 教你用Photoshop“复古金属质感”风景图的调色

    一张"复古金属质感"风景图的调色过程 操作方法 01 素材拖进PS里,ctrl+j复制一层 02 我习惯使用习惯使用Camrea Raw滤镜调色,所以图层上操作鼠标右键转为智能对象 ...

  • 教你用Photoshop绘制指纹质感UI图标

    绘制指纹质感UI图标 操作方法 01 新建800*800PX白色画布,鼠标双击图层添加渐变叠加图层样式 02 选择圆角矩形形状工具,半径120像素,绘制一个512*512PX的正方圆角矩形,然后添加& ...

  • Photoshop绘制金属质感的网页界面设计教程

    效果图 操作方法 01 1. 首先给大家看下整体效果. 02 2. 启动本教程你将需要创建一个新文件.使用任何你想要的值,但是我建议你创建一个文件的最小宽度为1100*1163像素.背景填充# 252 ...

  • PPT制作玻璃质感按钮和金属质感按钮

    在作展示时,大家一定都想让自己的幻灯片能够引人注目,因而也总是想方设法利用各种技术,修饰.美化自己的幻灯片.按钮是幻灯片中最常用的元素之一,如果制作得与众不同,定能为幻灯片增光添彩.下面就让我们一同来 ...

  • Ai绘制金属质感的图标

    Ai绘制金属质感的图标 操作方法 01 在Ai软件中,新建一个800*800的文档,选择椭圆工具,画一个椭圆图形,并添加渐变颜色,如图所示 02 然后选择椭圆图形到对象-路径-偏移路径,并添加渐变颜色 ...

  • 怎样Photoshop制作金属质感的雷达盘教程

    本教程主要使用Photoshop制作金属质感的雷达盘教程,主要应用了铅笔笔刷滤镜和图层样式来完成.下面就让我们一起来学习吧. 先看效果图 步骤/方法 01 新建文档500x300像素,背景白色,为背景 ...