有小伙伴提问,需要在ae软件中制作h5动画?具体该怎么做呢?h5动画也是制作动画教程的一种方法,区别就是展现形式不同,本质和mg动画差不多,特点就是运用效果突出人物本身,日常学习中我们可以从简单的操作入手学习h5动画,今天我们就以动画制作中常见的人物灵魂出窍特效来开始h5动画的学习吧。

步骤如下:

1.打开软件AE,新建一个合成,坐着的人物的视频的文件也导入进来合成中。

2.导入一张只有背景的图片的素材。

3.导入一段录制的人物站起来的视频作为鬼魂的素材。

4.新建一个灰色的纯色层,使用【钢笔工具】给纯色层上绘制人物的蒙版,给【蒙版路径】打上关键帧。

5.随着鬼魂视频的运动给人物纯色层的蒙版路径打上随着人物起立运动的关键帧。

6.将鬼魂的图层选择【Alpha遮罩上面的纯色层】,在对鬼魂图层进行独显。

7.将两个视频图层都显示出来,就会出现两个人物。

8.给鬼魂图层添加上【差异蒙版】的效果,将背景图层选择第三层的图片的无人物的背景。

9.对鬼魂的图层独显,将【差异蒙版】上面的【容差】的参数进行调整。

10.选择蒙版和鬼魂的图层复制一组,将图层模式选择【相加】,将【不透明度】降低。

11.将鬼魂的图层【Ctrl+Shift+C】创建预合成,新建一个纯色层。

12.给纯色层添加上【分形杂色】的效果,对参数进行调整,按Alt键点击【演变】前面的秒表添加上【time*250】的循环表达式。

13.给鬼魂的合成在添加上【置换贴图】的效果,在调整模式,对【水平和垂直】的位移设为25。

14.复制一层鬼魂的合成,添加上【实色合成】的效果,将颜色选择黑色。

15.给鬼魂的合成在添加上【完美辉光】的效果,对鬼魂的合成的颜色调整发光的效果。

16.最终效果如图所示。

上面介绍的人物灵魂出窍特效大家学习的如何?先从简单的h5动画入手,慢慢积累经验,争取早日创作出大场面的h5动画,小编希望大家在遇到ae软件的使用问题时及时提问,互相交流,更好的学习ae技术。

本篇文章使用以下硬件型号:联想小新Air15;系统版本:win10;软件版本:AE(CC2019)。

