Create Custom Letter Shapes in Keynote

blog post.001

I made this Everyone Can Create image when I got home from the World Wide Apple Distinguished Educator Institute in July. I left truly inspired and I wanted to create an image where I could showcase pictures of my friends and colleagues to highlight creative experiences from the week. Since I posted it in July, I have had many requests on how to create this, so I thought I’d share!

Everyone can Create.003

I knew I wanted to create “picture frames” of letters and use those as shapes to mask images. There are some great online tools to do this, but I really wanted to create it myself and try to find a way to make it happen. I immediately went to Keynote and started playing around with different ways to complete this project. For the first part of this project, it has to be done on the Mac. Within the shapes menu, there is a very powerful tool called the ‘Draw with Pen’ tool. It is an amazing tool and you can pretty much create whatever your heart desires. Truly, the sky is the limit, just ask my good friend and “Master of the Keynote Draw Tool,” Ben Mountz. He’s made the most amazing images in Keynote using this tool. If you haven’t checked out his work, his Twitter handle is @BenMountz and I promise, you will be amazed.

Screen Shot 2018-08-18 at 12.52.04 PM

I used one of my favorite block fonts and inserted a text block. I resized the text and changed the opacity of the text block so that I could trace over it using the draw with pen tool. You could certainly do yours freehand, but I need a little more practice than the average person because drawing is not one of my talents. ūü§£

Screen Shot 2018-08-18 at 7.15.37 AM

The way the Draw with Pen tool works is that you add points to draw line segments. When you join the points to the original point, you create a closed shape. From there, you can edit the shape to create curves. Once you have your shape, click on it to see the editing points. A square indicates a sharp line, while a circle indicates a curved line. The more you play around with this tool, you can learn the advanced features, including creating a bézier point, which pretty much means the points and the curve change intuitively along the path. If you draw a shape and use a secondary click, you will have these options: sharp point, smooth point, bézier point, or an option to divide the path.

Screen Shot 2018-08-18 at 12.46.51 PMScreen Shot 2018-08-18 at 1.01.46 PM

Once you have all of the letters drawn for what you want to create, then I’d suggest duplicating the letter shapes so that you have more than one of each letter. Using the object list is a really nice feature when creating your own shapes.

Screen Shot 2018-08-18 at 1.23.10 PM

Once the letters are created, you can do the rest of this project on Keynote for iOS.  In the picture below, I filled the letter E with an image. I used the slider to fit different parts of the photo inside the E and I moved the photo around to get it just right.

Screen Shot 2018-08-18 at 7.42.22 AM

Everyone can Create.006

Finished project for my son’s baseball team.

You could most certainly extend the use of letter shapes by animating them in Keynote and exporting them as videos. My first thought went to how amazing it would be to have younger students animate and insert voices for letters to demonstrate knowledge of letter sounds. How fun would that be! I’d love to see what you come up with and all the various ways we can turn letters and words into art!

Have fun creating!! #EveryoneCanCreate

PS…I will be taking a break from publishing blog posts. I hope that you go out and continue creating and I encourage you to find awesome people to follow on Twitter! Thanks to all my readers for all your support and feedback over the years! Cheers!!

Advertisements

Archive and Showcase Learning Experiences in a Keynote Portfolio

Archive Learning Experiences in Keynote.001

As most of you know by now, Keynote is my favorite tool for so many creative reasons. Let me share with you another reason I love Keynote. I love to create non-linear presentations. Non-linear simply means that the Keynote slides will not advance in sequential order. In these types of Keynote decks, you insert links that guide the order of the Keynote presentation. In this project example, if students begin the year by creating the ‘shell’ for their ongoing portfolio of work, then they simply add to it throughout the year. They can create buttons that allow the presentation to go in the order of their choosing and add links to various content areas or learning topics.

Think of the story of learning this type of project tells! It’s powerful evidence of learning and success!

Why not just use a portfolio based app that archives student work, you ask? My answer is because creating it like this¬†is just another way students can become creators of their own work. This is especially great for even our youngest students in learning the basics of web design as they can ‘pretend’ this is their very own website. A website functions similarly; there are buttons that take the user to other pages.¬†Students choose their design from scratch, add linking buttons that will create the action they want. There are no privacy concerns because the only people who would see this are people that have access to the Keynote file. ¬†They can showcase their completed Keynote portfolio to a classmate, or family member with great pride knowing that this is all their own original creation. This would be an amazing artifact to show parents at the end of the year!

To make it more meaningful, when students add work to their Keynote portfolio, they explain what the project was, if they enjoyed it, and what they learned from it. It’s a very powerful reflection tool.

Students can embed video, projects from other applications, screen shots, and so much more to truly bring their digital portfolio to life. Students can use shapes as buttons and add links to various pages in their portfolio as well as add links to external sites. My suggestion is to help students build a shell for their work. Suggestions include:

  • Title slide with buttons, which includes links to the various content areas.
  • Create a slide with the title of each content areas.
  • Add as many slides as you need under each content area.
  • Add buttons to your slides with links that allow the user to go back to other pages.
images.001

Title slide with buttons to link to these content areas

Screen Shot 2018-08-09 at 7.02.12 PM

Content areas (Think of this as chapters). Each of these have a link that goes back to the home page (title page).

 

 

 

 

 

 

Screen Shot 2018-08-09 at 6.31.30 PM

Screen Shot 2018-08-09 at 4.30.58 PM

What each content area on the title page looks like once each of the rectangle shapes have been linked to slides or external slides. The blue arrows indicate there is a link, but the arrows disappear once the user hits play and interacts with the presentation.

 

Putting it all together (Video):

Keynote+GarageBand=Love

blog post july.001

Keynote for iPad has become even more than I have ever dreamt it would be. Add in the animated drawings and new exporting features, Keynote has become a creator’s perfect tool. ¬†When students create projects, they can create their own audio soundtrack in GarageBand and import it into Keynote. That’s why this post is all about how Keynote+GarageBand=LOVE!

Originally, I was going to use Keynote and Clips (which I LOVE, btw) to create this project, but in the end it just wasn’t the right tool. It’s a great reminder that when we use technology, it’s ALWAYS about finding the right TOOL for the right PROJECT. I didn’t need a movie editor for students to complete this project, they could do it all in Keynote+ GarageBand.

In this example, a student interprets a quote that resonates with him as he reflects on a time he’s been studying in history class. ¬†I got the idea of students interpreting a famous quote in history from Apple’s Everyone Can Create curriculum, an amazing resource for teachers and students. I wanted to take it further and I love it when we can combine apps to create something really wonderful, which allows students to share their work in creative ways.

Project Workflow:

  • Create a soundtrack in GarageBand with vocals, live loops, or other instruments.
  • Share file and export as a song, save it to Files app.
  • Open Files app, find the GarageBand¬†song, tap to copy.
  • Open Keynote and draw the person who spoke the famous quote in history. ¬†Add the line draw animation and adjust the timing of delivery as needed. Add the text of the quote. Add animation to the text and adjust the timing so that it matches with the quote as it’s being read in the soundtrack (I like the typewriter animation for animating text).
  • Tap on the slide to paste the GarageBand¬†song and tap on it to adjust the delivery options.
  • Play your move to make sure all of the timings are correct and all of the delivery options are in the right order.
  • Export
  • Share!!

workflow.001

workflow.002

Project Example: