图小白:简单教你制作天猫的动态海报

从去年开始一系列动态海报开始大火,尤其是天猫发布了多款动态海报。和静态海报相比,动态元素更吸引眼球,那么怎么做呢?看下边吧~

方法1:专业人士可用PS、AE软件制作

动态海报我们可以简单分为两个部分,一个是动态的元素,一个是静态的元素。

以下图海报为例,动态的元素分别为妈妈和女儿的头发、女儿的手臂、妈妈的手腕、放晒喷雾;静态元素为整个画背景,还有图中文字。

简单说下原理:

PS是多个图层叠加效果,类似于定格动画,拍一张换一个位置,最后生成多个图层,导出GIF,形成动态效果。

很多个图层,每个图层的动态元素位置都是不一样的

AE是放入一个动态视频作为背景,然后在背景上添加文字,最后导出为GIF。

(无图)简单说就是妈妈给孩子喷防晒的动作用视频表现出来(mp4或其他视频格式),再添加文字,导出GIF格式。


方法2:非专业人士工具类在线设计平台——动态海报

上面两个软件比较考验专业知识,不会软件却想做动态海报的可以看这里。

我们可以借助动态海报在线设计平台来完成作品,这类平台通常会有动态海报的模板,我们只需要选择模板,更改文字就能制作动态海报了。

进入图小白网站,搜索动态海报关键词  
选择合适的动态模板,进行编辑

更改模板中的文字,替换图片(这里的动态元素是四个杯装蛋糕,可以改的元素是文字,左侧栏都是可以添加的素材噢!)

内容替换完成后,就可以保存下载


注意:如果使用动态海报模板的话,动态效果是不可以替换的哟;能换的只有文字、图片,还可以添加左边栏的素材

跟兴趣的朋友可以试下哦!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,404评论 1 45
  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 13,904评论 1 32
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,744评论 4 61
  • 今天看到202页。 整本书围绕两个很重要的方法: 1-找到标杆,分析标杆,复制标杆。 2-发现问题,反馈,激励,坐...
    sunny段晓阅读 1,769评论 0 0
  • 在毕业走出校门的那一刻,对自己的未来还是很迷茫,不知道自己应该做什么,自己想要追求什么样的生活。于是乎,阴差阳错进...
    懒懒途阅读 2,920评论 0 1

友情链接更多精彩内容