Make app Preview with imovie and keynote

What APP Preview is

App Preview is a short 15-30-second video that showcases your app's features, user interface, and interactive ways. In the App store's details page for your app, put it before the original. Experience will be more than more impact, but also can show more things. The vast app ocean, how to stand out, presentation is crucial. Personally, if the preview is attractive, then I will download it. If preview is not as good as it looks, it will naturally be less powerful than the download. There is a separate page in Apple's developer site that details the specific requirements and the steps to be made, and I'm not going to be too tired. Official introduction

What is the current situation?

The current App Store, foreign developers do more preview, the domestic from the factory to the individual do preview very little. I think there are two points to this cause. One is not enough attention, think do not do not make too much impact, the second is that the video production complex, you can not do, please a special video production and budget too high. If you do bad, instead of the opposite, move the stone to hit their own feet.

My situation

From the day I was able to upload app preview, I tried to create a video with imovie. But the effect is not ideal, imovie itself can operate the space is very limited, chose to make preview and even castrated some features. For example, there is no way to show the click of the action, not to mention the drag-and-zoom. I have no experience in video editing, and I don't know how to beat the rhythm. Then it was put down, but I kept thinking about how to get it. Buy a final Cut Pro to 1998 yuan, too expensive not worth. Then suddenly one day, I think if the keynote and imovie together, the results of keynote export into a video, and then the clip is not good. After getting this inspiration, I made the following demo (need FQ). The software includes QuickTime Player, Keynote, IMovie, all free. I am writing this article also to give a hint to friends who may not yet know how to combine these several software together. If you're doing much better than my demo, you don't have to look, but I hope you can tell me how it's done.

Idea

A 15-30-second video will simply not be able to fully express all the content that an app contains. In general, it is sufficient to choose two or three features. Next I will love wallpaper demo as an example, detailed description of the whole process of production. I choose to show three aspects:

1, the content is rich, I will display the homepage, the menu bar and slides over the classification page;

2, fun and fun, I will display illustrations, rope and puzzle parts;

3, recommended items, I will show how to DIY and buy personalized phone shell.

Recording video

1. Connect your phone to your Mac, open QuickTime Player, and select File->new Movie recording.

2. Click the drop-down arrow next to the Record button, select your iphone device, click the Record button, start recording, and you can do it on your phone.

3. After recording, select Save and save to a folder to use.

4, in turn, record a few pieces of your design video.

Here I mention that after the recording is complete, you can also make a "Qiatouquwei" rough cut of the video through Edit->trim.

Simulate click action with keynote

1. Create a new keynote document, select the black theme, and select the two text box to delete.

2, click the Media button, select a piece you are ready to put in the page, or directly drag a picture into the document. Drag to see the guides, so that the picture is centered.

3. Click the Shape button to draw a circle in the screen and modify it to the white 50*50 size. The picture is placed in the black section on the left.

4. Select the circle, click Animate, add a movie Effect, and set the duration to 0.3 seconds.

5, add a scale effect, set the scale to 1000%,duration for 0.5 seconds.

6, add a opacity effect, set opactity to 0,duration for 0.3 seconds.

7. Click Build Order, set the action start, set to after Transation,after Build1 and with Build2, respectively.

8, choose File->export to->quicktime. Set playback for Self-playing,go to next slide and Go to next build set to 0

This video of a simulated click is finished. (Keynote source file is provided at the end of the article)

Using keynote to simulate swap movements

Similar to the above analog click action, just this time we are inserting the video directly, not the picture. Then adjust the time of each action based on the time that the animation appears in the video, and note the number of seconds to adjust delay until the animation and video are synchronized after the export. I'm not going to be a little tired here. I will provide keynote source files at the end of the text for everyone to view. In short, the combination of moving, zooming, and changing transparency is the most important thing to be patient here.

Use imovie for editing

Next we'll work with imovie for editing. involves cropping, adding sound effects, transitions and more. The following is the imovie interface, if you rarely use this software, it is recommended that you find some tutorials to see. This software is very helpful to the work, but it will help you a lot in the future. Especially when you have a baby, you want to do some video to stay in memory.

1. For the media resources Management Area 2. For adding sound, text, and transition Animation Zone 3. For the video preview area 4. For timeline Area

1. Open imovie and select File->new App Preview in the menu bar.

2. Then click the Import button to import the video that we have prepared in front of you. This time the video will appear in the 1 area.

3, hold down the mouse (left button, if your mouse points about words), drag can select some of the video, release the mouse will appear a plus, click on the video clip you can add to the lower timeline area.

4. In turn, add all the video clips you want.

5, you may have noticed, we just used keynote exported video, is horizontal, and we do the preview is vertical, how to do? Select the video clip, in the Right preview window, click the Crop button, pull to the appropriate location, click the Checkmark button to crop the success.

6, select the left side of the transitaion between two fragments to add a cut-off animation, to avoid the two discontinuous screen switch when the blunt.

7. Select sound Effects on the left to add audio footage. Note at the end of the music, you can adjust the 2 small dots to achieve a gradual weakening of the sound.

8. Click the Share button above the preview area to select App Preview and export the edited video.

I uploaded two keynote source files and the final video file to Baidu net disk, if need can go to download.

Link: http://pan.baidu.com/s/1mgIE0Q0 Password: dq3t

Postscript

Although there is no technical content in this blog post, it took me 2 days to finish writing it off and on. Can do stir understand is two different things, understand and speak clearly is two different things. So, we still write more blog, the benefits are many. I'll dig a big hole myself and try to write an article every week. Start with the iOS development perimeter, then write your reading notes, and finally go around the technical articles.

Make app Preview with imovie and keynote