IT资讯/Arp软件下载站!┆ 最新软件 最新文章 最新手机 UFO外星人 网站分类

您当前的位置→图文中心软件教程如何做出“Levi's最酷夏天”这样的互动广告

如何做出“Levi's最酷夏天”这样的互动广告


2015/6/7 19:54:33 编辑:admin 来源:本站整理 
今天给大家分享如何做出“Levi's最酷夏天”这样的互动广告软件教程文章。喜欢的可以分享如何做出“Levi's最酷夏天”这样的互动广告给你的好友。

最近Levi's“换”醒你的夏天国内首个Cinemagraphic互动广告很火。

  什么?

  你没听说过?

  不知道没关系, 旋转门在这里:Levi's“换”醒你的夏天 国内首个Cinemagraphic互动广告

  http://www.digitaling.com/projects/14516.html

  那么如何才能做出这样一款高大上的互动广告呢?

  小编就从H5制作的角度来谈一谈, 这样的广告究竟使用了哪些技术。

  Canvas技术

  Canvas是一种可以将整个H5当作photoshop画布的一种处理办法。 在之前我们常见的互动广告中都有用到。

  比如大众点评的“我们之间就一个字”

如何做出“Levi's最酷夏天”这样的互动广告 arpun.com

  Canvas把H5网页当作画布来使用, 可以在上面画出位图, 画出AE特效, 实现各种神奇的效果。

  Sprite动画技术

  Sprite是将多张图片逐桢显示, 呈现出动画效果的一种技术。 Cinemagraph效果的核心实现, 正是采用了这一技术。

  以Leves这个广告为例, 图片中女孩头发飘动的效果, 就是用了不同的桢, 反复在画布上绘制。

  那sprite动画相比传统的gif动画,有哪些优势呢?

  1.sprite动画可以控制画布, 只改变局部区域, 因此动画的尺寸更小, 更节省流量, 加载速度更快。 在同样加载速度的情况下, 画面可以更精致。

  2.sprite动画可以更方便的增加交互功能, 比如滑动手指, 画面跟随手指运动。

  触摸路径检测

  在推动女孩荡秋千的时候, 用户被提示要画一条圆弧, 才能完成推动的操作。

  同样在扬起水龙头的时候, 也需要画一条弧线。

  这里H5需要检测用户是否画了一条圆弧。

12下一页

喜欢软件教程这篇文章的网友不妨去看看下面的文章:
  • 如何做出“Levi's最酷夏天”这样的互动广告→去看看
  • 相关文章
  • 混乱特工如何汉化
  • 电脑管家怎么设置白名单?电脑管家如何设置白名单?
  • 360如何添加白名单?360安全卫士添加信任白名单的方法
  • 电脑如何定时关机?电脑管家定时关机怎么设置?
  • 如何解决快用苹果助手闪退?快用苹果助手修复闪退怎么办?
  • 花椒直播中花椒豆充值方法详解?如何充值花椒直播
  • iTunes如何取消电脑授权的方法?教你用iTunes取消电脑授权
  • 如何保护眼睛?眼睛保护软件下载
  • 发表评论
    栏目列表
    阅读排行
    网站帮助 - 广告合作 - 下载声明 - 网站地图