App Preview是什么
App Preview就是一段15-30秒的短視頻灶体，用來展示你的應(yīng)用的特性、用戶界面、交互方式等內(nèi)容。在App Store你的應(yīng)用的詳細信息頁面里犹褒，放在原來的截圖之前。體驗上會比截圖更有沖擊力弛针，也能夠表現(xiàn)更多的東西叠骑。茫茫的App海洋之中，如何脫穎而出削茁，賣相至關(guān)重要宙枷。就我個人而言，如果Preview做的有吸引力茧跋，那么我就會去下載它慰丛。如果Preview和截圖看上去就不太好，自然就少了下載的動力厌衔。蘋果的開發(fā)者網(wǎng)站中璧帝，有一個單獨的頁面來詳細說明具體的要求和制作步驟捍岳，我就不再累述富寿。官方介紹
目前的現(xiàn)狀是什么
目前的App Store中，國外開發(fā)者做Preview的較多锣夹，國內(nèi)從大廠到個人做Preview的非常少页徐。造成這樣的原因我覺得有兩點。一是不夠重視银萍，覺得做不做并不會造成太大影響变勇；二是覺得視頻制作復(fù)雜，自己做不了贴唇，請個專門的視頻制作又預(yù)算太高搀绣。如果做的差，反而適得其反戳气，搬起石頭砸了自己的腳链患。
我的情況
從能夠上傳App Preview那天起，我就嘗試用iMovie制作了一段視頻瓶您。但效果并不理想麻捻，iMovie本身能夠操作的空間就非常有限纲仍，選擇了制作Preview之后甚至還閹割了一些功能。比如沒有辦法展示點擊的動作贸毕，更不要說拖拽放大什么的了郑叠。我自己也沒有視頻剪輯方面的經(jīng)驗，對于節(jié)奏的把握不算好明棍。后來這事就放下來乡革，但我一直在想怎么弄。買個Final Cut Pro要1998元摊腋，太貴了不值得署拟。后來突然有一天，我就想如果把Keynote和iMovie結(jié)合一下呢歌豺，把Keynote的結(jié)果導(dǎo)出成視頻推穷，再進行剪輯不就好了。得到這個靈感以后类咧，我就制作了下面這個Demo(需要翻墻)馒铃。用的軟件包括QuickTime Player, Keynote, iMovie，全部免費痕惋。我寫這篇文章也是為了給有可能還不知道如何把這幾個軟件結(jié)合在一起使用的朋友一個提示区宇。如果你做的遠比我的Demo要好，就不必看了值戳，但我希望你可以告訴我是怎么做的议谷。
構(gòu)思
一個15-30秒的視頻，根本無法完整的表達一個App所包含的全部內(nèi)容堕虹。一般來說卧晓，我們選擇兩三個特性就足夠了。接下來我以愛壁紙的Demo為例赴捞，詳細描述整個制作的過程逼裆。我選擇表現(xiàn)三個方面：
1、 內(nèi)容豐富赦政，我將展示首頁胜宇、菜單欄和滑動一下過來的分類頁;
2、 有趣和好玩恢着，我將展示圖文并茂桐愉、拉繩及拼圖游戲部分;
3、 推薦項目掰派，我會展示如何DIY和購買個性手機殼从诲。
錄制視頻
1、 把手機連接上你的Mac碗淌，打開QuickTime Player盏求，選擇File->New Movie Recording抖锥。
2、點擊錄制按鈕旁邊的下拉箭頭碎罚，選擇你的iPhone設(shè)備磅废，點擊錄制按鈕，開始錄制荆烈，你在手機上操作就可以了拯勉。
3、錄制完成后選擇Save憔购，保存到一個文件夾中待用宫峦。
4、依次操作玫鸟，錄制幾段你設(shè)計好的視頻导绷。
這里我提一點，錄制完成后屎飘，你還可以通過Edit->Trim妥曲，對視頻進行一下“掐頭去尾”的粗剪。
用Keynote模擬點擊動作
1钦购、 新建一個Keynote文檔檐盟，選擇黑色主題，選中兩個文本框刪掉押桃。
2葵萎、 點擊Media按鈕，選擇一張你準備好的截圖唱凯，放入頁面中羡忘，或者直接把一張圖片拖入文檔中。拖動一下就可以看到輔助線波丰，讓圖片居中壳坪。
3、點擊Shape按鈕掰烟，在屏幕中畫一個圓圈，修改為白色50*50大小沐批。圖片放在左側(cè)黑色部分纫骑。
4、選中圓圈九孩，點擊Animate,添加一個Movie ?Effect先馆，把Duration設(shè)置為0.3秒。
5躺彬、再添加一個Scale的Effect煤墙，設(shè)置Scale為1000%梅惯，Duration為0.5秒。
6仿野、再添加一個Opacity的Effect铣减，設(shè)置Opactity為0，Duration為0.3秒脚作。
7葫哗、點擊Build Order,設(shè)置Action的Start,分別設(shè)置為After Transation,After Build1和With Build2。
8球涛、選擇File->Export to->QuickTime劣针。設(shè)置Playback為Self-Playing,Go to next slide 和 Go to next build設(shè)置為0
這樣一段模擬點擊的視頻就制作完成了。（文末提供了Keynote源文件）
用Keynote模擬Swap動作
與上面模擬點擊動作類似亿扁，只是這次我們是直接插入視頻捺典，而非圖片。然后根據(jù)視頻中動畫出現(xiàn)的時間來調(diào)整每個action的時間點从祝，注意調(diào)整Delay的秒數(shù)辣苏，一直到導(dǎo)出后動畫和視頻是同步的。在這里我就不在累述哄褒。我會在文末提供Keynote源文件供大家查看稀蟋。總之都是移動呐赡，縮放退客，改變透明度這些的結(jié)合使用，耐心在這里是最重要的链嘀。
使用 iMovie進行剪輯
接下來我們要用iMovie進行剪輯工作萌狂。涉及到裁剪，加入音效怀泊，過場動畫等茫藏。下面是iMovie的界面，如果你很少使用這個軟件霹琼，建議你找些教程看看务傲。這個軟件對工作的幫助有多大不好說，但對你以后生活會有很大的幫助枣申。特別是當你有了小孩兒以后售葡，你想做些視頻留作紀念的時候。
1. 為媒體資料管理區(qū) ?2.為添加音效忠藤、文字挟伙、轉(zhuǎn)場動畫區(qū) 3.為視頻預(yù)覽區(qū) 4.為時間軸區(qū)
1、打開iMovie模孩，在菜單欄中選擇File->New App Preview尖阔。
2贮缅、然后點擊Import按鈕，將我們前面準備好的視頻導(dǎo)入進來介却。這個時候視頻資料就會出現(xiàn)在上圖1的區(qū)域谴供。
3、按住鼠標（左鍵筷笨，如果你的鼠標分左右的話）憔鬼，拖動可以選擇部分視頻，松開鼠標會出現(xiàn)一個加號胃夏，點擊就可以把你選擇的視頻片段加入到下方的時間軸區(qū)域了轴或。
4、依次操作仰禀，把所有你想要的視頻片段全部加入進來照雁。
5、你可能已經(jīng)注意到答恶，我們剛才用Keynote導(dǎo)出的視頻饺蚊，是橫的，而我們做的Preview是豎的悬嗓，怎么辦污呼？選中視頻片段，在右側(cè)預(yù)覽窗口包竹，點擊裁剪按鈕燕酷，拉動到合適位置，點擊對號按鈕就裁剪成功了周瞎。
6苗缩、選擇左側(cè)的Transitaion 在兩個片段之間加入過場動畫，避免兩個不連續(xù)的畫面切換的時候顯的生硬声诸。
7酱讶、選擇左側(cè)的的Sound Effects，添加音頻素材彼乌。注意在音樂結(jié)尾的時候泻肯，可以按下圖調(diào)節(jié)2個小圓點實現(xiàn)聲音的逐漸減弱。
8囤攀、點擊預(yù)覽區(qū)上方的Share按鈕软免，選擇App Preview，將編輯好的視頻導(dǎo)出焚挠。
我上傳了兩個Keynote的源文件和最終的視頻文件到百度網(wǎng)盤，如果需要可以去下載漓骚。
鏈接:http://pan.baidu.com/s/1mgIE0Q0密碼: dq3t
后記
雖然這篇博客沒有什么技術(shù)含量蝌衔，但我斷斷續(xù)續(xù)用了2天才寫完它榛泛。能做和弄懂是兩回事，弄懂了和講清楚又是兩回事噩斟。所以曹锨，大家還是多寫寫博客吧，好處多多剃允。我自己先刨個大坑沛简，爭取每周能寫一篇。先從iOS開發(fā)周邊寫起斥废，然后寫寫讀書筆記椒楣，最后終歸要繞到技術(shù)文章上來。
來源:簡書作者：Nathan_Bao
