iOS
iTunesConnect
Yosemite
AppPreview
iMovie

AppPreview用のアプリ動画作成:iMovie

More than 3 years have passed since last update.


はじめに

YosemiteでのQuickTimeで実機のキャプチャ動画が撮れる環境が整い、AppPreviewに提出する動画を撮影する敷居は低くなりました。

問題はQuickTimeで撮影したままの動画はfpsフレームワーク数が多すぎること。

これを30fpsにする必要がありました。

Macでこれを編集する手段は


  • ffmpeg:パラメータ値の設定など人を選びそう

  • Final Cut ProX:安くない、高機能すぎて使い切れない

いずれかを選択となっていたところ


  • iMovie ← :new:

iMovie [無料] が

AppPreviews(App ビデオプレビュー)に提出できるまで編集できるGUIツールとなりました。


iMovie


ここが違う

Marverics版の更新はありませんでした。


Mavericks版(10.0.5)

スクリーンショット 2014-10-21 8.32.52.png


Yosemite版(10.0.6)

スクリーンショット 2014-10-20 10.26.36.png


作ってみた


環境


  • Mac Book Air(11-inch Late 2010)

  • Yosemite

  • iPodTouch 5thG


手順

(0)AppPreviewを選んだ状態にする

スクリーンショット 2014-12-07 9.04.45.png

(1)プレビューを選びます

スクリーンショット 2014-10-21 9.18.09.png

(2)秒数(15〜30秒)と解像度に注目しつつ次へを選びます

スクリーンショット 2014-10-21 9.15.05.png

(3)できるのを待つ・・・

スクリーンショット 2014-10-21 9.06.18.png


iTune Connectでの動画登録

動画が追加できるのはYosemiteからなのでMarvericsからのアップロードはできません


サイズ

画面サイズ
端末
動画サイズ

4.7インチ
iPhone6
1334x750,750x1334

5.5インチ
iPhone6 Plus
1920x1080,1080x1920

4インチ
iPhone5/5sなど
1136x640,640x1136,1920x1080,1080x1920

iPad
1200x900,900x1200

3.5インチ
iPhone4/4sなど
対象なし

iPhone6 - 4.7インチ

スクリーンショット 2014-09-19 8.07.51.png

iPhone6 Plus - 5.5インチ

スクリーンショット 2014-09-19 8.04.57.png

iPhone5/5s - 4インチ

スクリーンショット 2014-09-19 8.05.31.png

iPad

スクリーンショット 2014-09-19 8.06.50.png


秒数の制約

15秒から30秒の間で作成していること


Each preview is between 15 and 30 seconds long and is displayed as the first image on your App Store product page, followed by your app screenshots.



参考URL

https://developer.apple.com/app-store/app-previews/


iTunes Connectに登録してみた

登録が出来た状態です。

スクリーンショット 2014-10-21 9.33.07.png


ポスターフレームの編集

※MBA(11inch)での作業のため画面が切れています。

(1)ポスターフレームの編集を選択し調整します。

スクリーンショット 2014-10-21 9.07.57のコピー.png

スクリーンショット 2014-10-21 9.08.10のコピー.png

(2)AppStoreで表示される動画の初期表示が変更されました。

スクリーンショット 2014-10-21 9.08.36のコピー.png


参考URL

iMovieでApp Previewsの動画を作成する

http://blog.ishkawa.org/2014/10/19/1413717360/

Final Cut Pro Xを使って簡単にApp Previews(ビデオプレビュー)を作る方法

http://qiita.com/kotagaki/items/d89e394993f92e9e159e

https://developer.apple.com/app-store/app-previews/imovie/Creating-App-Previews-with-iMovie.pdf


さいごに

作ってみた感じでは簡単なのですが、

エンドユーザが期待しているAppPreviewのクオリティは、アプリ開発者を超えてクリエイティブの分野まで派生しています。プロの手腕:ツールの知見で差がつきそうです。