The lesson would connect dancing, music, and visual art while teaching about shadows, transparency, silhouette, complementary colors, digital layering, and movement.
In this lesson, students would learn to apply a green screen technique using the Green Screen App by DoInk that creates a silhouette, copy it and change the transparency to create a shadow, then layer it over a background.
Create the silhouette: After you load a green screen video, click on the color wheel button and choose a spot on the other side of the color wheel for the chroma key effect. The complementary color (choose red instead of green) makes the subject a silhouette. Adjust the sensitivity bar and choose the crop button to clean up your video. Export the silhouette video to the camera roll by choosing "save" while "video" is selected.
Build your project: Bottom layer-chose image-upload the stage from camera roll Middle layer: choose video-upload the silhouette video. The green will automatically go away. Resize and position by pinching the video with two fingers. Click on video and choose "copy" from menu at bottom Top Layer: touch the layer and choose paste. Go back to the second layer, touch it to select it. Under the color wheel button, slide the sensitivity button until it becomes transparent and looks like a shadow. Audio: I would remove audio from this video and add it back later when the whole class video is made in iMovie.
Below is a Fugleflick about visual literacy created completely in shadows by students.
Below is a performance by an Hungarian Shadow Theater Group on Britian's Got Talent show. (Get your kleenex ready.)
This Fugleflick introduces the concept of complementary colors which is part of this digital art making experience.
This Fugleflick introduces the concept of transparent and opaque which is needed to understand shadows in this digital lesson.
Or look at the still image version of the dancing silhouette called iExpress.
Fourth graders are working on a piece of art inspired by Vincent Van Gogh's Bedroom called Room at Arles. They are learning to draw in perspective with a vanishing point, about Van Gogh's work, and thinking about how to customize their drawing to make it more like their bedroom in Arlington Heights (or Mt. Prospect).
Drawing a Bedroom in Perspective:
Below are a series of slides from our lesson that lead the students through the steps of creating the basic parts of their bedroom inspired by the Van Gogh painting.
View their gallery of finished paintings on Artsonia at this link.
Entering the Artwork:
Since I happen to own a chair like the one found in Vincent Van Gogh's painting, students made their rooms without a chair so that they could sit on it when they digitally entered their artwork. Below is a quick diagram of the plan for layering a digital video over a digital image using the Green Screen app by DoInk.
See the art gallery on Artsonia here.
I animated with Kindergarteners for the very first time and recorded each student before green screen to tell the audience how to be kind.
Here is how:
Kindergarteners began the school year learning about the primary colors: red, yellow, and blue. We poured them into the center of our paper, folded it in half, and watch the colors mix into a symmetrical design. It reminded us of butterflies. So we will turn them into butterflies with construction paper and googly eyes next week. Meanwhile we imagined that each artist was the body of their own butterfly for these images.
See the gallery on Artsonia here.
Here is a little "how to" for making these in Keynote (on a Mac):
Tricia Fuglestad's Slidely by Slidely Slideshow
Students completed their physical piece of art by learning how to make a butterfly body by measuring a good SIZE and designing a good SHAPE for their symmetrical paint wings. These can be viewed in their gallery here.
First graders are making a Wild Thing painting inspired by the book, Where the Wild Things Are by Maurice Sendak. We've done this project in the past and it has been very popular. Below are two first graders I caught wearing their wild things in the art room. Their families purchased it from Artsonia's giftshop. How fun is that?!
Click here to see a gallery of student Wild Things on Artsonia.
Watch the Wild Things March across your screen in the movie below.
Visual Texture Fugleflick
To learn about visual texture (drawing something the way it would feel if you could touch it) is explained in this musical Fugleflick video created by first graders below.
Digital Warm Up:
Students used the Create A Monster App to invent their own digital monsters. See this gallery on Artsonia.
Or, students can pose as if they are with their wild thing using the Green Screen app by DoInk. The movie below was from many years ago using photoshop. This is soooo much easier to do with the app (whew!).
Wild Thing Bookmark
Click HERE to view students' bookmarks
When I first started teaching I would do an introductory lesson with my kindergartners that involved mixing the primary colors and symmetry by squirting paint on paper, folding it, and turning it into a butterfly. See how this is done from Theresa Gillespie's post here. She calls the lesson an oldie but a goodie and I agree. My interest in this lesson revived after running across a photo collage image in a Shutterfly ad (on right below). I started to rethink this lesson. Here are my new plans for two ways of creating this lesson.
Digital art and photo collage:
Physical art and photo collage:
See this post of Kindergarten butterflies
P.S. If you include the whole body in the photo then these images can be used for a flying animation.
Video tutorial showing how to layer images in Superimpose app
Video tutorial showing how to use the symmetry function in Sketchbook express
I explored an alternate way of creating these butterflies by using bilateral symmetry in Amaziograph app and adding a silhouette using superimpose app. I have a tutorial for silhouettes in this post: http://drydenart.weebly.com/fugleblog/silhouettes-with-superimpose-app
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
View the line up from the Screen Test Jr here: http://www.ci.schaumburg.il.us/PCA/youth/Pages/ScreenTestJr2016_Lineup.aspx
View our movie entry below. It is password protected until after the fest. PW: dolphin
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.
(In January a group of 16 fifth graders volunteered their lunch recesses to work on a Fugleflick movie that would teach viewers how to show movement in art. The process included recording an original song, drawing out a storyboard of every scene, dreaming up video effects to help tell their story, all kinds of animation, and lots of layered green screen effects. View this post to see how they did some of their amazing special effects. The group used teamwork to accomplish this movie each finding a way to contribute from prop directors to wrinkle fixers to behind the scenes photographer to audio manager to dropbox uploader to camera person to choreographer. This two minute movie took nearly two months to complete but, perhaps making produced memories and lessons that will last a lifetime. Enjoy the fuglefick! (password:dolphin)
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.