首页 > 设计知识 > 正文

Photoshop设计复古风格的牛皮质感图标 Photoshop设计发光效果的金属版背景

2023-06-04 01:24:04 | 一百分素材网

Photoshop设计复古风格的牛皮质感图标

在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标。教程主要用到三项技巧:首先,充分利用网格和对齐到网格;其次,创建矢量形状,充分利用图层的混合选项;最后,用简单的混合技巧和特效来添加细致的阴影和高光。让我们开始吧。

教程素材:复古风格的笔记本图标PSD教程素材

先看看效果图

一、新建文件,显示网格

打开PS,Command/Ctrl-N新建一个文件。按照下图设置参数,单击确定。显示网格(视图>显示>网格),然后对齐到网格(视图>对齐到>网格)。刚开始,你需要一个10px的网格,选择编辑>首选项>参考线,网格和切片,设置网格线间隔为10px,子网格为1,网格颜色为#a7a7a7。注:可以用Command/Ctrl-’ 快捷键来显示或隐藏网格。你也可以打开信息面板(窗口>信息)来查看你绘制的形状的大小和位置。

二、创建封面和封底

步骤 1

将前景色设为#aecef5。选择圆角矩形工具,选择形状图层模式,把 半径设为5px。创建一个 240 x 380px 的圆角矩形,使用对齐到网格可以简化工作。一百分素材网

步骤 2

选择矩形工具。按住Alt 键,创建一个40 x 330px的矩形,如下图。

步骤 3

选择圆角矩形工具,按住Shift 键,,创建一个50 x 20px 的圆角矩形,如下图。

Photoshop设计发光效果的金属版背景

今天我们来教同学们如何在Potoshop中创建镀铬效果,之后添加一个超酷的光效,最终合成一个超炫的电脑发光主板。教程可以帮同学们纯熟运用图层样式,如果学完有不懂的同学还可以免费得到作者的PSD哟,现在就练起来吧。
教程素材:发光的网状金属板背景PSD教程源文件

第1步

打开Photoshop,创建新文档,我使用2880×1800的尺寸,因为这样就可以把它拿来当作桌面背景。使用油漆桶工具,为背景填充#201E1E颜色。

第2步

新建图层填充为黑色,然后使用滤镜>杂色>添加杂色。数量为15%,,平均分布以及单色。

第3步

复制杂色图层并水平翻转。然后把这两个图层编组,并为组使用图层样式。图层>图层样式>渐变叠加。使用从中灰到深灰的径向渐变。

第4步

我们可以使用Google Images/找到一些图片作为我们扬声器或机箱内部的图像(国内朋友可百度),他们在设计方面通常超级棒。我还使用了前段时间自己做的带有光照效果的图像。你可以随便使用你想要的光照效果。合并所有的图像然后图像>图像调整>色相和饱和度。选择40色调,50饱和以及-13亮度。

第5步

我在网上找到一个类似圆形扩音器的圈圈矢量图,我用这张图片创建选区并遮盖内部。

第6步

盖上之后就是这样。

第7步

选中你用于创建遮罩的形状,然后在图层>图层样式>混合模式中,把填充不透明度改为0.选择斜面与浮雕,使用下图所示的数值设置,然后选择等高线并把范围改成56%。最后复制这个图层并把不透明度改为10%。

想学最新的教程记得来优设网哟!

与“Photoshop设计复古风格的牛皮质感图标 Photoshop设计发光效果的金属版背景”相关推荐
Photoshop设计发光效果的金属版背景 Photoshop设计复古风格的花纹图案背景
Photoshop设计发光效果的金属版背景 Photoshop设计复古风格的花纹图案背景

Photoshop设计发光效果的金属版背景今天我们来教同学们如何在Potoshop中创建镀铬效果,之后添加一个超酷的光效,最终合成一个超炫的电脑发光主板。教程可以帮同学们纯熟运用图层样式,如果学完有不懂的同学还可以免费得到作者的PSD哟,现在就练起来吧。教程素材:发光的网状金属板背景PSD教程源文件第1步打开Photoshop,创建新文档,我使用2880×1800的尺寸,因为

2023-06-30 22:45:29
Photoshop设计发光效果的金属版背景 Photoshop设计复古风格的金属艺术字
Photoshop设计发光效果的金属版背景 Photoshop设计复古风格的金属艺术字

Photoshop设计发光效果的金属版背景今天我们来教同学们如何在Potoshop中创建镀铬效果,之后添加一个超酷的光效,最终合成一个超炫的电脑发光主板。教程可以帮同学们纯熟运用图层样式,如果学完有不懂的同学还可以免费得到作者的PSD哟,现在就练起来吧。教程素材:发光的网状金属板背景PSD教程源文件第1步打开Photoshop,创建新文档,我使用2880×1800的尺寸,因为

2023-09-30 23:16:08
Photoshop设计发光效果的金属版背景 Photoshop设计金属质感的定时器图标
Photoshop设计发光效果的金属版背景 Photoshop设计金属质感的定时器图标

Photoshop设计发光效果的金属版背景今天我们来教同学们如何在Potoshop中创建镀铬效果,之后添加一个超酷的光效,最终合成一个超炫的电脑发光主板。教程可以帮同学们纯熟运用图层样式,如果学完有不懂的同学还可以免费得到作者的PSD哟,现在就练起来吧。教程素材:发光的网状金属板背景PSD教程源文件第1步打开Photoshop,创建新文档,我使用2880×1800的尺寸,因为

2023-07-01 11:41:54
Photoshop设计发光效果的金属版背景 Photoshop设计金属质感的ICON图标教程
Photoshop设计发光效果的金属版背景 Photoshop设计金属质感的ICON图标教程

Photoshop设计发光效果的金属版背景今天我们来教同学们如何在Potoshop中创建镀铬效果,之后添加一个超酷的光效,最终合成一个超炫的电脑发光主板。教程可以帮同学们纯熟运用图层样式,如果学完有不懂的同学还可以免费得到作者的PSD哟,现在就练起来吧。教程素材:发光的网状金属板背景PSD教程源文件第1步打开Photoshop,创建新文档,我使用2880×1800的尺寸,因为

2023-09-06 22:30:09
Photoshop设计复古风格的拳击海报 Photoshop设计发光效果的金属版背景
Photoshop设计复古风格的拳击海报 Photoshop设计发光效果的金属版背景

Photoshop设计发光效果的金属版背景今天我们来教同学们如何在Potoshop中创建镀铬效果,之后添加一个超酷的光效,最终合成一个超炫的电脑发光主板。教程可以帮同学们纯熟运用图层样式,如果学完有不懂的同学还可以免费得到作者的PSD哟,现在就练起来吧。教程素材:发光的网状金属板背景PSD教程源文件第1步打开Photoshop,创建新文档,我使用2880×1800的尺寸,因为

2023-06-14 06:19:20
Photoshop设计发光效果的金属版背景 Photoshop设计复古风格的电影海报
Photoshop设计发光效果的金属版背景 Photoshop设计复古风格的电影海报

Photoshop设计发光效果的金属版背景今天我们来教同学们如何在Potoshop中创建镀铬效果,之后添加一个超酷的光效,最终合成一个超炫的电脑发光主板。教程可以帮同学们纯熟运用图层样式,如果学完有不懂的同学还可以免费得到作者的PSD哟,现在就练起来吧。教程素材:发光的网状金属板背景PSD教程源文件第1步打开Photoshop,创建新文档,我使用2880×1800的尺寸,因为

2023-06-29 19:39:00
Photoshop设计发光效果的金属版背景 Photoshop设计复古风格的司机招聘海报
Photoshop设计发光效果的金属版背景 Photoshop设计复古风格的司机招聘海报

Photoshop设计发光效果的金属版背景今天我们来教同学们如何在Potoshop中创建镀铬效果,之后添加一个超酷的光效,最终合成一个超炫的电脑发光主板。教程可以帮同学们纯熟运用图层样式,如果学完有不懂的同学还可以免费得到作者的PSD哟,现在就练起来吧。教程素材:发光的网状金属板背景PSD教程源文件第1步打开Photoshop,创建新文档,我使用2880×1800的尺寸,因为

2023-08-19 18:12:55
Photoshop设计发光效果的金属版背景 Photoshop设计金属质感的游戏标志教程
Photoshop设计发光效果的金属版背景 Photoshop设计金属质感的游戏标志教程

Photoshop设计发光效果的金属版背景今天我们来教同学们如何在Potoshop中创建镀铬效果,之后添加一个超酷的光效,最终合成一个超炫的电脑发光主板。教程可以帮同学们纯熟运用图层样式,如果学完有不懂的同学还可以免费得到作者的PSD哟,现在就练起来吧。教程素材:发光的网状金属板背景PSD教程源文件第1步打开Photoshop,创建新文档,我使用2880×1800的尺寸,因为

2023-06-20 09:01:08