Home
-
Articles
-
Apps
-
Blogger
-
Contact Me
Creating an iPhone app demo video [ 23rd June 2011, 20:43:07 ]

How do you create video demos of iPhone and iPad apps that you have developed? Below describes the applications you'll need for creating the videos, and the steps you need to take to do this.

For example app video demos please take a look at Kev's Apps video demos

What applications you need

I did this on a MacBook Pro with the following

How to create the video demo
  1. Get a black image e.g. create one in photoshop and drag it so it is fall screen as possible, If you're lazy download a black background here
  2. Run xcode iPhone simulator, and then exit your app, and close your app using the multi tasking bar
  3. You should now make sure the black background is shown (you can use mac preview by double clicking a black image and zooming in), with the iPhone simulator in front of it, now start the app and start interacting with it as you require.

    You should now make sure the black background is shown and aligned correctly with the app simulator
  4. Load QuickTime Player 10.0
  5. Go to File > New screen recording

    New screen recording
  6. You'll get the following window open, click the record button

    Click the record button
  7. Once finished (don't worry if you make any mistakes we're going to edit the video later) stop the recording, do this by clicking stop on the status bar, see picture.

    Click stop on the status bar
  8. The recorded video will now appear, and you should then save this somewhere, movies folder?
  9. Now you can close down these apps and open iMovie
  10. In iMovie create a new project
  11. Go to File > Import > movie, and import the screen recording you have created.
  12. Roughly select the sections you want from the screen recording and drag into your project.

    Roughly select the sections you want from the screen recording and drag into your project, in iMovie

  13. Now go to Window > Cropping, Ken Burns & Rotation see screenshot

    Now go to Window > Cropping, Ken Burns and Rotation see screenshot
  14. Then you will be able to crop the video, see screenshot, clicking the crop option, and dragging the square to size it, and moving it to where you want to, in order to include the whole iPhone in the video, click done to complete the cropping.

    Then you will be able to crop the video
  15. Now go through and edit the video down to make it flow correctly, and use the text tool, to add text in different places in your video, and of course you can add an audio track if you require.
  16. Once the video is edited and ready, go to Share > Export Movie, choosing large is usually good enough for youTube, and then for running on the iPhone and iPad via youTube.
  17. Once generated upload the video to YouTube as appropriate
Nickname:

Email:
(This will not be displayed)
Comment:
(0/1000)


Author: Kevin Gordon
Location: Essex - United Kingdom
Hosted On: DataFlame

[ Articles - Apps - Blogger - Contact Me ]
What it's about; You'll mainly find content from Blogger wrapped up into a larger post, or details of a tech project I have undertaken, or some useful information I have guarnered from the internet. Please feedback you comments either directly to me or by leaving a facebook message. Also please link through to Facebook, Twitter and Linked In, or subscribe to my site's RSS feed. (Please note none of the views or content reflected here is in any way an representation or association with the larger multinational automotive company I currently work for).