| 会员登录 立即注册

[教程] 绘制黑色质感电话数字拔号键盘的PS教程

[复制链接]
花落 发表于 2018-11-4 22:23:36 |阅读模式
花落
2018-11-4 22:23:36 44 0 看全部
本教程主要使用Photoshop绘制立体感十足的电话拨号键盘,教程难度一般,质感部分主要是通过ps的图层样式来制作的。感兴趣的朋友让我们一起来学习吧。我们先来看看最终的效果图吧:
点击本图片会有惊喜
photoshop
关键是要找准突出的小细节,如阴影,照明,和挤压的边缘。在本教程中,您将学习如何使用形状图层和图层样式制作电话拨号按钮!
具体的制作步骤如下:
一、开始新建一个600*600的图层。
点击本图片会有惊喜
photoshop
二、制作键盘的背景。首先创建一个图层"背景"和填充颜色# 363636
点击本图片会有惊喜
photoshop
三、添加一些纹理的背景。复制背景层,命名为"学UI设计网 副本"滤镜>杂色>添加杂色,数量:60%,分布:平均分布,单色:选中,设置"学UI设计网 副本"层,模式:叠加,不透明度设置15%左右。
点击本图片会有惊喜
photoshop
点击本图片会有惊喜
photoshop
四、背景添加一个渐变灯光效果。设置前景色为白色。复制"学UI设计网副本"层,命名它为"梯度"。设置图层的填充为0%。图层样式>渐变叠加,混合模式:叠加,
样式:径向,
角度:90,
范围:117%,设置渐变颜色为前景色到透明(这就是为什么我们的前景为白色)。设置"梯度"层的叠加,不透明度设置15%左右。
点击本图片会有惊喜
photoshop
点击本图片会有惊喜
photoshop
五、现在,让我们开始创建拨号按钮。用椭圆来创建一个小圆圈。这将是按钮外的影子,我命名为"学UI设计网 圆"按钮(外)。"我的是约76像素。设置图层的填充为0%。图层样式斜面和浮雕,
样式:外斜面,
深度:441%,
方向:下,
大小:10px,
角度:90
高度:60;
全局光:勾选。
点击本图片会有惊喜
photoshop
现在,我们有我们的拨号按钮看起来像这样的外部:
点击本图片会有惊喜
photoshop
六、让我们内部的按钮。复制"学UI设计网 圆(外)"的形状,并重新命名为"学UI设计网 圆(内)"。设置"按钮(内)"形状图层的颜色(# 363636),设置填充不透明度为100%
点击本图片会有惊喜
photoshop
七、现在我们调整的图层样式。首先,我们先对"按钮的投影设置如下:
点击本图片会有惊喜
photoshop
八、现在让我们调整"按钮内阴影(内)"形状图层。
点击本图片会有惊喜
photoshop
九、现在我们要调整"按钮内发光(内)"形状图层。
点击本图片会有惊喜
photoshop
十、现在让我们改变斜面和浮雕的"按钮设置(内)"形状图层。
点击本图片会有惊喜
photoshop
十一、现在让我们改变"按钮渐变叠加设置(内)"形状图层。
点击本图片会有惊喜
photoshop
现在,调整后的所有这些层的设置,我们应该有这样的事情:
点击本图片会有惊喜
photoshop
十二、增加数字和字母的拨号。
点击本图片会有惊喜
photoshop
十三、组数和字母键,我们已经创建了一组(快捷键:ctrl+g)
点击本图片会有惊喜
photoshop
结论:现在你可以简单地复制图层组和变一下数字和字母的就可以了!你可以使用最终的图像作为参考,看看数字对应的字母。
点击本图片会有惊喜
photoshop

【绘制黑色质感电话数字拔号键盘的PS教程:

打赏

取消
扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

  • 您可能感兴趣
您需要登录后才可以回帖 登录 | 立即注册 微博登陆

本版积分规则 返回列表

查看:44 | 回复:0

官方微信

手机版

手机APP

地址:湖南声古丈县古阳镇广场区40号 ICP备案号: ( 湘ICP备10206431号 )
Copyright © 2001-2013 Comsenz Inc. All Rights Reserved.   Powered by Discuz! X3.4
快速回复 返回顶部 返回列表