Creating a Motion Graphic
Everyone Can Create - Session 2
Skills I Have Already…
You have already learnt the basics of the iPad. You can do things like take photos and videos, use Pages and Keynote, use the Apple Pencil and more.
Lesson 1�Creating your Student Portfolio
Lesson 2
Creating a Motion Graphic
Lesson 5
Creating a Podcast
Lesson 6�Finalising my Student Portfolio
Lesson 4�Creating Green-Screen Effects
Lesson 3�Creating Pop Art
Everyone Can Create
Skills I Will Learn Next…
Using the iPad to code within Swift Playgrounds.
Gaining a deeper understanding of how code can be used.
Keynote
Green-Screen
Celebrating
Podcast
Portfolio
Garageband
My iPad Learner Journey
Last session recap… Your Student Portfolio
Download and name Student Portfolios
Recap of Pages skills
Customising your Portfolio
What is my Student Portfolio?
Saving your Portfolio
In this session…
This lesson we will be creating a motion graphic. This will see us using our Keynote skills and the Apple pencil to make an short engaging motion graphic. This will include…
Let’s Get Started….
For the rest of this lesson we will be using Apple content to take us through the task step by step.
Steps for success:
This Everyone Can Create presentation is designed for use in educational settings. It can
be customized, duplicated, or shared for the purpose of the content, curriculum, or age level
of the learners for educational purposes. The presentation can also be used as a template for educator made tutorials. The images, video, or audio in this presentation should not duplicated or shared for commercial purposes or used in a way in which it was not originally intended.
Project Presentation
Make a Motion Graphic
Everyone Can Create
This instructional presentation showcases iPadOS 16.3, and Keynote for iPad 13.0.
User interface elements may vary depending on software version installed on your device.
Presenter Name and Date
Bring your drawings to life by animating them in a motion graphic.
Make a
Motion Graphic
5 mins
Get Set Up in Keynote
Project Example
15 mins
Draw Your Graphics
15 mins
Animate Your Drawings
5 mins
Set Up Multiple Animations
5 mins
Export Your Motion Graphic
Estimated time: 45 mins
What you’ll learn:
Keynote for iPad
Student Portfolios
Project Rubrics
Optional materials:
Student Portfolios
Optional materials
Art and Design Theme
What you’ll need:
Estimated time:
5 mins
You’ll be setting up a Keynote document to use as a blank canvas for your design. Then you’ll change the background color of your slide to set the scene.
Get Set Up �in Keynote
Tutorial 1
Open Keynote. Touch and hold the Keynote icon until �the menu pops up.
Step 1
Tap New Presentation.
Step 2
Tap New Presentation.
Step 2
Open Keynote. Touch and hold the Keynote icon until �the menu pops up.
Step 1
Tap the Basic White theme.
Step 3
Step 3
Tap the Basic White theme.
Step 3
Tap New Presentation.
Step 2
Tap Format ..
Step 4
Tap Format ..
Step 4
Tap the Basic White theme.
Step 3
Tap Layout.
Step 5
Tap Layout.
Step 5
Tap Format ..
Step 4
Swipe up on the menu, and tap Blank at the bottom.
Step 6
Swipe up on the menu, and tap Blank at the bottom.
Step 6
Tap Layout.
Step 5
Tap Back to close �the layout options.
Step 7
Tap Back to close �the layout options.
Step 7
Tap Background.
Step 8
Swipe up on the menu, and tap Blank at the bottom.
Step 6
Tap Background.
Step 8
Tap Color.
Step 9
Tap Back to close �the layout options.
Step 7
Tap Color.
Step 9
Tap Background.
Step 8
Tap a blue color �for the sky.
Step 10
Tap a blue color �for the sky.
Step 10
Tap Color.
Step 9
15 min
Estimated Time
Learn how to use the drawing tools �in Keynote to draw the objects that �you’ll use in your motion graphic.
Draw Your Graphics
Tutorial 2
Section 1
Draw background elements
Add static drawings in your background to make a scene.
Tap Media ..
Step 1
Tap Media ..
Step 1
Section 1
Draw background elements
Add static drawings in your background to make a scene.
Tap Drawing.
Step 2
Tap Drawing.
Step 2
Tap Media ..
Step 1
TIP
If you’re using Apple Pencil, tap it on the slide to start drawing.
If you’re using Apple Pencil, tap it on the slide to start drawing.
TIP
Tap Drawing.
Step 2
Make sure the Fill tool �is selected.
Step 3
Make sure the Fill tool �is selected.
Step 3
Tap the color picker.
Step 4
TIP
If you’re using Apple Pencil, tap it on the slide to start drawing.
Tap the color picker.
Step 4
Making sure you are on �the grid tab, select white. Then tap outside the �menu to close it.
Step 5
Make sure the Fill tool �is selected.
Step 3
Making sure you are on �the grid tab, select white. Then tap outside the �menu to close it.
Step 5
Tap the color picker.
Step 4
To zoom out, pinch closed. �To zoom in, pinch open.
TIP
To zoom out, pinch closed. �To zoom in, pinch open.
TIP
Making sure you are on �the grid tab, select white. Then tap outside the �menu to close it.
Step 5
Draw one or two clouds�in the sky.
Step 6
Draw one or two clouds�in the sky.
Step 6
To zoom out, pinch closed. �To zoom in, pinch open.
TIP
Tap Undo if you �make a mistake.
TIP
Tap Undo if you �make a mistake.
TIP
Draw one or two clouds�in the sky.
Step 6
Tap Done.
Step 7
Tap Done.
Step 7
Tap Undo if you �make a mistake.
TIP
Tap Format ..
Step 8
Tap Format ..
Step 8
Tap Done.
Step 7
Tap Arrange.
Step 9
Tap Arrange.
Step 9
Tap Lock.
Step 10
Tap Format ..
Step 8
Tap Lock.
Step 10
Tap Arrange.
Step 9
Section 2
Draw objects to animate
Draw waves and a swimming duck to add �to your animation.
Tap Media ..
Step 1
Tap Media ..
Step 1
Section 2
Draw objects to animate
Draw waves and a swimming duck to add �to your animation.
Tap Drawing.
Step 2
Tap Drawing.
Step 2
With the Fill tool still selected, tap the color picker.
Step 3
Tap Media ..
Step 1
With the Fill tool still selected, tap the color picker.
Step 3
Tap Drawing.
Step 2
Choose a dark blue �color from the grid.
Step 4
Choose a dark blue �color from the grid.
Step 4
With the Fill tool still selected, tap the color picker.
Step 3
Tap outside the menu to close it.
Step 5
Tap outside the menu to close it.
Step 5
Choose a dark blue �color from the grid.
Step 4
In the bottom third of �the scene, draw waves �that extend well over �the slide’s edges.
Step 6
In the bottom third of �the scene, draw waves �that extend well over �the slide’s edges.
Step 6
With the Fill tool still �selected, tap yellow.
Step 7
Tap outside the menu to close it.
Step 5
With the Fill tool still �selected, tap yellow.
Step 7
Draw a yellow circle anywhere in the background area to make a head for your duck.
Step 8
In the bottom third of �the scene, draw waves �that extend well over �the slide’s edges.
Step 6
Draw a yellow circle anywhere in the background area to make a head for your duck.
Step 8
With the Fill tool still �selected, tap yellow.
Step 7
Draw a duck body under the circle and above the waves.
Step 9
Draw a duck body under the circle and above the waves.
Step 9
Draw a yellow circle anywhere in the background area to make a head for your duck.
Step 8
Use the Eraser tool to �remove any parts you �don’t want to keep.
TIP
Use the Eraser tool to �remove any parts you �don’t want to keep.
TIP
Draw a duck body under the circle and above the waves.
Step 9
Use black to draw an eye.
Step 10
Use black to draw an eye.
Step 10
Choose orange to �draw a beak.
Step 11
Use the Eraser tool to �remove any parts you �don’t want to keep.
TIP
Choose orange to �draw a beak.
Step 11
Choose a dark yellow to �draw a wing.
Step 12
Use black to draw an eye.
Step 10
Choose a dark yellow to �draw a wing.
Step 12
Choose orange to �draw a beak.
Step 11
Use the selection tool to outline drawings or parts of drawings if you need to separate, merge, move, or resize them.
TIP
Use the selection tool to outline drawings or parts of drawings if you need to separate, merge, move, or resize them.
Choose a dark yellow to �draw a wing.
Step 12
TIP
Tap Done.
Step 13
Tap Done.
Step 13
Use the selection tool to outline drawings or parts of drawings if you need to separate, merge, move, or resize them.
TIP
15 min
Estimated Time
In this tutorial, you’ll learn how to use different actions in Keynote to animate your drawings.
Animate �Your Drawings
Tutorial 3
Section 1
Add an action
You’ll add movement to your waves using �the Pulse Action in Keynote.
Tap your duck to �bring up the menu.
Step 1
Tap your duck to �bring up the menu.
Step 1
Section 1
Add an action
You’ll add movement to your waves using �the Pulse Action in Keynote.
When you have multiple drawings, you can merge them (or separate them) �if needed.
TIP
When you have multiple drawings, you can merge them (or separate them) �if needed.
TIP
Tap Select Objects.
Step 2
Tap your duck to �bring up the menu.
Step 1
Tap Select Objects.
Step 2
When you have multiple drawings, you can merge them (or separate them) �if needed.
TIP
Tap the duck to deselect it.
Step 3
Tap the duck to deselect it.
Step 3
Tap Done.
Step 4
Tap Select Objects.
Step 2
Tap Done.
Step 4
When you see the new �menu, tap Animate.
Step 5
Tap the duck to deselect it.
Step 3
When you see the new �menu, tap Animate.
Step 5
Tap Add Action.
Step 6
Tap Done.
Step 4
Tap Add Action.
Step 6
When you see the new �menu, tap Animate.
Step 5
Swipe left and tap Pulse.
Step 7
Swipe left and tap Pulse.
Step 7
Tap Add Action.
Step 6
Tap to close the actions.
Step 8
Tap to close the actions.
Step 8
Swipe left and tap Pulse.
Step 7
Tap Pulse Action.
Step 9
Tap Pulse Action.
Step 9
Tap to close the actions.
Step 8
Touch and hold the �Duration slider, then �drag it to 10 seconds.
Step 10
Touch and hold the �Duration slider, then �drag it to 10 seconds.
Step 10
Tap Pulse Action.
Step 9
Touch and hold the �Scale slider, then drag �it down to 104%.
Step 11
Touch and hold the �Scale slider, then drag �it down to 104%.
Step 11
Decrease to 2 Pulses.
Step 12
Touch and hold the �Duration slider, then �drag it to 10 seconds.
Step 10
Decrease to 2 Pulses.
Step 12
Tap Play to preview �your animation.
Step 13
Touch and hold the �Scale slider, then drag �it down to 104%.
Step 11
Tap Play to preview �your animation.
Step 13
Tap Done.
Step 14
Decrease to 2 Pulses.
Step 12
Tap Done.
Step 14
Tap Play to preview �your animation.
Step 13
Section 2
Add a motion path
You’ll float your duck across the screen �by adding a motion path to your drawing.
Tap your duck to select it.
Step 1
Tap your duck to select it.
Step 1
Section 2
Add a motion path
You’ll float your duck across the screen �by adding a motion path to your drawing.
Drag a blue dot to resize �your duck if needed.
TIP
Drag a blue dot to resize �your duck if needed.
TIP
Pinch in to see around �the edges of the slide.
Step 2
Tap your duck to select it.
Step 1
Pinch in to see around �the edges of the slide.
Step 2
Drag a blue dot to resize �your duck if needed.
TIP
Touch and hold the duck, �then drag it off the edge �of the slide, just below the water line.
Step 3
Touch and hold the duck, �then drag it off the edge �of the slide, just below the water line.
Step 3
Tap the duck again to �open the menu.
Step 4
Pinch in to see around �the edges of the slide.
Step 2
Tap the duck again to �open the menu.
Step 4
Tap Animate.
Step 5
Touch and hold the duck, �then drag it off the edge �of the slide, just below the water line.
Step 3
Tap Animate.
Step 5
Tap the duck again to �open the menu.
Step 4
Tap Add Action.
Step 6
Tap Add Action.
Step 6
Tap Animate.
Step 5
Tap Create Path.
Step 7
Tap Create Path.
Step 7
Tap Add Action.
Step 6
Touch and hold the red dot, then drag the duck all the �way across the slide. A red line appears, indicating the motion path.
Step 8
Touch and hold the red dot, then drag the duck all the �way across the slide. A red line appears, indicating the motion path.
Step 8
Tap Create Path.
Step 7
If you don’t like your path, �tap Clear and try again.
TIP
If you don’t like your path, �tap Clear and try again.
TIP
Touch and hold the red dot, then drag the duck all the �way across the slide. A red line appears, indicating the motion path.
Step 8
Tap Done.
Step 9
Tap Done.
Step 9
Tap Motion Path.
Step 10
If you don’t like your path, �tap Clear and try again.
TIP
Tap Motion Path.
Step 10
Tap Done.
Step 9
Touch and hold the �Duration slider, then drag �it to 10 seconds so that it matches the Pulse action.
Step 11
Touch and hold the �Duration slider, then drag �it to 10 seconds so that it matches the Pulse action.
Step 11
Tap Motion Path.
Step 10
Tap Align to Path Off to make �the shape pivot along the curve of the path.
Step 12
Tap Align to Path Off to make �the shape pivot along the curve of the path.
Step 12
To preview the �animation, tap Play.
Step 13
Touch and hold the �Duration slider, then drag �it to 10 seconds so that it matches the Pulse action.
Step 11
To preview the �animation, tap Play.
Step 13
Tap Done.
Step 14
Tap Align to Path Off to make �the shape pivot along the curve of the path.
Step 12
Tap Done.
Step 14
To preview the �animation, tap Play.
Step 13
5 min
Estimated Time
In this tutorial, you set up a build order �to play multiple actions together.
Set Up Multiple Animations
Tutorial 4
Section 1
Copy animations
One way to easily make multiple animations �is to copy and paste them.
Tap your wave drawing to select it and open the menu.
Step 1
Tap your wave drawing to select it and open the menu.
Step 1
Section 1
Copy animations
One way to easily make multiple animations �is to copy and paste them.
Tap Copy.
Step 2
Tap Copy.
Step 2
Tap your wave drawing to select it and open the menu.
Step 1
Tap anywhere below the slide.
Step 3
Tap anywhere below the slide.
Step 3
Tap Copy.
Step 2
Tap again to bring �up the menu.
Step 4
Tap again to bring �up the menu.
Step 4
Tap anywhere below the slide.
Step 3
Tap Paste.
Step 5
Tap Paste.
Step 5
Tap again to bring �up the menu.
Step 4
Tap Format ..
Step 6
Tap Format ..
Step 6
Tap Paste.
Step 5
In the Arrange tab, select �and move your second wave drawing to the front.
Step 7
In the Arrange tab, select �and move your second wave drawing to the front.
Step 7
Tap Format ..
Step 6
Tap the Drawing tab.
Step 8
Tap the Drawing tab.
Step 8
Drag the Opacity �slider to 75%.
Step 9
In the Arrange tab, select �and move your second wave drawing to the front.
Step 7
Drag the Opacity �slider to 75%.
Step 9
Tap the Drawing tab.
Step 8
Drag the new wave drawing �to just below the first wave drawing, covering the bottom of the duck.
Step 10
Drag the new wave drawing �to just below the first wave drawing, covering the bottom of the duck.
Step 10
Drag the Opacity �slider to 75%.
Step 9
Section 2
Set your build order
Adjust the timing and sequence of your �animations by setting your build order.
Tap the second wave layer again to bring up the menu.
Step 1
Tap the second wave layer again to bring up the menu.
Step 1
Section 2
Set your build order
Adjust the timing and sequence of your �animations by setting your build order.
Tap Animate.
Step 2
Tap Animate.
Step 2
Tap the second wave layer again to bring up the menu.
Step 1
Tap Build Order ..
Step 3
Tap Build Order ..
Step 3
Tap Animate.
Step 2
Tap With Build 2.
Step 4
Tap With Build 2.
Step 4
Tap Build Order ..
Step 3
Set Delay to 0.3 seconds �for more variation in the �wave motion.
Step 5
Set Delay to 0.3 seconds �for more variation in the �wave motion.
Step 5
Tap With Build 2.
Step 4
Tap Build 2.
Step 6
Tap Build 2.
Step 6
Tap With Build 1.
Step 7
Set Delay to 0.3 seconds �for more variation in the �wave motion.
Step 5
Tap With Build 1.
Step 7
Tap Preview.
Step 8
Tap Build 2.
Step 6
Tap Preview.
Step 8
Tap With Build 1.
Step 7
Tap Done.
Step 9
Tap Done.
Step 9
Tap Preview.
Step 8
5 min
Estimated Time
You’ll rename your file and export your�motion graphic as a movie.
Export Your Motion Graphic
Tutorial 5
Tap the title to open the �Action menu.
Step 1
Tap Rename.
Step 2
Tap Rename.
Step 2
Tap the title to open the �Action menu.
Step 1
Type a new name for �the project, such as “Swimming Duck.”
Step 3
Type a new name for �the project, such as “Swimming Duck.”
Step 3
Tap Rename.
Step 2
Tap Done.
Step 4
Tap Done.
Step 4
Type a new name for �the project, such as “Swimming Duck.”
Step 3
Tap your new title.
Step 5
Tap your new title.
Step 5
Tap Done.
Step 4
Tap Export.
Step 6
Tap Export.
Step 6
Tap your new title.
Step 5
Tap Movie.
Step 7
Tap Movie.
Step 7
Tap Export.
Step 6
Tap Export.
Step 8
Tap Export.
Step 8
Tap Movie.
Step 7
Tap Save Video. Your �video will be saved to �your Photo library.
Step 9
Tap Save Video. Your �video will be saved to �your Photo library.
Step 9
Tap Export.
Step 8
TM and © 2023 Apple Inc. All rights reserved. |
What have we learnt this session?
Animate your drawings
Export a motion graphic as a movie
Draw using Keynote for iPad
Add motion graphic to your Portfolio
What will we be learning next session?
Next lesson we will be creating some Pop Art. We will learn how to combine drawing with creative photo editing techniques to inspire.
This will include…
Using Your New Skills
How could you use your new skills in other subjects?
History - Recreate the Viking invading Britain!
Geography - Show the effects of Deforestation on Rainforests around the world
English - Bring a scene of your Class Text to life
Science - Create a moving Water Cycle or animate some Sound Waves
Maths - Animate the calculation of Area and Perimeter for a shape
Project Website
This presentation, and all project resources, are available on our project website…