动漫制作都用html5吗,怎么制作h5动画?相关推荐

  1. 用html和css制作钟表,使用HTML5和CSS3制作简单的钟表

    利用html5,css实现钟摆效果 ,在项目中经常会遇到,今天小编把基于HTML5+CSS3实现简单的时钟效果的实现代码分享到脚本之家平台,需要的额朋友参考下吧 目的: 利用html5,css实现钟摆 ...

  2. 哪个相机可以拍gif动图_你见过最搞笑的gif是什么?那些搞笑的动图都是用什么gif制作app制作的?...

    话说每天上网冲浪的快乐源泉就是一些沙雕网友的沙雕动图了,有时候躺在床上刷微博.贴吧,真的是笑得全小区的灯都亮了,这种快乐我不能一个人独享,今天就来跟小伙伴分享我收藏的一些让人笑得满地找头的gif动图, ...

  3. HTML5期末大作业:动漫网站设计——火影忍者动漫(7页) 动漫HTML代码 学生漫画设计与制作期末作业下载 大学生动漫设计与制作成品下载 漫画作业代码下载

    HTML5期末大作业:动漫网站设计--火影忍者动漫(7页) 动漫HTML代码 学生漫画设计与制作期末作业下载 大学生动漫设计与制作成品下载 漫画作业代码下载 常见网页设计作业题材有 个人. 美食. 公 ...

  4. 如何制作一款HTML5 RPG游戏引擎——第五篇,人物人物特效

    上一次,我们实现了对话类,今天就来做一个游戏中必不可少的--人物类. 当然,你完全是可以自己写一个人物类,但是为了方便起见,还是决定把人物类封装到这个引擎里. 为了使这个类更有意义,我还给人物类加了几 ...

  5. 用Html5结合Qt制作一款本地化EXE游戏-太空大战(Space War)

    本次来说一说如何利用lufylegend.js引擎制作一款html5游戏后将其通过Qt转换成EXE程序.步骤其实非常简单,接下来就一步步地做一下解释和说明. 首先我们来开发一个有点类似于太空大战的游戏 ...

  6. 如何制作一款HTML5 RPG游戏引擎——第四篇,情景对话

    今天我们来实现情景对话.这是一个重要的功能,没有它,游戏将变得索然无味.所以我们不得不来完成它. 但是要知道,使用对话可不是一件简单的事,因为它内部的东西很多,比如说人物头像,人物名称,对话内容... ...

  7. php 3d animation,如何用HTML5的Canvas制作3D动画效果

    HTML5的诞生给web前端界带来了不小轰动,像什么动画旋转.图片滑块.图片轮播等等这些3D特效,也引发了不少朋友想要学习HTML5的好奇心.最近我一直在做canvas动画效果,发现canvas这个东 ...

  8. 如何制作一款HTML5 RPG游戏引擎——第三篇,利用幕布切换场景

    开言: 在RPG游戏中,如果有地图切换的地方,通常就会使用幕布效果.所谓的幕布其实就是将两个矩形合拢,直到把屏幕遮住,然后再展开直到两个矩形全部移出屏幕. 为了大家做游戏方便,于是我给这个引擎加了这么 ...

  9. 如何制作一款HTML5 RPG游戏引擎——第二篇,烟雨+飞雪效果

    今天我们来实现烟雨+飞雪效果.首先来说,一款经典的RPG游戏难免需要加入天气的变化.那么为了使我们的RPG游戏引擎更完美,我们就只好慢慢地实现它. 本文为该系列文章的第二篇,如果想了解以前的文章可以看 ...

最新文章

  1. Tether销毁5亿USDT;BCH将于11月15日硬分叉,SV-Pool已向普通矿工开放
  2. Neo4j-Cypher语言语法
  3. c语言结构体输入身高体重,c++:输入n名学生的身高体重,按身高排序输出并计算平均体重和身高...
  4. 风控项目-收集基础知识1
  5. 开发十年的程序员论:零基础自学Python,学习路径是什么?深思
  6. 通过 T3 协议使用 WebLogic RMI
  7. python3环境变量_配置环境变量切换到python3.7
  8. javax.validation.ValidationException: Unable to find a default provider
  9. 最近遇到的一些事情反思的结果
  10. 【题解】最近公共祖先
  11. 纪念我逝去的概率论基础
  12. 考研数据结构代码总结
  13. 生产质量分析报告常用模板汇总,质量人必备!
  14. 软件企业变更管理流程
  15. 冯诺依曼体系结构及三级缓存
  16. Prometheus监控docker容器
  17. [Python随笔]暴力解解决“崩铁”的引航罗盘解密
  18. 读《大话数据结构》溢彩加强版
  19. mysql重迭算法_一句话实现MySQL库中的重叠分组
  20. 软件项目实施原则规范

热门文章

  1. 教你学Python38-利用SVD简化数据
  2. 人生不该困于五环之外(3):3到5年离开五环之外
  3. 感慨颇多:清华差生10年奋斗经历
  4. 京东云引擎:免费好用的web应用托管平台
  5. thinkphp系列
  6. 小米mini路由小米3 PandoraBox下载地址
  7. 还在为不知道怎么学习网络安全而烦恼吗?这篇文带你从入门级开始学习网络安全—认识网络安全
  8. 深度学习-核对矩阵维度
  9. expert个人版 sqlite_SQLite Expert Personal下载
  10. RestCloud API接口管理平台