使用iMovie和Keynote制作App Preview

App Preview是什么

App Preview就是一段15-30秒的短视频,用来展示你的应用的特性、用户界面、交互方式等内容。在App Store你的应用的详细信息页面里,放在原来的截图之前。体验上会比截图更有冲击力,也能够表现更多的东西。茫茫的App海洋之中,如何脱颖而出,卖相至关重要。就我个人而言,如果Preview做的有吸引力,那么我就会去下载它。如果Preview和截图看上去就不太好,自然就少了下载的动力。苹果的开发者网站中,有一个单独的页面来详细说明具体的要求和制作步骤,我就不再累述。官方介绍

目前的现状是什么

目前的App Store中,国外开发者做Preview的较多,国内从大厂到个人做Preview的非常少。造成这样的原因我觉得有两点。一是不够重视,觉得做不做并不会造成太大影响;二是觉得视频制作复杂,自己做不了,请个专门的视频制作又预算太高。如果做的差,反而适得其反,搬起石头砸了自己的脚。

我的情况

从能够上传App Preview那天起,我就尝试用iMovie制作了一段视频。但效果并不理想,iMovie本身能够操作的空间就非常有限,选择了制作Preview之后甚至还阉割了一些功能。比如没有办法展示点击的动作,更不要说拖拽放大什么的了。我自己也没有视频剪辑方面的经验,对于节奏的把握不算好。后来这事就放下来,但我一直在想怎么弄。买个Final Cut Pro要1998元,太贵了不值得。后来突然有一天,我就想如果把Keynote和iMovie结合一下呢,把Keynote的结果导出成视频,再进行剪辑不就好了。得到这个灵感以后,我就制作了下面这个Demo(需要FQ)。用的软件包括QuickTime Player, Keynote, iMovie,全部免费。我写这篇文章也是为了给有可能还不知道如何把这几个软件结合在一起使用的朋友一个提示。如果你做的远比我的Demo要好,就不必看了,但我希望你可以告诉我是怎么做的。

构思

一个15-30秒的视频,根本无法完整的表达一个App所包含的全部内容。一般来说,我们选择两三个特性就足够了。接下来我以爱壁纸的Demo为例,详细描述整个制作的过程。我选择表现三个方面:

1、 内容丰富,我将展示首页、菜单栏和滑动一下过来的分类页;

2、 有趣和好玩,我将展示图文并茂、拉绳及拼图游戏部分;

3、 推荐项目,我会展示如何DIY和购买个性手机壳。

录制视频

1、 把手机连接上你的Mac,打开QuickTime Player,选择File->New Movie Recording。

2、点击录制按钮旁边的下拉箭头,选择你的iPhone设备,点击录制按钮,开始录制,你在手机上操作就可以了。

3、录制完成后选择Save,保存到一个文件夹中待用。

4、依次操作,录制几段你设计好的视频。

这里我提一点,录制完成后,你还可以通过Edit->Trim,对视频进行一下“掐头去尾”的粗剪。

用Keynote模拟点击动作

1、 新建一个Keynote文档,选择黑色主题,选中两个文本框删掉。

2、 点击Media按钮,选择一张你准备好的截图,放入页面中,或者直接把一张图片拖入文档中。拖动一下就可以看到辅助线,让图片居中。

3、点击Shape按钮,在屏幕中画一个圆圈,修改为白色50*50大小。图片放在左侧黑色部分。

4、选中圆圈,点击Animate,添加一个Movie  Effect,把Duration设置为0.3秒。

5、再添加一个Scale的Effect,设置Scale为1000%,Duration为0.5秒。

6、再添加一个Opacity的Effect,设置Opactity为0,Duration为0.3秒。

7、点击Build Order,设置Action的Start,分别设置为After Transation,After Build1和With Build2。

8、选择File->Export to->QuickTime。设置Playback为Self-Playing,Go to next slide 和 Go to next build设置为0

这样一段模拟点击的视频就制作完成了。(文末提供了Keynote源文件)

用Keynote模拟Swap动作

与上面模拟点击动作类似,只是这次我们是直接插入视频,而非图片。然后根据视频中动画出现的时间来调整每个action的时间点,注意调整Delay的秒数,一直到导出后动画和视频是同步的。在这里我就不在累述。我会在文末提供Keynote源文件供大家查看。总之都是移动,缩放,改变透明度这些的结合使用,耐心在这里是最重要的。

使用 iMovie进行剪辑

接下来我们要用iMovie进行剪辑工作。涉及到裁剪,加入音效,过场动画等。下面是iMovie的界面,如果你很少使用这个软件,建议你找些教程看看。这个软件对工作的帮助有多大不好说,但对你以后生活会有很大的帮助。特别是当你有了小孩儿以后,你想做些视频留作纪念的时候。

1. 为媒体资料管理区  2.为添加音效、文字、转场动画区 3.为视频预览区 4.为时间轴区

1、打开iMovie,在菜单栏中选择File->New App Preview。

2、然后点击Import按钮,将我们前面准备好的视频导入进来。这个时候视频资料就会出现在上图1的区域。

3、按住鼠标(左键,如果你的鼠标分左右的话),拖动可以选择部分视频,松开鼠标会出现一个加号,点击就可以把你选择的视频片段加入到下方的时间轴区域了。

4、依次操作,把所有你想要的视频片段全部加入进来。

5、你可能已经注意到,我们刚才用Keynote导出的视频,是横的,而我们做的Preview是竖的,怎么办?选中视频片段,在右侧预览窗口,点击裁剪按钮,拉动到合适位置,点击对号按钮就裁剪成功了。

6、选择左侧的Transitaion 在两个片段之间加入过场动画,避免两个不连续的画面切换的时候显的生硬。

7、选择左侧的的Sound Effects,添加音频素材。注意在音乐结尾的时候,可以按下图调节2个小圆点实现声音的逐渐减弱。

8、点击预览区上方的Share按钮,选择App Preview,将编辑好的视频导出。

我上传了两个Keynote的源文件和最终的视频文件到百度网盘,如果需要可以去下载。

链接: http://pan.baidu.com/s/1mgIE0Q0 密码: dq3t

后记

虽然这篇博客没有什么技术含量,但我断断续续用了2天才写完它。能做和弄懂是两回事,弄懂了和讲清楚又是两回事。所以,大家还是多写写博客吧,好处多多。我自己先刨个大坑,争取每周能写一篇。先从iOS开发周边写起,然后写写读书笔记,最后终归要绕到技术文章上来。

时间: 2024-10-10 08:51:07

使用iMovie和Keynote制作App Preview的相关文章

制作app软件要多少钱

很多用户打电话过来开口问的第一个问题就是我想制作app软件要多少钱呢,对于金华腾云科技来说每天都会有用户重复的问制作app软件要多少钱,现在app开发已经成为一种普遍现象,就每天遇到用户问的问题“制作app软件要多少钱”,金华腾云科技的产品经理就和你一起分析一下app开发都有哪些费用: 手机app制作需求现状分析: 目前很多用户都不知道自己开发app的需求,问题都集中在我想制作app软件要多少钱?他们第一时间想了解的是价格问题,对一个app开发流程以及为什么要开发app没有概念,用户对自己要开发

程序猿教你使用免费的制作APP软件,让你降低成本!

现在这个社会中,感觉人见了面没说自己创业,没说公司估值几千万,没说自己正在制作APP都不好意思跟人聊天.满大街的创业者像是90年代满大街下海经商的总经理一样.这是创业的好时代,千万不要错过了! 生意都会做,制作APP可就不行了.一听就是非常有技术门槛的事情,况且一说APP制作动辄就要100万,这样创业者可受不了.今天,我这个程序猿告诉你,其实有免费的APP制作软件可以使用,降低成本,快速创业! 市面上有两种APP制作软件,一种是超级傻瓜式,像是做H5那样做APP.这种是我最不推荐的,质量差不说,

【转】基于laravel制作APP接口(API)

这篇文章主要介绍了基于laravel制作APP接口(API)的相关资料,需要的朋友可以参考下 前期准备 前言,为什么做以及要做个啥本人姓小名白,不折不扣编程届小白一名,但是自从大一那会儿接触到编程这件奇妙的事情,就完完全全的陷入的程序的世界. 这不,最近又开始折腾APP了,话说现在开发一款APP真是容易,只用JavaScript和一点点HTML+css技术就可以完成.但是做APP的后台就不一样了.开发了APP,想让读点数据进去,那我们就要去开发个后台了. laravel框架,是我最喜欢的PHP框

【转载】使用Axure制作App原型怎样设置尺寸?

使用Axure制作App原型怎样设置尺寸? 原文地址:http://www.axure.us/2172/ 本文由原型库网站投稿,转载请注明出处. 最近有几位小伙伴儿都提出同样一个疑问:想用Axure设计一个 APP原型 放到真实的移动设备中演示,但不知道应该使用什么尺寸?若要解释清楚像素和分辨率需要的篇幅比较长,请大家参考百度百科.这里金乌直接给大家提供一个常用的移动设备尺寸列表,制作原型时根据查询的尺寸在axure中设置大小即可,设计完毕后在生成HTML时设置 手机/移动设备 中勾选包含视图接

Axure制作app侧面抽屉菜单

在之前的文章中以手机淘宝app的筛选菜单为例,给大家介绍过使用axure制作app侧面滑动菜单的方法,本文继续为大家介绍另外一种app的菜单样式--抽屉菜单.手机qq.酷狗音乐等app都采取了这种抽屉菜单的设计. 先看效果~(因为51博客的缘故,貌似效果不是很好,但能看出来抽屉的推拉效果) 效果描述: 点击左上角头像,抽屉菜单拉出,再次点击头像,抽屉菜单关闭: 向右拖动页面,抽屉菜单拉出,向左拖动页面,抽屉菜单关闭. 我们先确定基本方向: 推拉效果,左右拖动(模拟手机上的滑动手势),我们首先想到

APICloud 程序猿教你使用免费的制作APP软件!

现在这个社会中,感觉人见了面没说自己创业,没说公司估值几千万,没说自己正在制作APP都不好意思跟人聊天.满大街的创业者像是90年代满大街下海经商的总经理一样.这是创业的好时代,千万不要错过了! 生意都会做,制作APP可就不行了.一听就是非常有技术门槛的事情,况且一说APP制作动辄就要100万,这样创业者可受不了.今天,我这个程序猿告诉你,其实有免费的APP制作软件可以使用,降低成本,快速创业! 市面上有两种APP制作软件,一种是超级傻瓜式,像是做H5那样做APP.这种是我最不推荐的,质量差不说,

APICloud在线制作app软件,让app价格降下来!

视线水平向下45度,拇指轻轻滑动,这是我们每天都要重复的动作.手机屏幕上的信息洪流早已将"不出户,知天下"变为现实,也把我们彻底带进大众创业.万众创新的"互联网+"经济时代.只是与我们仅仅一屏之隔的众多APP却因其高昂的开发成本,让很多人望而却步.专业的生产线,在线制作app软件把APP价格降下来,成了时代的课题.在此背景下,APIcloud在线制作app软件,一个APP在线制作平台,应运而生. 20世纪初,汽车只是是富人们才能消费得起的奢侈品(正如刚开始时的APP

如何用Axure快速制作APP交互原型

对于产品经理来说,熟练使用一些常用软件是一项十分必要的技能.其中,作为一个专业的快速原型设计工具,Axure RP无疑在产品人心中拥有一个难以撼动的地位.但就要PS一样,虽然足够专业,但同样也会存在使用灵活性的一些问题. 今天我们就谈谈,如何用Axure快速制作APP交互原型,不对,更准确的说法应该是:如何用Axure快速制作一份有水准的APP交互原型.作为一名优秀的产品人不仅要保证效率,也要保证质量才行. 首先抛出我的方法论:制作属于自己的元件库并要学会善用母版,熟悉APP设计规范并要有自己一

使用UIPageControl UIScrollView制作APP引导界面

1. 新建两个视图控制器类(继承自UIViewController), 在AppDelegate.m中指定根视图控制器 #import "AppDelegate.h" #import "RootViewController.h" #import "LeadViewController.h" @interface AppDelegate () @end @implementation AppDelegate - (void)dealloc { se