Photoshop设计梦幻炫彩的播放器按钮教程

2016-02-16 03:34 21 1 收藏

下面是个简单易学的Photoshop设计梦幻炫彩的播放器按钮教程教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - PS 】

先看看效果图吧:

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

具体教程:

1..新建600*400大小文档,用蓝色柔软画笔在画布中间点一下,得到效果如下:

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

2.新建图层,用椭圆选框工具按住shift键不放,画出正圆,填充颜色#ffb910,选区不要取消。

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

3.给图形增加高光和阴影。新建图层,用白色柔软画笔在左上角点一下,用黑色画笔在右下角点一下,适当降低不透明度,取消选区。

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

4.新建一层做倒影,用200px柔软画笔点一下,ctrl+T变换,压小,摆放好位置(图层放在黄色图层下面)

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

5.新建图层,我们开始做按钮。选择多边形工具,前景色为#2b0e00,

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/ps/)

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

6.给按钮图层设置图层样式,如下:

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

7.在按钮图层下新建图层,做按钮高光,用柔软画笔画出一点白色高光,ctrl+T变形压扁,放在按钮周边,效果大致如下:

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

8.做条电线,设置前景色#f0b420,画笔3px,画出电线路径,描边,模拟压力。图层放在黄色图层下面

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

9.在黄色图层下新建图层,用矩形工具填充颜色#f0b420,摆放如下。ctrl+T变形,右击选择透视。摆放好位置。

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

10.给图层设置图层样式,设置如下:

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

拷贝图层样式,到电线图层,粘贴图层样式

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

11.现在我们给整体添加梦幻的高光效果,按住ctrl键点击黄色图层,得到圆形选区。新建图层,用柔软画笔点一下,取消选区,将图层像右移动一点,得到效果如下

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

12另一边同样的方法:

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

13。选择画笔工具,窗口--画笔,进行以下设置;

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

14.画出高光,自己尝试用不同的颜色刷出背景高光。

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

15.最后在最上面新增调整图层--色彩平衡,设置如下:

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

16.最后做整体调整,完工。

Photoshop设计梦幻炫彩的播放器按钮教程,PS教程,图老师教程网

来源:https://www.tulaoshi.com/n/20160216/1567549.html

延伸阅读
播放器折纸视频教程 通过自己动手来制作播放器摆在桌上是一个不错的选择,制作的时候到最后可能一些步骤可能没有那么的顺利,那么就需要我们的细心了,如果我们一步步的去做,相信一定会做好的。首先就先根据视频来学一遍,看看玫瑰盒子是怎么折出来的吧。 播放器折纸步骤教程 准备材料:彩色正方形 1、沿着对边互角对折一下,在对折...
来源:活力盒子 作者:Luycas 本教程的效果图制作的非常小巧,很适合用到一些可以播放音乐的网页中。制作方法也比较简单,播放器的每一个部件基本上都是用图层样式来表现立体及浮雕效果,只要注意好图形的层次关系,我们就可以分层来完成效果图。 最终效果 1、第一步是我们创建一个黑色径向渐变的背景。在任何颜色tulaoshi的油漆层,添...
标签: PS PS基础
通过本教程你将学习到如何使用PS图层样式添加流畅精致的质感;如何打造细腻的渐变,让组件看起来栩栩如生;如何设计交互性优秀的组件按钮。用PS中的矢量形状以及图层样式打造精致的音乐播放器组件。界面设计一定要保持简约,保证原汁原味的内容,一眼即知的操作方式。 先看看效果图 01.创建一个容器图层 圆角矩形,半径6px。图层样式 渐...
标签: PS PS基础
在PremiumPixels上看到N多可供下载的网页设计PSD文件,都非常精美。但它只提供了现成的文件,并没有提供教程,那么我就通过源文件自己摸索,向Orman Clark学习一下如何做出如此漂亮的作品。 先看看效果图 下面是教程开始 二、新建一个图层,选择圆角矩形工具(U),在工具属性栏中填入宽度360像素、高度30像素,半径为2个像素,画一个圆...

经验教程

991

收藏

14
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部