当PPT遇见H5
H5是什么？
H5是HTML5的简称 相较于传统的文图排版，具有动效流畅、排版美观、易于传播等特点，另外根据文字内容还可以加入背景音乐烘托气氛，阅读体验更加友好。 点击页面最下方“阅读原文”，看我做的一个H5作品。
▽
H5做起来难吗？ H5页面制作起来并不复杂 许多网站（如MAKA、易企秀等）提供了在线工具和丰富的模板，即使没有任何设计功底的小白，也可以通过拖放拉拽等操作，完成一个不错的H5作品。
▽
在线工具是否完美？ 在线工具也有不足 字体种类是一个软肋。在线工具中可供选择的字体较少。另外，在线操作也会有一些延迟，仍然比不上客户端工具那样流畅。
▽
PPT是强大的演示和设计工具 如果将PPT与H5进行联合... 除了传统的4:3和16:9两种比例格式外，PPT还允许用户自定义画布的长宽尺寸。如果将PPT与H5进行联合，制作H5效率将会大大提高。
▽
以下以Maka.im为例，介绍一下操作步骤 首先在Maka网站简单注册一下，然后新建空白项目
注意此处可以更换背景，比例为640*1008
按照此比例，在PPT中自定义画布尺寸
宽高设置为64cm*100cm或17cm*27cm，版式设为“空白”
下面就可以在PPT中完成排版设计 并愉快的使用特定的字体
在PPT中插入图片并缩放
对图片进行裁剪，符合页面大小
剪切图片
右击页面选择“设置背景格式”
填充设为“图片或纹理填充”，“插入图片来自剪贴板”
此时图片已作为背景图片
输入文字，并设置字体
以此类推，在PPT中完成其他页面制作
如果不想加入动效，只需导出图片
选择导出“所有幻灯片”
上传到Maka即可
如果想进一步添加动效，请继续往下看
▽
右击页面选择“保存背景”，这样文字不会被保存
右击文字部分，选择“另存为图片” 存为背景透明的PNG格式
将文字导入maka（选择添加图片）
对文字（此时是图片格式）添加动效
▽
完成的作品效果如下（长按下方二维码识别） 《心的方向》
一点建议
▽
看完不要忘了关注 |
|
|
