快捷搜索:  汽车  科技

音频波动动图怎么制作?制作一个音频旋钮

音频波动动图怎么制作?制作一个音频旋钮6、复制最底层,将其放在底层和阴影层中间,缩小5%,添加图层样式,如下图;5、为了打造深度感,我们添加一个影子,复制圆,颜色黑色,移到相应位置,羽化边缘,使其更逼真,同时降低透明度为75%,如下图;3、复制上一步的圆,更改为85%大小的圆,清除图层样式,重新设置,如下图;4、给此圆设置图层样式,斜面浮雕,描边,内阴影,内发光,渐变叠加,投影,具体如下图;设置参数后,如下图;

音频波动动图怎么制作?制作一个音频旋钮(1)

今天跟大家分享的这个教程是介绍如何制作音频旋转钮,话不多说,教程没什么难度,运用图层样式调效果,那我们开始吧~~~先看下效果图;

音频波动动图怎么制作?制作一个音频旋钮(2)

1、新建画布720*400px,分辨率72px,背景填充#2e2f31,使用椭圆工具,按住Shift画一个正圆,颜色#303030,如下图;

音频波动动图怎么制作?制作一个音频旋钮(3)

2、我们给其添加图层样式内阴影,投影,具体参数如下(最终效果参数需多尝试),如下图;

音频波动动图怎么制作?制作一个音频旋钮(4)

参数设置完成后,效果如下图;

音频波动动图怎么制作?制作一个音频旋钮(5)

3、复制上一步的圆,更改为85%大小的圆,清除图层样式,重新设置,如下图;

音频波动动图怎么制作?制作一个音频旋钮(6)

4、给此圆设置图层样式,斜面浮雕,描边,内阴影,内发光,渐变叠加,投影,具体如下图;

音频波动动图怎么制作?制作一个音频旋钮(7)

音频波动动图怎么制作?制作一个音频旋钮(8)

音频波动动图怎么制作?制作一个音频旋钮(9)

音频波动动图怎么制作?制作一个音频旋钮(10)

音频波动动图怎么制作?制作一个音频旋钮(11)

音频波动动图怎么制作?制作一个音频旋钮(12)

设置参数后,如下图;

音频波动动图怎么制作?制作一个音频旋钮(13)

5、为了打造深度感,我们添加一个影子,复制圆,颜色黑色,移到相应位置,羽化边缘,使其更逼真,同时降低透明度为75%,如下图;

音频波动动图怎么制作?制作一个音频旋钮(14)

音频波动动图怎么制作?制作一个音频旋钮(15)

6、复制最底层,将其放在底层和阴影层中间,缩小5%,添加图层样式,如下图;

音频波动动图怎么制作?制作一个音频旋钮(16)

音频波动动图怎么制作?制作一个音频旋钮(17)

音频波动动图怎么制作?制作一个音频旋钮(18)

音频波动动图怎么制作?制作一个音频旋钮(19)

音频波动动图怎么制作?制作一个音频旋钮(20)

添加完图层样式,效果图如下;

音频波动动图怎么制作?制作一个音频旋钮(21)

7、复制一层放到最上面,填充色改为0%,再复制一层,缩小5%,颜色#d7d7d7,给其添加图层样式,如下图;

音频波动动图怎么制作?制作一个音频旋钮(22)

音频波动动图怎么制作?制作一个音频旋钮(23)

音频波动动图怎么制作?制作一个音频旋钮(24)

设置完参数后,如下图;

音频波动动图怎么制作?制作一个音频旋钮(25)

8、复制一层,填充为0,添加图层样式渐变叠加,如下图;

音频波动动图怎么制作?制作一个音频旋钮(26)

9、画一个圆,按住ctrl alt t,旋转15度,三键 t进行复制,颜色为灰黑色,添加图层样式,如下图;

音频波动动图怎么制作?制作一个音频旋钮(27)

音频波动动图怎么制作?制作一个音频旋钮(28)

10、删除部分原点,再复制一层当做亮的指示灯,添加图层样式,如下图;

音频波动动图怎么制作?制作一个音频旋钮(29)

11、添加图层样式,如下图;

音频波动动图怎么制作?制作一个音频旋钮(30)

最终我们制作完成啦,运用的图层样式比较多,调细节,大家只需耐心些,反复调整参数即可,加油加油加油。

音频波动动图怎么制作?制作一个音频旋钮(31)

音频波动动图怎么制作?制作一个音频旋钮(32)

狂人学院

猜您喜欢: