DesignTips > > 具有凹凸感的图标素材的制作方法

具有凹凸感的图标素材的制作方法

具有凹凸感的图标素材的制作方法

本次为您介绍具有凹凸感的图标素材的制作方法。

这是一款具有凹凸风格的图标。与平面图标相比,它具有平滑的质感以及智能的印象。特别适合时尚网站和功能卓越的网站。

制作方法极为简单,从Illustrator抽出网页图标的符号后,使用Photoshop进行加工。

Step01 从Illustrator抽出网页图标的符号

首先从Illustrator抽出网页图标的符号。

打开Illustrator,通过[窗口→符号→单击右上方的▼→打开符号库→网页图标],打开[网页图标]对话框。

选择合适的图标后,拖拽到色板上。

Step02 也抽出其他图标

也以同样的方式,拖拽其他图标并排列整齐。

复制排列好的图标。

Step03 使用Photoshop设置背景

接着,打开Photoshop。

通过[图层→新填充图层→纯色],将颜色设置为#e9e9e9(灰色)。

Step04 粘贴图标素材

使用Illustrator粘贴已复制的网页图标。

粘贴形式请设置为像素。

Step05适用图层样式

接着,将图标的颜色改为灰色。

选择图标的图层后,点击[图层→图层样式→颜色叠加]。

按上图所示,将颜色设置为#bebebe。由此,图标的颜色就变成了#bebebe(灰色)。另外,请勿点击确定。

Step06 适用斜面内侧

终于将让图标呈现凹凸感。

选择[图层样式]对话框左侧的[斜面和浮雕]。

按上图所示设置样式。请在勾选预览后查看图标。图标已增添了凹凸感。另外,请勿点击确定。

Step07 通过描边来凸显边缘

最后,通过描边来稍微凸显一下边缘部分。

选择[图层样式]对话框左侧的[描边],按上图所示进行设置。

添加描边后,将稍微凸显出图标的边缘部分

完成!

通过以上步骤,即可制作出具有凹凸感的图标。

看上去非常简单吧。如果想像本次这样对素材增添质感,使用Photoshop的图层样式是最合适不过的了。

根据图层样式的不同,可呈现出各种表现方式,请您务必尝试一下吧。

この投稿文は次の言語で読めます: 英语, 日语

15 个作为设计师必须会用的免费字体
30 秒将照片转为棕褐色调的方法 3
使用 Photoshop 制作胖胖鲜艳 Logo
不使用钢笔工具绘制七星瓢虫插图的方法
微凹猫脚印的设计(Photoshop)
使用 Photoshop 制作凹凸 Logo 与纹理
30 秒将照片转为棕褐色调的方法 2
使用 Photoshop 制作凹凸 Logo 与纹理
微凹猫脚印的设计(Photoshop)