Photoshop绘制绚丽梦幻的循环播放按钮教程
有烟飘过 人气:0教大家用PhotoShop绘制一个绚丽梦幻的循环播放按钮效果,有点像个炸弹,哈哈~~喜欢的同学可以跟着做一下!
先看看 教程效果图吧:
![PhotoShop绘制绚丽梦幻的循环播放按钮教程 教程](https://img.qb5200.com/download-x/20201127/265745.jpg)
具体教程:
1..新建600*400大小文档,用蓝色柔软画笔在画布中间点一下,得到效果如下:
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265746.jpg)
2.新建图层,用椭圆选框工具按住shift键不放,画出正圆,填充颜色#ffb910,选区不要取消。
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265747.jpg)
3.给图形增加高光和阴影。新建图层,用白色柔软画笔在左上角点一下,用黑色画笔在右下角点一下,适当降低不透明度,取消选区。
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265748.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265749.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265750.jpg)
4.新建一层做倒影,用200px柔软画笔点一下,ctrl+T变换,压小,摆放好位置(图层放在黄色图层下面)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265751.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265752.jpg)
5.新建图层,我们开始做按钮。选择多边形工具,前景色为#2b0e00,
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265753.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265754.jpg)
6.给按钮图层设置图层样式,如下:
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265755.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265756.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265757.jpg)
7.在按钮图层下新建图层,做按钮高光,用柔软画笔画出一点白色高光,ctrl+T变形压扁,放在按钮周边,效果大致如下:
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265758.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265759.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265760.jpg)
8.做条电线,设置前景色#f0b420,画笔3px,画出电线路径,描边,模拟压力。图层放在黄色图层下面
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265761.jpg)
9.在黄色图层下新建图层,用矩形工具填充颜色#f0b420,摆放如下。ctrl+T变形,右击选择透视。摆放好位置。
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265762.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265763.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265764.jpg)
10.给图层设置图层样式,设置如下:
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265765.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265766.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265767.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265768.jpg)
拷贝图层样式,到电线图层,粘贴图层样式
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265769.jpg)
11.现在我们给整体添加梦幻的高光效果,按住ctrl键点击黄色图层,得到圆形选区。新建图层,用柔软画笔点一下,取消选区,将图层像右移动一点,
得到效果如下
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265770.jpg)
12另一边同样的方法:
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265771.jpg)
13。选择画笔工具,窗口--画笔,进行以下设置;
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265772.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265773.jpg)
14.画出高光,自己尝试用不同的颜色刷出背景高光。
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265774.jpg)
15.最后在最上面新增调整图层--色彩平衡,设置如下:
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265775.jpg)
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265776.jpg)
16.最后做整体调整,完工。
![bbs.16xx8.com](https://img.qb5200.com/download-x/20201127/265777.jpg)
加载全部内容