App Preview是什么
App Preview就是一段15-30秒的短視頻，用來展示你的應(yīng)用的特性、用戶界面、交互方式等內(nèi)容。在App Store你的應(yīng)用的詳細(xì)信息頁面里，放在原來的截圖之前。體驗(yàn)上會(huì)比截圖更有沖擊力，也能夠表現(xiàn)更多的東西。茫茫的App海洋之中，如何脫穎而出，賣相至關(guān)重要。就我個(gè)人而言，如果Preview做的有吸引力，那么我就會(huì)去下載它。如果Preview和截圖看上去就不太好，自然就少了下載的動(dòng)力。蘋果的開發(fā)者網(wǎng)站中，有一個(gè)單獨(dú)的頁面來詳細(xì)說明具體的要求和制作步驟，我就不再累述。官方介紹
目前的現(xiàn)狀是什么
目前的App Store中，國外開發(fā)者做Preview的較多，國內(nèi)從大廠到個(gè)人做Preview的非常少。造成這樣的原因我覺得有兩點(diǎn)。一是不夠重視，覺得做不做并不會(huì)造成太大影響；二是覺得視頻制作復(fù)雜，自己做不了，請個(gè)專門的視頻制作又預(yù)算太高。如果做的差，反而適得其反，搬起石頭砸了自己的腳。
我的情況
從能夠上傳App Preview那天起，我就嘗試用iMovie制作了一段視頻。但效果并不理想，iMovie本身能夠操作的空間就非常有限，選擇了制作Preview之后甚至還閹割了一些功能。比如沒有辦法展示點(diǎn)擊的動(dòng)作，更不要說拖拽放大什么的了。我自己也沒有視頻剪輯方面的經(jīng)驗(yàn)，對于節(jié)奏的把握不算好。后來這事就放下來，但我一直在想怎么弄。買個(gè)Final Cut Pro要1998元，太貴了不值得。后來突然有一天，我就想如果把Keynote和iMovie結(jié)合一下呢，把Keynote的結(jié)果導(dǎo)出成視頻，再進(jìn)行剪輯不就好了。得到這個(gè)靈感以后，我就制作了下面這個(gè)Demo(需要翻墻)。用的軟件包括QuickTime Player, Keynote, iMovie，全部免費(fèi)。我寫這篇文章也是為了給有可能還不知道如何把這幾個(gè)軟件結(jié)合在一起使用的朋友一個(gè)提示。如果你做的遠(yuǎn)比我的Demo要好，就不必看了，但我希望你可以告訴我是怎么做的。
構(gòu)思
一個(gè)15-30秒的視頻，根本無法完整的表達(dá)一個(gè)App所包含的全部內(nèi)容。一般來說，我們選擇兩三個(gè)特性就足夠了。接下來我以愛壁紙的Demo為例，詳細(xì)描述整個(gè)制作的過程。我選擇表現(xiàn)三個(gè)方面：
1、 內(nèi)容豐富，我將展示首頁、菜單欄和滑動(dòng)一下過來的分類頁;?
2、 有趣和好玩，我將展示圖文并茂、拉繩及拼圖游戲部分;
3、 推薦項(xiàng)目，我會(huì)展示如何DIY和購買個(gè)性手機(jī)殼。
錄制視頻
1、 把手機(jī)連接上你的Mac，打開QuickTime Player，選擇File->New Movie Recording。
2、點(diǎn)擊錄制按鈕旁邊的下拉箭頭，選擇你的iPhone設(shè)備，點(diǎn)擊錄制按鈕，開始錄制，你在手機(jī)上操作就可以了。
3、錄制完成后選擇Save，保存到一個(gè)文件夾中待用。
4、依次操作，錄制幾段你設(shè)計(jì)好的視頻。
這里我提一點(diǎn)，錄制完成后，你還可以通過Edit->Trim，對視頻進(jìn)行一下“掐頭去尾”的粗剪。
用Keynote模擬點(diǎn)擊動(dòng)作
1、 新建一個(gè)Keynote文檔，選擇黑色主題，選中兩個(gè)文本框刪掉。
2、 點(diǎn)擊Media按鈕，選擇一張你準(zhǔn)備好的截圖，放入頁面中，或者直接把一張圖片拖入文檔中。拖動(dòng)一下就可以看到輔助線，讓圖片居中。
3、點(diǎn)擊Shape按鈕，在屏幕中畫一個(gè)圓圈，修改為白色50*50大小。圖片放在左側(cè)黑色部分。
4、選中圓圈，點(diǎn)擊Animate,添加一個(gè)Movie ?Effect，把Duration設(shè)置為0.3秒。
5、再添加一個(gè)Scale的Effect，設(shè)置Scale為1000%，Duration為0.5秒。
6、再添加一個(gè)Opacity的Effect，設(shè)置Opactity為0，Duration為0.3秒。
7、點(diǎn)擊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
這樣一段模擬點(diǎn)擊的視頻就制作完成了。（文末提供了Keynote源文件）
用Keynote模擬Swap動(dòng)作
與上面模擬點(diǎn)擊動(dòng)作類似，只是這次我們是直接插入視頻，而非圖片。然后根據(jù)視頻中動(dòng)畫出現(xiàn)的時(shí)間來調(diào)整每個(gè)action的時(shí)間點(diǎn)，注意調(diào)整Delay的秒數(shù)，一直到導(dǎo)出后動(dòng)畫和視頻是同步的。在這里我就不在累述。我會(huì)在文末提供Keynote源文件供大家查看。總之都是移動(dòng)，縮放，改變透明度這些的結(jié)合使用，耐心在這里是最重要的。
使用 iMovie進(jìn)行剪輯
接下來我們要用iMovie進(jìn)行剪輯工作。涉及到裁剪，加入音效，過場動(dòng)畫等。下面是iMovie的界面，如果你很少使用這個(gè)軟件，建議你找些教程看看。這個(gè)軟件對工作的幫助有多大不好說，但對你以后生活會(huì)有很大的幫助。特別是當(dāng)你有了小孩兒以后，你想做些視頻留作紀(jì)念的時(shí)候。
1. 為媒體資料管理區(qū)? 2.為添加音效、文字、轉(zhuǎn)場動(dòng)畫區(qū) 3.為視頻預(yù)覽區(qū) 4.為時(shí)間軸區(qū)
1、打開iMovie，在菜單欄中選擇File->New App Preview。
2、然后點(diǎn)擊Import按鈕，將我們前面準(zhǔn)備好的視頻導(dǎo)入進(jìn)來。這個(gè)時(shí)候視頻資料就會(huì)出現(xiàn)在上圖1的區(qū)域。
3、按住鼠標(biāo)（左鍵，如果你的鼠標(biāo)分左右的話），拖動(dòng)可以選擇部分視頻，松開鼠標(biāo)會(huì)出現(xiàn)一個(gè)加號，點(diǎn)擊就可以把你選擇的視頻片段加入到下方的時(shí)間軸區(qū)域了。
4、依次操作，把所有你想要的視頻片段全部加入進(jìn)來。
5、你可能已經(jīng)注意到，我們剛才用Keynote導(dǎo)出的視頻，是橫的，而我們做的Preview是豎的，怎么辦？選中視頻片段，在右側(cè)預(yù)覽窗口，點(diǎn)擊裁剪按鈕，拉動(dòng)到合適位置，點(diǎn)擊對號按鈕就裁剪成功了。
6、選擇左側(cè)的Transitaion 在兩個(gè)片段之間加入過場動(dòng)畫，避免兩個(gè)不連續(xù)的畫面切換的時(shí)候顯的生硬。
7、選擇左側(cè)的的Sound Effects，添加音頻素材。注意在音樂結(jié)尾的時(shí)候，可以按下圖調(diào)節(jié)2個(gè)小圓點(diǎn)實(shí)現(xiàn)聲音的逐漸減弱。
8、點(diǎn)擊預(yù)覽區(qū)上方的Share按鈕，選擇App Preview，將編輯好的視頻導(dǎo)出。
我上傳了兩個(gè)Keynote的源文件和最終的視頻文件到百度網(wǎng)盤，如果需要可以去下載。
鏈接: http://pan.baidu.com/s/1mgIE0Q0 密碼: dq3t
后記
雖然這篇博客沒有什么技術(shù)含量，但我斷斷續(xù)續(xù)用了2天才寫完它。能做和弄懂是兩回事，弄懂了和講清楚又是兩回事。所以，大家還是多寫寫博客吧，好處多多。我自己先刨個(gè)大坑，爭取每周能寫一篇。先從iOS開發(fā)周邊寫起，然后寫寫讀書筆記，最后終歸要繞到技術(shù)文章上來。
