首页 > ps教程 >

Photoshop制作GIF动画:PS心电图效果动画教程

ps教程 2023-06-20

效果预览

Photoshop制作GIF动画:PS心电图效果动画教程

PS心电图效果动画 教程:

文件 - 新建

Photoshop制作GIF动画:PS心电图效果动画教程

建一个参考线

Photoshop制作GIF动画:PS心电图效果动画教程

设置如图

Photoshop制作GIF动画:PS心电图效果动画教程

填充

Photoshop制作GIF动画:PS心电图效果动画教程

黑色

Photoshop制作GIF动画:PS心电图效果动画教程

新建图层

Photoshop制作GIF动画:PS心电图效果动画教程

选择钢笔工具 为了直观 上图

Photoshop制作GIF动画:PS心电图效果动画教程

绘制心电图图表

Photoshop制作GIF动画:PS心电图效果动画教程

选择画笔工具 为了直观 上图

Photoshop制作GIF动画:PS心电图效果动画教程
 

调一下画笔大小 我选择3px

Photoshop制作GIF动画:PS心电图效果动画教程

再次选择钢笔工具 右键 描边路径

Photoshop制作GIF动画:PS心电图效果动画教程

Photoshop制作GIF动画:PS心电图效果动画教程

好了 路径已经没必要了 可以删除了

Photoshop制作GIF动画:PS心电图效果动画教程

参考线也没有必要了 删除 还是隐藏 随你的便 我是选择隐藏

Photoshop制作GIF动画:PS心电图效果动画教程

新建图层

Photoshop制作GIF动画:PS心电图效果动画教程

选择矩形选框工具 为了直观 上图

Photoshop制作GIF动画:PS心电图效果动画教程

Photoshop制作GIF动画:PS心电图效果动画教程

选择渐变工具 为了直观 上图

Photoshop制作GIF动画:PS心电图效果动画教程

Photoshop制作GIF动画:PS心电图效果动画教程

Photoshop制作GIF动画:PS心电图效果动画教程
 

按住shift这么拉出渐变

Photoshop制作GIF动画:PS心电图效果动画教程

Photoshop制作GIF动画:PS心电图效果动画教程

解锁蒙版和图层的关系 点一下锁图表即可

Photoshop制作GIF动画:PS心电图效果动画教程

解锁后 把图层2的蒙版 拉到 图层3 去

Photoshop制作GIF动画:PS心电图效果动画教程

应该是这样子的

Photoshop制作GIF动画:PS心电图效果动画教程

Photoshop制作GIF动画:PS心电图效果动画教程

复制帧之前把光波条拉到最左边 然后复制帧之后再拉到最右边

Photoshop制作GIF动画:PS心电图效果动画教程

点动画帧过度

Photoshop制作GIF动画:PS心电图效果动画教程

帧数随你了

Photoshop制作GIF动画:PS心电图效果动画教程

最后一步 要保存了

Photoshop制作GIF动画:PS心电图效果动画教程

完成最终效果如下

Photoshop制作GIF动画:PS心电图效果动画教程


Copyright © 2016-2023 office学习教程网 office.tqzw.net.cn. All Rights Reserved.