I spent my first day of Spring Break in West Bloomfield, Michigan working with a lovely group of teachers on iPad creation and STEAM ideas for fine arts and technology. All my lesson ideas are on this growing smore flyer. There are over 185 so far so I use a numbering system to refer to them as in my handout for the workshop below:
I was asked to do an iPad workshop for the art teachers of District 47 in Crystal Lake today. I was able to show them a bunch of creative ways to make art with their students digitally to explore concepts differently and demonstrate understanding dynamically. (The numbers on the sheet refer to my 175 STEAM art ideas found here.)
We made monsters dance in the art room during STEAM night at Dryden. We used my Stop Motion Animation lesson and set the videos to music using the Ditty app. Use this link to find my post will all the directions and information on how to do this lesson.
While I was developing this idea I tweeted my plans and copied in @zya (the company that makes the Ditty App). They were so excited about our event that they sent swag for us to raffle off to participants. How cool is that?
Families came to an animation station, followed my instructions to make dancing monsters in iMotionHD then set them to a music video in Ditty. (Both are free apps). They turned in their creations using the dropbox and I played their video on my big screen for all to enjoy. Here are some of the creations families made last night.
I experimented with one group of 4th graders today to try out my green screen stop motion animation monster idea. Now that we have 6 iPad document stands in the art room (thanks to a grant from ABC/25 foundation) we can easily set up animation stations under them. We tried using simple green construction paper and movable monster figurines under the document stand using the iMotion HD app. We moved the figure, took a picture and repeated. After 20 photos students saved a finished 2 second animation at 10 frames per second. We made a ditty (see my ditty post here) and watched the creatures dance over the music video using the green screen app by doInk.
Parents and students are going to give this lesson a try on the evening of May 19th. I modified the lesson so that it's a bit more streamlined now that Ditty allows you to import your own video. we no longer have to have a green screen step to overlay the ditty music/text to our animation. Here are the directions: download this pdf
Remember those iTunes + iPod Ads?
First, I loaded a green screen video into DoInk Green Screen App. I cropped and resized it to make sure only the figure and green screen showed in the viewfinder. Here is what it looked like before I applied the chroma filters.
When you enable the Chroma filter the green disappears by default. I moved the color dial over to red (the complementary color of green) and adjusted the sensitivity level until I found the sweet spot where the figure became a silhouette.
I exported this clip as a movie to make sure this effect is retained. Here it is below.
Then, I put the video with the new effect back into the Green Screen app and applied the default chroma filter effect which removed the green but kept the black silhouette. I added an image of a color below s that I could see silhouette.
This is the clip of created from above. The next step is to make decisions about the background and the figure's placement to create your video.
I wanted to try to recreate the iPod/iTunes ad with "iWords" in white over a solid color field. So, I used Phonto to make these three images to play behind my silhouette video.
As I was playing with this dancing silhouette effect I found myself wanting to combine them with words and music. A very simple way to achieve this was by using the Ditty App (see this previous post about ditty) to make a musical video from the words I typed. The movie exports as a square. So, I used one of the video layers in the green screen app to add a color so I can scoot the Ditty to one side of the viewing stage. This allowed me to add the dancing silhouettes on the top layer. I played with the sensitivity level until they became semi-transparent so that they can overlap the words without blocking them out.
Here is the video I created over a ditty with two layers of dancing silhouettes. Both layers have some level of transparency so they can overlap the words.
I have been doing a graphic design lesson inspired by the iTunes and iPod ads since 2007. I wrote about this lesson for School Arts Magazine and created tutorials for creating these effects for using the Mac Desktop app Keynote and the iPad using Superimpose. View this post.
Also I've posted a couple lesson ideas using the Ditty app. One was about adding green screen stop motion animation over a ditty.
See that post here.
The other lesson idea included using drawn or composed animation over a musical ditty. See my post about this here.
Ditty is an app introduced to me via @DrydenTech and @msquick4 as a way to make a musical video from any text you type. When I started playing with it I began seeing lots of fun uses for making Musical Memes combined with animation. Above (left) is an example of a green screen stop motion animation using iMotionHD, an iPad document camera, and green construction paper. On the right is a musical ditty of the phrase "monsters love to dance." I combined the videos in the Green Screen app by DoInk and along with some more stop motion clips to make the Musical Meme below. See this post: http://drydenart.weebly.com/fugleblog/green-screen-stop-motion-monsters
I used two drawings and animated them in the composition mode of the DoInk Animation app over a green background. Then, I layered the video over a ditty created from my slogan, "Life is too short for long faces" using the Green Screen app by DoInk.
This musical meme was created with a drawn animation of a pigeon using the doInk animation app. I was able to export the animation after I used composition mode to the shared folder. When I opened the green screen app I could import the animation with a transparent background using the shared folder feature. The two apps play nicely together to save time and keep you for having to do extra steps while layering your work.
The musical meme below is a quote illustrated with a rotoscope of people scratching each other's back. I made this rotoscope once, duplicated it, changed the color, and repeated until I had a long chain of people helping people. The rotoscope was overlapping the ditty's words so I extended the animation in the green screen app with a layer of plain white. This animation also used the shared folder between the two apps.
View our Entry for the What's Your Story
Internet Safety Contest
(Won the 2nd Place Prize)
View this musical tribute to the hard working teachers at Dryden and the students they love to teach.
Tricia Fuglestad, NBCT 07
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.