HTML5融媒体开发-再修课程

龙莉娜

目录

  • 1 H5页面制作基础
    • 1.1 长图新闻故事“节日里的城市守护者”
    • 1.2 关键帧动画
    • 1.3 序列帧和关键帧结合
    • 1.4 元件动画
    • 1.5 元件动画和关键帧结合
    • 1.6 行为
    • 1.7 变形动画
    • 1.8 进度动画
  • 2 行为、触发条件与交互
    • 2.1 了解行为与触发条件的作用
    • 2.2 交互控制基本原理及图层和帧的操作
    • 2.3 “看图猜成语”游戏
    • 2.4 “电影洗印设备拼图”游戏
  • 3 帧动画设计、制作与应用
    • 3.1 帧动画的基本制作——油菜花节宣传广告
    • 3.2 交互帧动画制作——把精彩留给自己公益 广告
    • 3.3 运动镜头帧动画制作——‘中国电影博物馆’宣传介绍
    • 3.4 逐帧交互动画“风景如画”
    • 3.5 任务训练
  • 4 特型动画
    • 4.1 制作基本特型动画
    • 4.2 交互动画“走进云南”旅游宣传
    • 4.3 元件、元件动画设计与制作
  • 5 实用工具及其应用
    • 5.1 虚拟现实工具
    • 5.2 微信定制工具
    • 5.3 图表工具
    • 5.4 表单工具和数据统计
交互动画“走进云南”旅游宣传

      

6.2 效果演示动画

       6.2 制作方法讲解视频


实训——护眼台灯产品广告制作

项目案例：某企业的一款护眼台灯的宣传页面。页面内容包括：企业标志、企业名称、产品样本、产品名称等。页面显示效果：页面内容用不同的动画形式，按照企业标志、名称、产品样本、产品名称以2秒为时间间隔进入页面，产品名称能够在产品样本、产品名称进入页面后晃动5秒。

页面版式效果如下图示：

操作视频

实训素材