多语言展示
当前在线:920今日阅读:2今日分享:31

企业营销裂变传播的最新h5制作技巧

H5的兴起同它在技术层面较传统纯图文媒体传播方式有较大的突破,在另一方面,H5能在市场上转化为需求也同它在内容上的创新,在传播上的迅速有非常大的关联。H5无论是在立意、创意、设计的层面,还是在制作和传播过程,都需要协同一致,技术的把握、创意与文案的优化、传播的执行都不可或缺。以maka为例,介绍h5制作时图片编辑的技巧。
工具/原料
1

MAKA编辑器

2

电脑

方法/步骤
1

【新增图片】点击编辑区右侧 “图片” 按钮 ,可以选择MAKA提供的素材库中的图片,还可以上传本地图片。

2

点击图片,可在右侧修改图片的属性和动作。很多人觉得最炫的地就是H5的动画效果很好。根据不同的场景,我们可以选择不同的动作效果。例如设计的风格是扁平化的卡通风格的,我们可以选择较为显眼的动作效果,例如弹性放大,下落放大,旋转出现等的效果。如果设计的风格是较为正式商业的风格,我们可以选择淡入,或者是放大的动作效果。选择好效果之后,可以根据需要,调整速度和出现时间。

3

【Gif特效图片插入】除了插入静态图片之外,我们还可以插入动态图片,营造特殊的高端的视觉效果。我们先来看看这个案例。这个案例的第一页,我们的眼睛可以感受到最大的亮点就是下方那个旋转着的,闪闪发光的球。其实这是我们设计在素材网上找的一个gif动态图素材。其实除了加入静态图片 之外,我们还可以根据需要选择插入gif动态图,让整个画面更加动感,更加吸睛。

4

用图片+简单形状+动态效果作出一种类似微信对话框的画面感觉。

5

下面这个案例中,用到的是“超人”这个素材。做出了一种飞翔的效果。其实有很多外有都问,你们只有“飞入”的效果,那么飞出的效果要怎么做呀?那现在就给大家介绍一下,如何用maka做出一种飞出的效果呈现。我们来看看这个案例的编辑器结构。其实,只要把超人这个素材拖到编辑框外,然后设置为【向右飞入】的动作效果,那么这个超人就可以从我们看到的画面中一掠而过了。飞翔的效果就是如此简单。

6

图片做成感谢信的形式,用到感谢信的时候,我们也可以采用想案例的这种图片形式,做成像信封一样,会比纯文字形式更加形象呢。

7

【小标题预告形式】首先,这个案例的主题是很新颖出彩的。用菜单的主题一步步来引出个人简历。其次,在制作方法上我们可以看到,他的每一页都有一个小标题展示,然而小标题展现了几秒钟之后,就消失了,那这个小标题是什么做到的呢?我们来看看他的图层结构。其实做起来很简单,只需要把小标题至于最底层,然后用一张图片把速度设置慢一点,像这里就设置为3.5s,利用淡入的动态效果,就可以做到这种类似视频介绍一般的高级视觉呈现了。

8

【类似电影的倒数形式】相信大家看到之后,都感觉眼前一亮吧?我们看到这个的这个案例很特别,前面有3-2-1的倒数,然后再出现正式的邀请函内容。感觉就像大电影开场一样。现在给大家介绍一下这种效果是怎么做出来的。从图层结构这边我们可以看到,首先是3-2-1,每隔一秒钟放大覆盖出现。到了第四秒,就可以把邀请函的图片整一张飞入,完全遮住之前倒数的数字。其实制作思路上跟上面说的小标题形式差不多。

9

用手绘图片做成漫画的形式。这种手绘漫画的形式其实很吸引眼球,无论是从创意还是视觉效果方面来说,都是很优质的H5作品。但其实这么精美的H5也不需要动用到技术开发的手段就可以完成。如果童鞋们有手绘条件的话,可以参考这两个案例来制作H5,推广效果肯定很赞。如果想要做这种形式,但却没有手绘天赋的话,也欢迎来联系MAKA,有专属的设计师,为大家提供高端的定制服务。

推荐信息