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

love阴志文

love阴志文

2016-02-16 03:34

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

先看看效果图吧:

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

具体教程:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/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教程,图老师教程网

展开更多 50%)
分享

猜你喜欢

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

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

Photoshop设计炫彩效果的播放器喇叭图标

PS PS基础
Photoshop设计炫彩效果的播放器喇叭图标

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

播放器按钮的制作

PS PS基础 ps平面设计教程 ps去水印教程
播放器按钮的制作

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

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

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

Photoshop制作精致的媒体播放器按钮

PS PS基础 PS效果
Photoshop制作精致的媒体播放器按钮

Photoshop制作粉色质感的播放器按钮效果

PS PS基础
Photoshop制作粉色质感的播放器按钮效果

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Photoshop制作青花瓷花纹图案字体教程

Photoshop制作青花瓷花纹图案字体教程

Photoshop使用通道把动物照片变清晰效果

Photoshop使用通道把动物照片变清晰效果
下拉加载更多内容 ↓