计算机视频教程

 找回密码
 注册

QQ登录

只需一步,快速开始

用百度帐号登录

只需一步,快速登录

扫一扫,访问微社区

土豆登陆

每个人都是生活导演

快捷导航
搜索
返回列表 发新帖

1、本站文字类教程会同时同步到手机APP上,为了方便你学习,请扫描本站任意页面上的二维码,下载安装手机APP。
2、微信公众号“计算机电脑教程”上的内容也在不定期更新,欢迎关注学习
3、VIP钻石级会员可无限制下载本站所有教程。你可以扫描本站任意页面上的二维码,下载安装客户端。然后在“发现--签到赚积分”里签到赚取积分,之后就可以到“发现--积分商城”里兑换VIP会员了。如果你觉得签到很麻烦,也可以打开“我的--好友”,点击右上角的添加好友按钮,搜索“人在天涯”,添加好友后,可付费开通会员
4、本站目前已经分享了上万GB教程。大量教程还在整理中,最近会逐步分享出来,希望对你有用
5、由于教程太多,难免有重复内容,大量下载前请注意筛选。

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

[复制链接]   [推荐给好友]
发表于 2017-8-30 23:04:20 | 显示全部楼层 |阅读模式


马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?注册 | 绑定百度账号 土豆登陆

x
本教程主要使用Photoshop绘制立体感十足的电话拨号键盘,教程难度一般,质感部分主要是通过ps图层样式来制作的。感兴趣的朋友让我们一起来学习吧。我们先来看看最终的效果图吧:
绘制黑色质感电话数字拔号键盘的PS教程


关键是要找准突出的小细节,如阴影,照明,和挤压的边缘。在本教程中,您将学习如何使用形状图层和图层样式制作电话拨号按钮!
具体的制作步骤如下:
一、开始新建一个600*600的图层。
绘制黑色质感电话数字拔号键盘的PS教程


二、制作键盘的背景。首先创建一个图层"背景"和填充颜色# 363636
绘制黑色质感电话数字拔号键盘的PS教程


三、添加一些纹理的背景。复制背景层,命名为"学UI设计网 副本"滤镜>杂色>添加杂色,数量:60%,分布:平均分布,单色:选中,设置"学UI设计网 副本"层,模式:叠加,不透明度设置15%左右。
绘制黑色质感电话数字拔号键盘的PS教程

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


四、背景添加一个渐变灯光效果。设置前景色为白色。复制"学UI设计网副本"层,命名它为"梯度"。设置图层的填充为0%。图层样式>渐变叠加,混合模式:叠加,
样式:径向,
角度:90,
范围:117%,设置渐变颜色为前景色到透明(这就是为什么我们的前景为白色)。设置"梯度"层的叠加,不透明度设置15%左右。
绘制黑色质感电话数字拔号键盘的PS教程

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


五、现在,让我们开始创建拨号按钮。用椭圆来创建一个小圆圈。这将是按钮外的影子,我命名为"学UI设计网 圆"按钮(外)。"我的是约76像素。设置图层的填充为0%。图层样式斜面和浮雕,
样式:外斜面,
深度:441%,
方向:下,
大小:10px,
角度:90
高度:60;
全局光:勾选。
绘制黑色质感电话数字拔号键盘的PS教程


现在,我们有我们的拨号按钮看起来像这样的外部:
绘制黑色质感电话数字拔号键盘的PS教程


六、让我们内部的按钮。复制"学UI设计网 圆(外)"的形状,并重新命名为"学UI设计网 圆(内)"。设置"按钮(内)"形状图层的颜色(# 363636),设置填充不透明度为100%
绘制黑色质感电话数字拔号键盘的PS教程

 

                                                  




上一篇:鼠绘白色可爱音乐播放图标面板的PS教程
下一篇:鼠绘漂亮水灵女生眼睛图片的PS教程
楼主热帖
回复

使用道具 举报

 楼主| 发表于 2017-8-30 23:04:28 | 显示全部楼层


七、现在我们调整的图层样式。首先,我们先对"按钮的投影设置如下:
绘制黑色质感电话数字拔号键盘的PS教程


八、现在让我们调整"按钮内阴影(内)"形状图层。
绘制黑色质感电话数字拔号键盘的PS教程


九、现在我们要调整"按钮内发光(内)"形状图层。
绘制黑色质感电话数字拔号键盘的PS教程


十、现在让我们改变斜面和浮雕的"按钮设置(内)"形状图层。
绘制黑色质感电话数字拔号键盘的PS教程


十一、现在让我们改变"按钮渐变叠加设置(内)"形状图层。
绘制黑色质感电话数字拔号键盘的PS教程


现在,调整后的所有这些层的设置,我们应该有这样的事情:
绘制黑色质感电话数字拔号键盘的PS教程


十二、增加数字和字母的拨号。
绘制黑色质感电话数字拔号键盘的PS教程


十三、组数和字母键,我们已经创建了一组(快捷键:ctrl g)
绘制黑色质感电话数字拔号键盘的PS教程


结论:现在你可以简单地复制图层组和变一下数字和字母的就可以了!你可以使用最终的图像作为参考,看看数字对应的字母。
绘制黑色质感电话数字拔号键盘的PS教程
老兄,装机修电脑也能赚外快!你只需在装机时把2345.com设为主页,就可以永久赚积分,每月换礼品,安装好压和电脑管家也能赚积分。到这里注册
您需要登录后才可以回帖 登录 | 注册 | 绑定百度账号 土豆登陆

本版积分规则

计算机视频教程X

更多视频教程下载地址,请安装手机APP

各位会员,如需下载更多视频教程、娱乐饭拍,请先安装本站手机APP。更多精彩内容将在APP上提供下载地址。并为VIP会员提供一键转存服务【百度网盘】。...

点击查看详情 

QQ|意见反馈|关于我们|手机APP|小黑屋|Archiver|计算机视频教程 ( 陕ICP备08104168号-2|网站地图  无标题文档

论 坛 声 明

本站提供的电脑软件及视频教程均收集整理于网络,版权属于原作者,假若內容有涉及侵权,请立即联络我们(站长QQ:1713 67 5637)。我们將立刻从网站上刪除,并向所有持版权者致最深的歉意。

GMT+8, 2017-10-18 22:47 , Processed in 0.505246 second(s), 190 queries , Gzip On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表