HOME > ビジネスハック > QuickTimeでiPhoneアプリのプロモーション動画を作ろう
2012/09/01 (2016/09/14更新) タグ: , , , ,

QuickTimeでiPhoneアプリのプロモーション動画を作ろう

  • このエントリーをはてなブックマークに追加

百聞は一見にしかず。文章よりも画像よりももっと分かりやすいもの。それが動画です。Macに標準搭載されているQuickTimeを使えば、かんたんにiPhoneアプリを動かしているところを録画することができます。

SPONSOR

QuickTimeで画面収録

iPhoneシミュレータでアプリを起動

まず、収録したいアプリをシュミレータで起動します。

QuickTimeを起動

QuickTimeを起動して、「ファイル」→「新規画面収録」をクリック。

お察しの通り、この録画ボタンをクリック。

そうすると「クリックするとフルスクリーンで収録されます。画面の一部を収録する場合はドラッグしてください。」と出てきます。ここで、シミュレータの画面のみをドラッグで選択します。

「収録を開始」をクリックすると、撮影がはじまりますのでシミュレータにて動かします。動かし終わったら、録画を停止。最後に「ファイル」→「書きだす」でmovファイルが出来上がります。

サイズが重たければ、Web用の書き出しもありますので画質とサイズを見ながらお好みで。

iPhoneの外枠を作る

concoquoさんがiPhoneのグラフィック素材を提供してくれています。後は、画面以外をサイズを合わせてごっそりつくります。スライスでザクザク。

後はコーディングして動画が入る部分は

<embed src="ムービファイル.mov" type="video/quicktime" width="480" height="320"></embed>

のようにして読み込ませれば完成です。

なお、今回の新規画面収録はそのままでは音は録画されません。音も録画するにはフリーソフトを使えば解決するようです。
>> QickTime Xからの新機能「画面収録」、音も一緒に録りたい時はこうすれば良い

そして仕上がったサイトがこちらです

この記事をシェアする
  • このエントリーをはてなブックマークに追加

SPONSER

こちらの記事もおすすめです

お役にたちましたら、メール購読もどうぞ!

 

イリテクの最新記事をお届けします

イリテクの最新情報をチェック!
  • follow us in feedly
    RSSで最新記事を読む
イリテクのプロフィール
入江 慎吾
System & Design Developer。イリテク株式会社 代表取締役。自社企画でクラウド見積請求書作成サービス「CLOUD PAPER」を開発・運営。仕様を決めずに少ない予算でも開発をスタートできる「開発までできるシステム顧問サービス」を実施中。(もっと詳しく
開発したWebサービス
開発したアプリ
新着記事
カテゴリ/タグ
SPONSER