当前位置:设计先锋 > 设计教程

PS制作逼真的心电图GIF动画

本节教程为大家讲解如何利用photoshop制作逼真的心电图GIF动画效果,一起来学习一下吧!!
最终效果:
PS制作逼真的心电图GIF动画效果,设计先锋网

详细操作步骤如下:
1、文件 - 新建
PS制作逼真的心电图GIF动画效果,设计先锋网

2、建一个参考线
PS制作逼真的心电图GIF动画效果,设计先锋网

3、设置如图
PS制作逼真的心电图GIF动画效果,设计先锋网

4、填充
PS制作逼真的心电图GIF动画效果,设计先锋网

黑色
PS制作逼真的心电图GIF动画效果,设计先锋网

5、新建图层
PS制作逼真的心电图GIF动画效果,设计先锋网

6、选择钢笔工具 为了直观 上图
PS制作逼真的心电图GIF动画效果,设计先锋网

7、绘制心电图图表
PS制作逼真的心电图GIF动画效果,设计先锋网

8、选择画笔工具,为了直观如下图
PS制作逼真的心电图GIF动画效果,设计先锋网

调一下画笔大小 我选择3px
PS制作逼真的心电图GIF动画效果,设计先锋网

9、再次选择钢笔工具 右键 描边路径
PS制作逼真的心电图GIF动画效果,设计先锋网

PS制作逼真的心电图GIF动画效果,设计先锋网

10、好了 路径已经没必要了 可以删除了
PS制作逼真的心电图GIF动画效果,设计先锋网

11、参考线也没有必要了 删除 还是隐藏 随你的便 我是选择隐藏
PS制作逼真的心电图GIF动画效果,设计先锋网

12、新建图层
PS制作逼真的心电图GIF动画效果,设计先锋网

13、选择矩形选框工具 为了直观 如下图
PS制作逼真的心电图GIF动画效果,设计先锋网

PS制作逼真的心电图GIF动画效果,设计先锋网

14、选择渐变工具 为了直观 上图
PS制作逼真的心电图GIF动画效果,设计先锋网

PS制作逼真的心电图GIF动画效果,设计先锋网

PS制作逼真的心电图GIF动画效果,设计先锋网

15、按住shift这么拉出渐变
PS制作逼真的心电图GIF动画效果,设计先锋网

PS制作逼真的心电图GIF动画效果,设计先锋网

16、解锁蒙版和图层的关系 点一下锁图表即可
PS制作逼真的心电图GIF动画效果,设计先锋网

17、解锁后 把图层2的蒙版 拉到 图层3 去
PS制作逼真的心电图GIF动画效果,设计先锋网

应该是这样子的
PS制作逼真的心电图GIF动画效果,设计先锋网

PS制作逼真的心电图GIF动画效果,设计先锋网

18、复制帧之前把光波条拉到最左边 然后复制帧之后再拉到最右边
PS制作逼真的心电图GIF动画效果,设计先锋网

19、点动画帧过度
PS制作逼真的心电图GIF动画效果,设计先锋网

帧数随你了
PS制作逼真的心电图GIF动画效果,设计先锋网

20、最后一步 要保存了
PS制作逼真的心电图GIF动画效果,设计先锋网

最终效果:
PS制作逼真的心电图GIF动画效果,设计先锋网

 

标签:ps实例教程

分享到

网站首页|电脑版|返回顶部