纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页photoshop教程图片处理

立体质感效果的数字 Photoshop手工制作质感漂亮的数字拨号键盘

设计军团团长   2021-11-21 我要评论
Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字按键。立体感十足的电话拨号键盘教程难度一般质感部分主要是通过PS的图层样式来制作的。感兴趣的朋友让我们一起来学习吧。

我们先来看看最终的效果图吧:

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

关键是要找准突出的小细节如阴影照明和挤压的边缘。在本教程中您将学习如何使用形状图层和图层样式制作电话拨号按钮!

具体的制作步骤如下:

步骤1

开始新建一个600*600的图层。

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

步骤2

制作键盘的背景。首先创建一个图层"背景"和填充颜色# 363636

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

步骤3

添加一些纹理的背景。复制背景层命名为"学UI设计网 副本"滤镜>杂色>添加杂色数量:60%分布:平均分布单色:选中设置"学UI设计网 副本"层模式:叠加不透明度设置15%左右。

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

步骤4

背景添加一个渐变灯光效果。设置前景色为白色。复制"学UI设计网副本"层命名它为"梯度"。设置图层的填充为0%。图层样式>渐变叠加混合模式:叠加

样式:径向

角度:90

范围:117%设置渐变颜色为前景色到透明(这就是为什么我们的前景为白色)。设置"梯度"层的叠加不透明度设置15%左右。

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

步骤5

现在让我们开始创建拨号按钮。用椭圆来创建一个小圆圈。这将是按钮外的影子我命名为"学UI设计网 圆"按钮(外)。"我的是约76像素。设置图层的填充为0%。图层样式斜面和浮雕

样式:外斜面

深度:441%

方向:下

大小:10px

角度:90

高度:60;

全局光:勾选。

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

现在我们有我们的拨号按钮看起来像这样的外部:

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

步骤6

让我们内部的按钮。复制"学UI设计网 圆(外)"的形状并重新命名为"学UI设计网 圆(内)"。设置"按钮(内)"形状图层的颜色(# 363636)设置填充不透明度为100%

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

步骤7

现在我们调整的图层样式。首先我们先对"按钮的投影设置如下:

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

步骤8

现在让我们调整"按钮内阴影(内)"形状图层。

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

步骤9

现在我们要调整"按钮内发光(内)"形状图层。

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

步骤10

现在让我们改变斜面和浮雕的"按钮设置(内)"形状图层。

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

步骤11

现在让我们改变"按钮渐变叠加设置(内)"形状图层。

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

现在调整后的所有这些层的设置我们应该有这样的事情:

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

步骤12

增加数字和字母的拨号。

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

步骤13

组数和字母键我们已经创建了一组(快捷键:ctrl+g)

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字

结论

现在你可以简单地复制图层组和变一下数字和字母的就可以了!你可以使用最终的图像作为参考看看数字对应的字母。

Photoshop手工制作质感漂亮的数字拨号键盘立体质感效果的数字


相关文章

猜您喜欢

网友评论

Copyright 2020 www.tdogsoftware.com 【零度软件园】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式