PS制作波浪心跳线教程

来源:网络   作者:热心网友   发布时间:2012-10-31    浏览次数:1570

本节教程主要介绍如何制作跳动线条效果的动态图,在制作中我们主要利用了蒙版,学习比较简单,喜欢的同学可以学习一下,方法学会以后,可以做出许多其它不同的效果。
最终效果:
Photoshop制作跳动的波浪线条动态图,设计先锋网

具体的制作方法介绍如下:
1.新建500X150PX文档,填充一个底色
Photoshop制作跳动的波浪线条动态图,设计先锋网

2.用钢笔画个波浪线
Photoshop制作跳动的波浪线条动态图,设计先锋网

3.新建图层,用画笔描给路径描边,大小为3,点路径下方空白处,隐藏路径返回图层
Photoshop制作跳动的波浪线条动态图,设计先锋网

4.按住CTRL键,点击图层1透明处,把线条载入选区
Photoshop制作跳动的波浪线条动态图,设计先锋网

5.载入选区后,点添加图层蒙板
Photoshop制作跳动的波浪线条动态图,设计先锋网

6.新建一层,在左端框选部分,点渐变工具,调出渐变编辑器,调出如下渐变
Photoshop制作跳动的波浪线条动态图,设计先锋网

如何调出渐变编辑器请看图中两红框,这一步图是后来加上的...
Photoshop制作跳动的波浪线条动态图,设计先锋网

7.渐变调好,在选区内拉一个渐变(如下图),CTRL+D 取消选择
Photoshop制作跳动的波浪线条动态图,设计先锋网

8.把图层1中间的链接按钮去掉
Photoshop制作跳动的波浪线条动态图,设计先锋网

9.把图层蒙板拖到上一个图层,并取消图层1的显示或直接删除
Photoshop制作跳动的波浪线条动态图,设计先锋网

10.窗口--动画,调出动画面板
Photoshop制作跳动的波浪线条动态图,设计先锋网

11.鼠标点图层2前面红框处,然后用键盘方向键向左移或用鼠标向左拖,仅留一点线露出外面,本来是全部移到左边看不见的,但看不见了怕让人不明白,所以还是留一点吧Photoshop制作跳动的波浪线条动态图,设计先锋网

12.动画面板,复制当前帧,再用上一步的方法,把渐变拖到右边,按住SHIFT键再拖 就能保持水平移动。Photoshop制作跳动的波浪线条动态图,设计先锋网

13.选中第一帧,点过渡,输入25帧,确定,这样就做完了。
Photoshop制作跳动的波浪线条动态图,设计先锋网

最终效果:
Photoshop制作跳动的波浪线条动态图,设计先锋网

 

联盟广告
×

感觉还不错,那就赞助一下吧!您的鼓励就是我们坚持的动力!

打赏说明:您的赞助我们将用于购买网络带宽和优质设计资源,提升用户体验!

相关推荐

http://www.shejixf.com/PSjiaocheng/PSshili/1024.html
×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

一键快速登录后才能下载本站资源

新会员登录即可获取5学币奖励,超爽下载!

×

充值学币 立即开通