当前位置:首页>ps实例教程>ps网页设计>按钮图标>教程内容

PS逼真按键教程

来源:不详 作者:隐风 学习:5383人次

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

PS逼真按键教程

具体的制作步骤如下:

新建空白文件3000×3000像素,72dpi

点击渐变工具,将渐变类型设置为径向渐变,并勾选"反向",渐变条颜色从左到右设置为#084e78和#318cc1,从中间向四周拖动光标

PS逼真按键教程

PS逼真按键教程

新建一个组,在组内进行绘制。单击自定义形状的椭圆工具,按住shift键绘制一个圆形,双击图层添加图层样式,勾选"内发光""渐变叠加"如图

PS逼真按键教程

设置内发光的颜色为白色,渐变条的颜色为#aaaaaa和#f7f7f7

PS逼真按键教程

 

PS逼真按键教程

在大圆内绘制一个稍小一圈的小圆,按住shift键绘制小圆,并用移动工具将小圆拖拽到大圆中央,双击图层添加样式,勾选"斜面和浮雕""内发光"和"渐变叠加",如图

PS逼真按键教程

内发光的颜色为白色,渐变条的颜色从左到右为#9e9e9e和#e2e2e2。

PS逼真按键教程

PS逼真按键教程

 

PS逼真按键教程

 

点击形状工具,选择圆角矩形工具,将半径设置为30,按住shift键绘制一个正的圆角矩形,并用移动工具将这个矩形拖拽到小圆的中央,双击图层设置图层样式,勾选"斜面和浮雕""渐变叠加"如图

PS逼真按键教程

渐变条的颜色从左到右为#f0f0f0和#fdfdfd。

PS逼真按键教程

PS逼真按键教程

Ctrl+J复制圆角矩形这个图层,把下面原图层的图层样式删掉,ctrl+T变形,按住shift+alt键同时拖动变换框,放大几个像素,绘制边缘框。

 

PS逼真按键教程

新建图层,这一层为按键添加阴影。使用钢笔工具,绘制路径如图。

PS逼真按键教程

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
_未央2014-04-30 06:04
<给力><给力><给力>
lixiaopaul2014-04-29 06:50
做的不错,学习下<给力>
705122014-04-29 11:51
学习

关注大神微博加入>>

网友求助,请回答!