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

ps设计播放器按钮(3)

来源:站酷 作者:wenjunliao 学习:11765人次

本教程主要使用Photoshop制作立体质感的播放器按钮,教程主要通过钢笔工具勾画形状,然后使用图层样式和渐变来完成立体效果和光感效果完成效果图

先看看效果图

Photoshop绘制立体大气的播放器按钮

1.渐变背景

文件>新建,尺寸为800X600像素,72分辨率的文件

在颜色面板,设置前景色值#eceff6,背景色值#bec1cc

图像>新建填充图层>渐变(确定)>下拉找到刚才设置的颜色>勾上(反向-仿色-与图层对齐)

Photoshop绘制立体大气的播放器按钮

Photoshop绘制立体大气的播放器按钮

2.创建和调整圆

Photoshop绘制立体大气的播放器按钮

用形状工具画3个圆,选择3个圆的图层,回到选择工具然后如下图点击红色部分对齐

Photoshop绘制立体大气的播放器按钮

Photoshop绘制立体大气的播放器按钮

3.样式

回到图层面板双击其中一个圆设置图层样式如下:

·斜面浮雕·内阴影·渐变叠加·外发光·阴影

Photoshop绘制立体大气的播放器按钮

窗口>样式>新建样式>确定

Photoshop绘制立体大气的播放器按钮

 

设置另外2个圆的只要点击保存的刚才保存的样式就可以了(如上图)。

Photoshop绘制立体大气的播放器按钮

4.创建真实阴影

复制一个圆,删除样式(拉到垃圾桶),CTRL+T缩小,填充颜色如下

Photoshop绘制立体大气的播放器按钮

滤镜>模糊>动感模糊

Photoshop绘制立体大气的播放器按钮

用矩形框选工具>删除多余部分,把图层放在圆的底层,透明度设置在25%-75%

Photoshop绘制立体大气的播放器按钮

5.斜面和浮雕

Photoshop绘制立体大气的播放器按钮

这是一个很简单的步骤,只需要一分钟。创建了一个更大的圈,重复刚才的步骤,

其中斜面浮雕和阴影设置如下。

Photoshop绘制立体大气的播放器按钮

现在你明白了图层样式的应用了,然后往里面增加播放按钮或者你喜欢图形。

Photoshop绘制立体大气的播放器按钮

 

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
张德帅2017-08-29 05:03
还是读书好
贝尔吃了凯文2014-04-25 08:18
学习了
贝尔吃了凯文2014-04-25 08:04
学习了
俺是小李庄来的2014-04-24 01:36
老师好利害
红酒_冰块2014-04-24 12:23
好象好多东西还是不理解啊
晶彩人生go2014-04-24 12:08
还要学习学习啊
爱你成夢2014-04-23 06:07
效果很好~~~~~~~~支持你
情用劇毒2014-04-23 03:16
适用,谢谢~
蔡昌吉2014-04-23 11:51
很漂亮
麦兜好纠结2014-04-23 10:01
学习了看看行吗?
深血坦2014-04-23 08:26
有点不好弄
记忆淩乱不堪2014-04-23 05:42
脱了裤子放屁!
阡陌大地2014-04-23 05:41
照着做了下 每步都能做 但效果没楼主好

关注大神微博加入>>

网友求助,请回答!