建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

当前位置: 建站学 > 图像设计 > Photoshop教程 >

Photoshop制作GIF动画效果逼真的心电图教程

时间:2011-08-21 09:15来源: 作者: 点击:
效果 详细教程 文件 - 新建 建一个参考线 设置如图 填充 黑色 新建图层     选择钢笔工具 为了直观 上图 绘制心电图图表 选择画笔工具 为了直观 上图 调一下画笔大小 我选择3px 再次选择钢笔工具 右键 描边路径

效果


详细教程

文件 - 新建

Photoshop制作逼真的心电图GIF动画效果,破洛洛

建一个参考线

Photoshop制作逼真的心电图GIF动画效果,破洛洛

设置如图

Photoshop制作逼真的心电图GIF动画效果,破洛洛

填充

Photoshop制作逼真的心电图GIF动画效果,破洛洛

黑色

Photoshop制作逼真的心电图GIF动画效果,破洛洛

新建图层

Photoshop制作逼真的心电图GIF动画效果,破洛洛

 

 

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

Photoshop制作逼真的心电图GIF动画效果,破洛洛

绘制心电图图表

Photoshop制作逼真的心电图GIF动画效果,破洛洛

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

Photoshop制作逼真的心电图GIF动画效果,破洛洛

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

Photoshop制作逼真的心电图GIF动画效果,破洛洛

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

Photoshop制作逼真的心电图GIF动画效果,破洛洛

Photoshop制作逼真的心电图GIF动画效果,破洛洛

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

Photoshop制作逼真的心电图GIF动画效果,破洛洛

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

Photoshop制作逼真的心电图GIF动画效果,破洛洛

 

 

新建图层

Photoshop制作逼真的心电图GIF动画效果,破洛洛

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

Photoshop制作逼真的心电图GIF动画效果,破洛洛

Photoshop制作逼真的心电图GIF动画效果,破洛洛

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

Photoshop制作逼真的心电图GIF动画效果,破洛洛

Photoshop制作逼真的心电图GIF动画效果,破洛洛

Photoshop制作逼真的心电图GIF动画效果,破洛洛

按住shift这么拉出渐变

Photoshop制作逼真的心电图GIF动画效果,破洛洛

Photoshop制作逼真的心电图GIF动画效果,破洛洛

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

Photoshop制作逼真的心电图GIF动画效果,破洛洛

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

Photoshop制作逼真的心电图GIF动画效果,破洛洛

 

 

应该是这样子的

Photoshop制作逼真的心电图GIF动画效果,破洛洛

Photoshop制作逼真的心电图GIF动画效果,破洛洛

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

Photoshop制作逼真的心电图GIF动画效果,破洛洛

点动画帧过度

Photoshop制作逼真的心电图GIF动画效果,破洛洛

帧数随你了

Photoshop制作逼真的心电图GIF动画效果,破洛洛

最后一步 要保存了

Photoshop制作逼真的心电图GIF动画效果,破洛洛

完成最终效果如下

Photoshop制作逼真的心电图GIF动画效果,破洛洛

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片