刷爆朋友圈的H5怎么样制作的?

刷爆朋友圈的H5怎么样制作

伟der诚品|2017-22

刷爆朋友圈的H5怎么样制作的?_第1张图片

什么是H5

有个小伙伴在后台留言说想要知道一些关于H5的知识,刚好又是周末留的言,所以也借这个机会把我所了解与认知的H5整理后分享给大家。

可能有些小伙伴还不知道H5是什么,百度的解释是:H5(HTML5)就是把广告做成一个场景,通过二维码或者转发链接,让用户更直观的体验互动,场景可以包括:图片、视频、音频、地图、导航、会议报名、产品链接等多个模块,是一种新的移动媒体广告模式.。

我对H5的定义其实很简单,就是在线版的PPT,在我看来,H5的本质就是PPT,只不过展示与播放的方式不同罢了。

以上便是我对H5的定义,仅供参考,有不同意见欢迎补充。(点击阅读原文查看以前制作的一个案例)

H5的应用

H5的应用很广,在很多地方我们都可以看到H5的应用比如婚礼以及活动的邀请函、会议通知、招聘招生广告、回忆录、电子相册以及广告等方方面面。

你可能在朋友圈已经看过了无数个H5,今天这篇文章就是教你怎么样去制作一篇属于你自己的H5。

H5的两种制作方法

首先简述一下我所知道制作H5的两种方法,一种便是通过在线的一些网站或者是APP来制作,另一种便是通过我们熟悉的PPT来制作好之后通过工具转换成H5。

那么可以在线制作H5的网站或APP有哪些呢?其实这类工具现在有很多,比较老牌也比较出名的便是MAKA,其它的像秀米、易企秀、人人秀、IH5......等网站都可以制作H5。

操作演示

接下来便给大家介绍一下如何使用在线网站制作H5。(用MAKA来给大家演示)

开始制作之前,大家一定要知道的是H5的制作其实很简单,并没有你想象中的那么难!

百度输入MAKA之后找到MAKA的官网,如果要制作H5的话网站会要求你注册一个账号。按照提示注册登录之后就会看到下面的界面,然后点击模板商城便可以开始制作了。

刷爆朋友圈的H5怎么样制作的?_第2张图片

进入模板商城之后你会看到很多的模板,MAKA优点便是模板数量比较多,种类也比较多,你可以进入相应的分类找到你所需要制作的类型。

刚开始用MAKIA的时候很多模板都是免费的,现在可能知名度比较高了,收费模板多了起来。如果你只是学习与练手的话,选一些免费的就可以了。

刷爆朋友圈的H5怎么样制作的?_第3张图片

选择好模板之后直接点击模板便可以预览模板,预览后如果觉得是你想要的,直接点击立即使用就可以进入编辑界面了。(以上次做的一个H5来举例)

刷爆朋友圈的H5怎么样制作的?_第4张图片

上面的图片便是简单的关于操作界面的介绍,当然还有一些细节就没有介绍,等你自己去发现。

看完介绍后要怎么样操作呢?进入操作界面后点击背景你便可以通过上传自己的照片更换背景,点击相应的文字你便可以更换文字的内容。更换完文字之后你便可以通过右侧的操作框调整文字的属性,像文字的大小,颜色,位置等。如下图,图片同理。

刷爆朋友圈的H5怎么样制作的?_第5张图片

编辑好好文字和图片后你便可以给图片或文字添加动作,右侧操作框中有很多的动画预设,你可以直接选择,特别简单与方便。同时你还可以调整动画的延迟和速度,这些需要你去实际操作一下便能够很好的理解了。

刷爆朋友圈的H5怎么样制作的?_第6张图片

当你将一页一页的模板的文字和图片的内容更换完成后,点击右上角的音乐便可以添加或更换背景音乐,当然也可以不要背景音乐,这些都是由你决定。

如果音乐库里面没有你想要的音乐,你还可以通过上传音乐来添加背景音乐。

你在编辑时可以随时点击右上角的预览去查看最终效果,通过预览你可以更好的去调整动画文字等。

当所有的文字,图片和音乐都设置完成之后并且预览无问题后,你便可以点击保存了,回到我的作品页面便可以看见你刚刚完成的作品,点击预览可以设置名字等。

点击预览后你还可以获得作品的链接与二维码,将链接和二维码保存,以后你就可以通过二维码或者链接向别人展示你的作品了。

刷爆朋友圈的H5怎么样制作的?_第7张图片

想说的话

关于如何在线制作H5就给大家简单介绍到这里了,补充一句,很多APP也可制作H5,像MAKA本身就有APP。至于使用PPT制作H5我会在以后的文章中去介绍,有需要的话你到时候可以看看。

最后还是想表达一个观点:互联网每天都有新的东西产生,我们需要有一颗好奇与求知的心。

千万不要以为新事物一定就是很复杂,很难,很高大上。

其实现在很多的东西都特别的简单,只是你把它想得太难了。就像今天所提的H5,我第一次看到的时候就觉得好高大上,但是后来了解怎么样制作后,发现其实也不过如此。

限制你的并不是工具,而是你的认知!

伟der诚品|2017-22

你可能感兴趣的:(刷爆朋友圈的H5怎么样制作的?)