2. Animated Slideshow — finding images, animating text and images

Adding and animating text

Link to 24 Things You Can Do with ScreenFlowIt you scroll down this page, you can learn how to animate text with Keynote. Learn how to use ScreenFlow to add different text effects to your videos. Click on the video below. Learn about 29 different ways to can use Keynote & ScreenFlow to add text effects to your videos.



Add closed caption tracks

Use ScreenFlow to add, edit and publish ADA Compliant soft subtitles as caption tracks to your MPEG-4 movies (suitable for playback with an iPhone & iPad) and YouTube videos. Caption tracks can be created in multiple languages and can also be exported separately as an SRT file. Watch the video below to learn more about adding caption tracks.

Circles, square, arrows and lines

The video below shows how to use ScreenFlow to add circles, squares, lines and arrows to your videos. They can be either moving or stationary.

Gathering images you want animated onto the screen

To get the funny faces you want animated, enter this into your search engine: Egremont world gurning championship. Make sure you use royalty-free photos. Use a program such as Skitch to easily copy and export your images into your pictures file.

iPhoto icon1. You will now start to insert the images into a folder named “Funny Faces”.
2. Open iPhoto.
3. Then open Finder.
images into iPhoto folder4. Drag and drop the images from Finder to the appropriate iPhoto folder (“Funny Faces” in this case).
5. Open Keynote, choose the white theme, click and then delete the two text boxes and then drag the pictures into your Keynote slide.
6. To use the pictures in Keynote, click the media icon.
7. Make sure “Photos” is selected.
8. Select the folder that has your images.
9. Now, when you open up the media panel and open up the Funny Faces folder, the new images will be there.
10. You simply drag the photos to the area of the screen that you think is appropriate.
11. Drag a square in a corner of each image so that the pictures are of a uniform height.
Keynote rulers link12. Select View > Show Rulers.  Make sure that no images are below 22 on the vertical ruler and not beyond 44 on the horizontal menu.

Transitioning text and images

Keynote build InspectorYou want the text to be animated. (The Keynote term meaning “animate” is transition.) Now you will make a Keynote slide entitled Title and 8 Pictures.

1. Select the text you wish to animate.
2. Click the Build Inspector icon and then “build in”
3. From the “effect” dropdown box, select Comet.
4. From the “direction” dropdown box, select “right to left”.
5. Animate each of the four different text selections.
6. This might be a good time to experiment with all of the effects and the other dropdown boxes.
7.Keynote play button To check your work, you should click on the “play” button.
8. Then click in the black space.
9. Watch your words move in.
10. Experiment with different amounts of time between clicks.
images of Funny Faces11. You will now get your eight funny faces to move in.
12. Bring each of the images onto the screen using the comet transition.
13. Click on the play button again. Your animated slideshow should look very much like the YouTube video you find in the final project tab.
14. After you are pleased with your creation, save your Keynote file with the name
Title and 8 Pictures.  It should look similar to the YouTube video below.

Full Screen view of video on YouTubeTo make a YouTube video larger, click on the full screen icon.


YouTube video starting immediately when visitor opens web page

When you embed a YouTube video, the particular video is within quotation marks like in the example below.

<iframe width=”640″ height=”360″ src=”//www.youtube.com/embed/AIHElcrQdcc?feature=player_detailpage” frameborder=”0″ allowfullscreen “></iframe>

You find this code in the first place by right clicking on the YouTube video and then clicking on copy embed code.

To make a video start automatically upon opening a web page, insert &autoplay=1  just before the second quotation mark.

<iframe width=”640″ height=”360″ src=”//www.youtube.com/embed/AIHElcrQdcc?feature=player_detailpage &autoplay=1” frameborder=”0″ allowfullscreen></iframe>

To see what the above code looks like in a web page, go the laserphoto.ca.
Next page



Leave a Reply

Your email address will not be published. Required fields are marked *