手机端

|

你好,欢迎来到贵州新华电脑学院!

您所在位置:贵州新华电脑学院 > 学习园地 > 平面教程 > 正文

Photoshop制作跳动的波浪线条

来源:52photoshop  添加时间:07-06

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

下面是效果图:

Photoshop制作跳动的波浪线条动态图,52photoshop教程

具体的制作方法介绍如下:

1.新建500X150PX文档,填充一个底色

Photoshop制作跳动的波浪线条动态图,52photoshop教程

2.用钢笔画个波浪线

Photoshop制作跳动的波浪线条动态图,52photoshop教程

3.新建图层,用画笔描给路径描边,大小为3,点路径下方空白处,隐藏路径返回图层

Photoshop制作跳动的波浪线条动态图,52photoshop教程

4.按住CTRL键,点击图层1透明处,把线条载入选区

Photoshop制作跳动的波浪线条动态图,52photoshop教程

5.载入选区后,点添加图层蒙板

Photoshop制作跳动的波浪线条动态图,52photoshop教程

6.新建一层,在左端框选部分,点渐变工具,调出渐变编辑器,调出如下渐变

Photoshop制作跳动的波浪线条动态图,52photoshop教程

如何调出渐变编辑器请看图中两红框,这一步图是后来加上的...

Photoshop制作跳动的波浪线条动态图,52photoshop教程

7.渐变调好,在选区内拉一个渐变(如下图),CTRL+D 取消选择

Photoshop制作跳动的波浪线条动态图,52photoshop教程

8.把图层1中间的链接按钮去掉

Photoshop制作跳动的波浪线条动态图,52photoshop教程

9.把图层蒙板拖到上一个图层,并取消图层1的显示或直接删除

Photoshop制作跳动的波浪线条动态图,52photoshop教程

10.窗口--动画,调出动画面板

Photoshop制作跳动的波浪线条动态图,52photoshop教程

11.鼠标点图层2前面红框处,然后用键盘方向键向左移或用鼠标向左拖,仅留一点线露出外面,本来是全部移到左边看不见的,但看不见了怕让人不明白,所以还是留一点吧

Photoshop制作跳动的波浪线条动态图,52photoshop教程

12.动画面板,复制当前帧,再用上一步的方法,把渐变拖到右边,按住SHIFT键再拖 就能保持水平移动。

Photoshop制作跳动的波浪线条动态图,52photoshop教程

13.选中第一帧,点过渡,输入25帧,确定,这样就做完了。

Photoshop制作跳动的波浪线条动态图,52photoshop教程

最终效果!

Photoshop制作跳动的波浪线条动态图,52photoshop教程

分享到: