Category: Pattern

Op Art Painting and Falling Animation

10/7/2018

My third graders are going to explore the primary & secondary colors, complementary colors, patterns, rotational symmetry, while learning the geometry of a circle in these color wheel paintings. Then they will be compared to op art as students rotate and digitally fall into them using Do Ink drawing and animation app on the iPad.

Step One: Learning the Color Wheel

Students practiced creating a color wheel with a rotationally symmetrical design inside. They needed practice with rulers, rotational symmetry, how to fill in the color wheel with secondary colors between each of the primary colors that mix to make it.

We used the Dot Day Quiver sheets to add an extra "dimension" to our practice since we were able to see the color wheels lift off the paper to rotate (and other effects) through the magic of augmented reality (using the Quiver app).

These Ss said the had never seen #augmentedReality before @quivervision #Arvrinedu #artsed #DotDay pic.twitter.com/6YniMcZgfF
— Tricia Fuglestad ☕️ (@fuglefun) September 7, 2018

Step Two: Geometry and Symmetry

I made 60º angled wedges for students to use to prep their color wheel circles. We did the math: a circle is 360º. We can divide it by 6 (3 primaries & 3 secondaries) by making six 60º sections.

I learned that the 3rd graders really needed a concrete way to understand rotational symmetry so I pulled out manipulatives (aka foam shapes) that they could arrange and trace 6 times.

Then we labeled each of the six spaces with our secondaries in between the two primaries that mix to make it and double checked that our design was rotationally symmetrical.

Step Three: Primaries and Complements

Painting neatly in this project is very important since the color wheel should always have bold clean colors in a specific order. We watched our STAY NEAT video and sang along to prep for our painting steps.

We filled the primary colors first. Then, reached across the color wheel to paint the negative space of the complementary color (opposite color).

We painted as neatly and completely as possible trying not to mix wet paint together to keep our color bold and clean. Warning: complementary colors mix to make brown.

Step Four: Painting Patterns

Painting neat patterns with thin brushes over dry paint takes practice.

I created this guide to help students think about how to PULL their paint brush to produce clean thin patterns instead of pushing, dabbing, or scrubbing.

Get inspired about patterns with the REPEAT Fugleflick (warning, the song is very addictive-but luckily there is a karaoke version on my website if you can't get enough).

ONLY THREE PATTERNS were needed to complete this design.

Step Five: Presentation of Physical Art

Our national standards for art education include presentation. Students need to think about how to prepare their art to present it as complete. We will use our BLACK MARKER to help redefine the six wedges of the color wheel while hiding our sloppy paint edges after getting inspired by our art room superhero, Black Marker!

Student examples: View the gallery

Step Six: Digital Extension

Students are going to learn about rotation and the illusion of depth using size to create a falling animation using two apps: Superimpose and Do Ink Animation App. The first step is prepping the still image of a student falling using the superimpose app.

Pose as if falling with green screen

Erase green and save as transparent PNG

Photo (PNG) of finished color wheel with transparent background using Superimpose app

Set the figure to be large at 0 seconds

Set the figure small at 2 seconds

Set one object to rotate clockwise and the other counter clockwise

Student Animations

3-1 Falling Animation from Tricia Fuglestad on Vimeo.

3-2 Falling Animation from Tricia Fuglestad on Vimeo.

3-3 Falling Animation from Tricia Fuglestad on Vimeo.

3-4 Falling Animation from Tricia Fuglestad on Vimeo.

Resources:

This Fugleflick helps students remember some strategies for staying neat while painting.

How to Stay Neat from Tricia Fuglestad on Vimeo.

This flag animation is the complementary colors of the American Flag. Stare at the numbers as the count up to 20. This will saturate your eye's rods and cones with orange, green, and black. When the time is up it will flip to a blank white slide where you will see an after image of red, white and blue (complementary colors).

Complementary in Every Way is a lovely Fugleflick video that introduces color theory including primaries, secondaries, and complementary colors through a sweet love story.

Complementary in Every Way from Tricia Fuglestad on Vimeo.

Repeat from Tricia Fuglestad on Vimeo.

Black Marker from Tricia Fuglestad on Vimeo.

Alice, from Alice in Wonderland, falls down a rabbit hole. Look at how she appears to change in size to create the illusion of depth. Our falling animation is similar. We will be large in the foreground and smaller in the background. We will spin one way while our color wheel op art spins the other way (clockwise or counter clockwise).

2 Comments

Abstract Cats inspired by Laurel Burch

5/20/2018

0 Comments

Examples of Laurel Burch's Art

Analogous colors are next to each other on the colorwheel.

Student Art: view the gallery

Resources:

I have a "How to Draw" sheet on TpT you can download here to help guide your students through the steps of drawing an abstract cat in the style of Laurel Burch.

Students use patterns to fill these cats. This Fugleflick, Repeat, talks about line, color, and shape pattern. See my students working while listening to this music video.

Using our #repeat #fugleflick to inspire our #patterns for our #laurel birch #abstract cats#drydenrocks #edtech #steam #pattern pic.twitter.com/cvUXIXEKnT
— Tricia Fuglestad ☕️ (@fuglefun) May 14, 2018

Repeat from Tricia Fuglestad on Vimeo.

Other Cats (safeview)

Digital Version of this lesson:

I triedthis lesson a number of years back physically and digitally. A magazine wrote a feature about the project too.

0 Comments

Make it and Move it: Patterned Paintings

3/3/2018

0 Comments

My students made beautiful patterned figure paintings to show movement. See their gallery on Artsonia. These paintings are also the backdrop for a stop-motion digital extension lesson where students animated a mannequin to show movement over their movement paintings. See this lesson and results here.

Make the Painting Move:

Original painting

Animated Painting

Here is the new digital extension animation plan: Import the digital picture of student art into Brushes Redux. On a layer over the image, recreate the center figure by tracing. Save this image as a png with a transparent background. Then mask out the same figure from original painting and redraw the color and pattern the figure had covered. This forces the student to consider the elements of foreground, overlapping, color, and pattern in a dynamic way. Save the masked painting to the camera roll. Import both images into the Do Ink animation and drawing app in composition mode. Set an animation path and add rotation to the figure. Save this as a video. Here is a quick overview tutorial of all the steps here.

Make it and Move it Patterned Figures from Tricia Fuglestad on Vimeo.

Trace, match the colors, and recreate the center figure on a new layer in Brushes Redux. Save PNG

Don't crop so the figure remains in the same aspect/place it was in the painting

Match colors and mask over the figure, redraw what would have been behind the figure

finished animation

I've been thinking that the figure without pattern would be best to isolate in this process. But, what if that figure is not in the foreground. Does it still work? Why not just isolate the most foreground figure regardless of pattern. Students could redraw the pattern digitally. I wasn't planning on this digital extension when I was instructing students in the design of their lesson. (Download the lesson here from TpT) If I were to do this again, I would have students make the unpatterned figure in the center also in the foreground to make this digital animation a bit easier for them.

Students Working:

Turn up your volume. Yep, it's perfectly quiet. Every single student is digitally painting. They understand the app interface, the concept, their purpose, & the overall goal. They are THINKING LIKE ARTISTS as they digitally create. This is what I've wanted to see for 18 years. This is the results of digital art projects since these 5th graders were kindergarteners. This is the results of being an iPad art teacher for 7 years. This is AMAZING! They are feeling right now how cool it is to work in such a forgiving media. They didn't appreciate the possibilities of the media when they struggled with the tools. Now, the struggle has ended with a hush as they drift into a calm flow of art-making.

Thinking Like Artists from Tricia Fuglestad on Vimeo.

Finished movies

Patterned Animation 5-1 from Tricia Fuglestad on Vimeo.

Patterned Animation 5-2 from Tricia Fuglestad on Vimeo.

Patterned Animation 5-3 from Tricia Fuglestad on Vimeo.

Patterned Animation 5-4 from Tricia Fuglestad on Vimeo.

0 Comments

Peanuts Inspired Dance Party

11/19/2017

0 Comments

This DANCE PARTY was inspired by the Christmas dance party scene in the Peanuts animation where each child is dancing in place on the dance floor in a continuous loop. We can try something similar using the Do Ink Animation app with these steps:

1. Get inspired by Peanut's Dance Party

2. Each student creates one dancer

1. Open up Do Ink Animation app and chose a "new drawing"
2. Choose brush size 5 and black and draw your first pose with closed shapes (so you can pour for coloring later)
3. Click the + in the timeline (bottom right corner) and draw the next pose
4. Repeat until you have 5 poses
5. Use the pour bucked and color each frame with the same color scheme.
6. Click on pose 4 in timeline, chose the double arrows to reveal "copy" & choose it
7. Click on frame 5 (last frame) and click "paste"
8. Click on frame 3, choose "copy". Click on last frame (now frame 6) click "paste"
9. Click on frame 2, choose "copy". Click on last frame (now frame 7) click "paste"
10. Click the play button and see if the animation loops nicely

2. Share the Do Ink Files

One of the cool things about the Do Ink animation app is that you can share your files from one device to another. We used the DropBox in my art room so students would save their animation using "DATA" then choose "Dropbox" and navigate to the Dance Party folder, rename it and save.

Sharing our original Do Ink files means that we and put together a group animation with multiple dancers while retaining all all layering, resizing, and editing functions.

3. Bring the dancers into 1 composition

4 dancers in one (16:9 ratio) composition with empty background

Import a clip and navigate to the Do Ink file

Each group will make one composition on one iPad with each person's dancer.

Use star to import dancers in a new composition

4. Flipbook designs w/lines & shapes

flipbook design using colored shapes

a flipbook design using colored lines

Students can work in pairs on designing a shape or line design for the background of their party. It's helpful if they choose 16:9 ratio as they create. I would recommend NOT using black in the outlines or anywhere. It will look too busy in the final piece and visually confuse the viewer since the figures are outlined in black.

5. Layer in & fade the background

Use the gear to select transparency in and out on the background layers

I chose to add a floor so that the figures weren't dancing on air. I made a new drawing, selected the square tool, and pulled out a rectangle. Then imported it into the composition using the star. I moved it to the layer under the dancers and in front of the background designs.

Dance floor made from shape tool

I also chose a BACKGROUND COLOR from the "i" properties button in composition mode.

Dance party: 4 dancers, two backgrounds, one floor with a background color

Related Projects:

Alien Music Invasion post full of fun musical creatures

Click to see this project full of singing, dancing, and instrument playing aliens

Peanutize yourself like my students did using this link.

Resource: Learn about line and shape pattern with this fun (and repetitive) fuglelflick, Repeat

Repeat from Tricia Fuglestad on Vimeo.

0 Comments

Goldfish (without the fish) by Matisse

10/29/2017

0 Comments

After 1st graders finish making their monochromatic fish paintings I have a new idea for them. We will learn to draw shapes into forms, create an interior space, fill it with pattern, and balance it with color using THE GOLDFISH, by Henri Matisse as inspiration. The fishbowl, however, will be empty at first.

Click to view the monochromatic fish lesson

Below is a slideshow that leads students through the steps for drawing where they will turn a circle into a fishbowl, make an oval table, design a corner of the room, and use color and pattern in the style of Henri Matisse.

Students will animate their monochromatic fish painting in the fishbowl.

Students will make their swim around in their fishbowl using the Do Ink Animation app

They will move it one way 2 seconds, flip it, and move it the other way 2 seconds

0 Comments

Magic Carpet Ride

10/12/2017

1 Comment

Digital Carpet Painting:

Magic Carpet Template made in Do Ink Drawing app

This digital magic carpet painting project is a great opportunity to explore color, line, and shape patterns, layers, and symmetry.
I began by downloading my magic carpet template into Brushes Redux app. I added a layer BELOW the template to begin painting.

Normally I would have students use Sketchbook Express and it's symmetry tool to draw only half the carpet while the other half magically fills in with the mirror image. However, the app is not going to be supported any longer, so I'm working on another solution.

Aladdin's Magic Carpet

I began coloring base colors and added line/shape pattern above on only 1/2 carpet

I duplicated the painting layer and used the horizontal flip button to create symmetry

The finished carpet is a symmetrical rectangle-not ready for flying yet.

Adding Perspective:

Before you can go on a magic carpet ride like Aladdin, you need your digital carpet painting in perspective so that you can view it from the side so you can climb aboard. I added my painting into the superimpose app over a plain color background. I found the tool mode for the foreground layer and chose perspective (the default). The configuration needed could be pulled and stretched by grabbing the handles on the image or you can chose a pre-created configuration at the bottom of the screen. I chose the one all the way on the right. Then, chose the checkmark to apply.

Superimpose App has a tool mode that allows you to add perspective with a simple button

Save the carpet in perspective with "save mask as png" to keep the transparent background

Fly on carpet (using still images)

This simple method will get your students up and flying without animating a background. They could pose as if they are riding their magic carpet paintings, use the superimpose app to layer their photo onto the carpet, and take it for a ride using the Do Ink Animation app over a background photo (like clouds). This would also create a fun still image for students' Artsonia gallery.

Moving Background Video:

To help create the illusion of flying, the background video needs to show movement. Below is a very simple composition created in the Do Ink animation app made by duplicating and resizing one cloud drawing and making multiple paths in the same direction.

Clouds moving fast to show flying-created in Do Ink Animation App

One really fun way to extend this lesson into geographic/cultural studies is to have each student draw a landmark that they could fly over: Eiffel Tower, Big Ben, Statue of Liberty, Mt. Rushmore, The Pyramids, Great Wall of China, Stonehenge Grand Canyon, Red Woods, Golden Gate Bridge, Taj Mahal, Hohenzollern Castle, The Leaning Tower of Pisa, etc. See this list of 15o famous landmarks.

Film the Green Screen:

Students need to film a few seconds of flying on and before green screen. I usually have students pose one at a time while I film them on my iPad on the tripod. I upload the videos to dropbox so students can access them.

Do Ink Green Screen App 1. background video 2.carpet in perspective 3. Green Screen Video

I like to do the green screen effect with my students in post production so students can each have the experience of layering, resizing, and setting up effects. The app does allow you to create effects in real time, but when you work with a full class, you can get much more done with nicer results this way. Before we export the effect as a video, I like to go around and check their work. Showing this magic carpet ride clip from Aladdin will keep them engaged.

Aladdin and Jasmine on Magic Carpet

Flying on a magic carpet

Paper Cut Version:

BACKGROUND: This version of the magic carpet ride lesson includes a paper cut landscape that shows foreground, middle ground, background in paper pieces. These will be animated traveling across the field of view through stop motion animation. It would be a great opportunity for students to show an understanding of foreground, middle ground, and background in the pieces they create and how they animate the scene.

Pieces needed for a paper cut animation of flying over the Hollywood sign

Hills in the foreground, sign in the middle ground, and sky in the background

I took 40 pictures in the iMotion App at 10 fps to make a 4 sec video

GROUP ANIMATION: I'm thinking that the background animation would be a group project. Each group would work on designing, drawing, cutting, and animating their landmark landscape. Each student would make their own magic carpet video of themselves flying over their group landmark landscape. Therefore, the class compilation video will only have six backgrounds but 24 videos.

MAGIC CARPET MADE FROM PAPER: A digital magic carpet wouldn't look right with a paper cut background. So, they would need to make a paper carpet in perspective. This is a great opportunity to teach students about a vanishing point, converging lines, and how pattern would be small in the back and large in the front (relative size).

Digital picture of the paper cut carpet. I erased the background in Superimpose app

Since you are not going to use stop motion for the carpet, I just took a digital picture of the paper drawing and erased the background in the Superimpose app. It needs to be digital for the green screen effect where a student rides the carpet.

GREEN SCREEN VIDEO:
I am more conscious now that I've practiced this lesson, that the student looks more convincing if they are facing right since the world moves from right to left below them in the final video. So now I have all the pieces: animated background, carpet saved with a transparent background, and green screen video. Magic time!

Paper Cut Magic Carpet Ride with Stop Motion Animation and Green Screen FX

Students Working

Student Results: view the paintings on Artsonia

Test Ride our Magic Carpets from Tricia Fuglestad on Vimeo.

Finished: Riding over Landmarks

3-1 MAGIC CARPETS from Tricia Fuglestad on Vimeo.

3-2 MAGIC CARPETS from Tricia Fuglestad on Vimeo.

3-3 MAGIC CARPETS from Tricia Fuglestad on Vimeo.

3-4 MAGIC CARPETS from Tricia Fuglestad on Vimeo.

Resources:

This link takes you to a travel website featuring 150 famous landmarks. Every student can feature a different landmark in the background video/animation. This would make the class video even more exciting as they fly over scenes from around the world.

View this safeshare.TV link of the "Whole New World" scene from Aladdin.

1 Comment

Dancing Sketchbooks

6/30/2017

2 Comments

..and other Individual Rotoscope Animation Ideas

One of the super cool things about Do Ink Animation and Drawing app is that you can pull in photos or videos and draw over them. Drawing over each frame of a video is a technique called Rotoscope Animation. You probably have seen this technique in the famous music video from the 80's A-Ha's Take Me On. I also LOVE this music video and song by Andrew Huang, Every Night I Dream of Dancing, which is a rotoscope collaboration using 30 artists crowdsourced through the internet.
I tried many ways to instruct my students to create rotoscope animations collaboratively, but I've yet to have them create their own...until now. I think I've come up with some ideas that can make this project manageable for very little people.

Plan One: 1 second loops

These 1 second animations loop nicely and can be converted to gifs

Plan for individual Rotoscope Animations as Gifs over White

Students take turns getting filmed in Camera App at the green screen doing a 1 second video of a repetitive movement (full body and use tripod to avoid shaky footage)
(optional) Edit the footage in Green Screen app by Do Ink to crop it nicely and trim away any extra footage
Open Do Ink Animation app, new drawing, and load the video into a layer. Switch video to bottom layer and activate the top layer to draw. If the video is too dark, slide the opacity down to fade it out so your black lines show better.
Use the settings to adjust the frame rate down. I use 7 frames per second. If the video is 1 second long the whole animation is only 7 drawings long
Select brush tool and size that give you enough detail. I used size 3 brush in black for above animations.
Begin contour line drawing. See this cute video for quick definition of contour line by Grandpa Pencil.
Click + on bottom right to start next drawing. Repeat until finished with 7 drawings.
Click the arrow (play) button at top to preview. The video automatically does not show (which is a feature of the app).
Save to gallery. If you share as video at this point it will be a 1 second video over a white background (not transparent).
Go to ezgif.com and convert the video to a gif so it loops.

Tutorial for Rotoscoping in Do Ink app

Rotoscoping in DoInk Animation App from Tricia Fuglestad on Vimeo.

Plan Two: Color the Loop

When you're done with plan one (above) you can stay in the app and get a little fancier with your rotoscope. You can layer a color below your contour line drawing or you can use the fill bucket and fill it with color (but make sure all your lines connect into shapes or you will "spill" instead of "fill".
I changed colors every two frames to give her a flashing effect.

Plan Three: Add Rotating Mandalas

I began a new drawing (still in the Do Ink Animation app) and chose a fill and border color, and dragged out a shape to fill the screen. Then I added line or/and shape pattern.
I made two of these patterned mandalas so that I could rotate them behind my rotoscope in opposing directions. The centers won't show much, so I focus the design on the edges.

Mandala with line designs, click to enlarge

Mandala with shape designs, click to enlarge

Three Layers Each mandala rotates once; one clockwise, one counter-clockwise

Select mandala> clip properties> Rotate> + 1

"i" to choose background color

This teaches: movement, rotation, layers, line & shape pattern, & rotoscope animation

Plan four: Dancing Sketches

Since the rotoscope animation has a built in transparency (the background is empty and see through) while it remains in the app, you could use this to create some very cool effects. One idea I've been playing with is to layer the rotoscope line drawing animation over a sheet of notebook or sketchbook paper. Since my drawing looks like it was made using a sharpie marker, I try to enhance that illusion by either leaving a marker on the notebook when I take the still image, or write with a sharpie marker alongside the animation. Below is my first rotoscope done this way, "How to Whip."

You can bring in still photos to your compositions in Do Ink then layer your Rotoscope over them

Since your rotoscope animation retains transparency in the Do Ink Animation app, you can layer them over a still photo to create interesting illusions like dancing sketches.

Did you see the video of the kids showing up at the end? That was an added step using the green screen app by Do Ink. I exported my sketbookbook video and put it in the green screen app and layered on the original green screen video, lined them up with the drawings. The only problem is that GS app limits you to three layers. I needed 4. So I "flattened" the video effect when I had two kids in place by exporting it. Then brought it back in to a new project and finished the third child's effect.

Gif: mixing physical and digital video. View the video below to hear the music.

Why use a sharpie if you can draw with your finger?

Using two layers of rotoscope animation one empty one with color-adding rotation

You can duplicate your animation and resize to make a synchronized dance party

Animated Sketchnotes from Tricia Fuglestad on Vimeo.

More Advanced ideas: animated sketchnotes

Animated sketchnotes

Used superimpose app to erase & save PNG

flipbook animation of fish in Do Ink

Drawing and animation interacting-extra step to create overlapping effect

Lowest layer of animation

digital picture, erased and saved as png

Use the composition mode of Do Ink to combine rotoscope, sketchbook drawing and masked sketchbook drawing. Create an animation path for extra movement

Masked drawing saved as PNG

flipbook animation in Do Ink drawing app

Spooky Sketch that shows overlapping and relative size

straight foreward drawing-no masking

Drew 4 then copied & pasted rest

I flipped the butterfly animation by grabbing the corner and crossing over to the other side

butterfly animation over a sketchbook drawing

Sketchbook drawing of dreaming

PNG w/ masked out interior of bubble

Dreaming of Dancing

Chasing girl alien

Running boy alien

Drew over my template, copied, scooted template, drew again

I loaded my template into the Do Ink Drawing app to help get my running poses correct

A love story that isn't so alien to some of us

Chasing Alien part 2

Mini Digital Stories:

mini digital stories from Tricia Fuglestad on Vimeo.

You can adjust the transparency of a layer of animation in the composition mode. Did this for the yellow light so that it looked like a transparent beam signalling a carrot for Carrot Boy

Turning on the lights (so much better with sound-see video)

My collaborative Rotoscope Projects:

In 2012, my 5th grade students did a collaborative rotoscope animation project with every one of my 100 students drawing over 330 frames of video pieced back together to make the animation shown in the video below. We entered it into the McGraw-Hill STEMie national online contest and won the $5000 second place prize. This money became the seed money for our 1:1 iPad art room. As you can see from the post, the process was very complicated on my end since there wasn't an iPad app (yet) that allowed students to work over video. We filmed a video then ran it through a program (mpeg streamclip) to break it down frame by frame. Students were assigned frames, pulled it into their iPad from the dropbox, drew over it in Brushes app, turned it back into the dropbox with a number that placed it back into the sequence. I pieced it all back together on my computer using a gif maker to turn it into video. They explain below:

ROTOSCOPING PROJECT ON IPADS from Tricia Fuglestad on Vimeo.

This past school year, I tried a different kind of collaborative rotoscope animation with my 5th graders: a rotoscope in a mutoscope (digital art made physical). This time we made 4 small videos (one per class) that would loop nicely into a hand cranked mutoscope kit by Flipbookit.com. These turned out to be very cool. The work again, fell mostly on me. I had to purchase and assemble the kit, prep the video through their online tool, print the images onto labels, and stick them on flip cards. The students each made one frame of the rotoscope, so they finished in one class period. I love the results, but the kit costs over $40, so students don't get to keep their work individually. However, they do have their still image posted on Artsonia with links to their video.

Rotoscope in a Mutoscope from Tricia Fuglestad on Vimeo.

2 Comments

Cardboard Whirligig using Stop Motion

6/26/2017

5 Comments

A cardboard whirligig creation that moves with stop motion animation

Connections: Kinetic Art & Automations

What is a whirligig?
It's an object that spins or whirls through some form of kinetic energy transfer. Weather vanes and pinwheels are whirligigs since they move in the wind. The history of whirligigs can be traced back over a thousand years. In the US colonial days, whirligigs evolved into more complicated designs and are considered an art form (folk art).
-This piece is in the Art Institute of Chicago's collection.
-See this collection of new and old whirligigs for sale on etsy.
-James Eaton is an artist who makes automations, sculptural objects and whirligigs. See his artworkhere.
-Automations (a kind of whirligig) are sculptural pieces that use kinetic energy from cranks, levers, and other clever mechanisms. View this collection youtube.
-View these cardboard automas from kids.

Whirligig for sale on Etsy

Automations and Whirligigs on exhibit

Whirligig rooster

Whirligig eagle

Whirligig hummingbird

Kinetic art by James Eaton

Thanks to Caren Long for sharing this movie. See her post and how she plans to make Whirligigs with her students HERE.

Make a Whirly-bird: plan

The challenge is to make a bird from cardboard that has moveable parts. There is a clear connection between drawing a bird and designing a whirly-bird since you just have to break everything down into shapes: head, beak, eye, legs, body, wings, tail. Each shape can be a piece to add back to the whole bird with brads instead of glue. The brads keep the pieces of the bird moveable like a whirligig. However, this whirligig isn't going to be able to move with the wind. It will move through the magic of stop-motion animation.

My design for a bird with moving parts from cardboard connected with brads.

I sized the bird from a 8.5x11 sheet of thin cardboard

Since I work with 100 students in each grade level, I have to figure out a way to manage resources and materials efficiently. This guide (below) can be printed on 8.5'x11" paper to help students make good choices for size, shape, and placement of holes/brads. This may help avoid mistakes from misplaced holes, working too small, or wasting valuable space on their cardboard sheet. I will encourage students to create their own designs and not use my sheet as a tracer so I will need to provide extra cardboard for their ideas.

This resource will help students with size, shape, and placement of brads

Build a Whirly-bird: lay out and attach

Checking the placement and sizes of pieces before I poke holes for brads

I poked holes first using a skewer. 3 layers was tight for my 1/2" brads (recommend 3/4")

Paint: prime, balance color, add pattern

Because cardboard can curl, I put gesso on both sides of each piece flattened them with books

I limited my colors, thought about balance, and painted a solid base coat on each piece

with only 3 colors I added line, shape, and color pattern to my design

Assemble & test: add brads & try it out

Whirly-bird assembled after I varnished and traced with black marker (optional)

It doesn't run smoothly because I kept losing track of my sequence

Stop motion animation test using iMotion app. It was small enough to place under an iPad stand (as I hoped). They look like this. I have six in my art room. So I would have student work together to animate.

Whirly-bird ideas: dance & weathervane

Stop motion over green (20 frames total=2 seconds 10 fps)

I did better with my sequencing in this stop motion. I worked over green (students could use green poster board) so that we could add a background using the green screen app by Do Ink.

I used a kaleido free animation for the background-boy is that a flashy whirly-bird

I wrote a post about using this app for a collaborative dance video. It's very similar, so it can help you through the steps of using Do Ink, layering video, and organizing files.

Monochromatic landscape as a background for the stop motion using both Do Ink apps

Whirly-bird weathervane over landscape. Bkgrd=Do Ink drawing Layered= Do Ink GS app

This project would teach SO many concepts: silhouette, landscape, atmospheric effects, monochromatic, size, movement, pattern, balance, stop motion animation, and layering. I have a post and tutorial for creating a digital appalachian mountain landscape here.

Whirly-bug

This same concept translates well as an insect too. If students made a whirlygig insect then the lesson can have a science component to learn about the parts of an insect as they build. No, that's not a tail-it's a stinger. Sorry for the confusion.

Planning the whirly-bug with cardboard shapes

I used only three colors total. Began with base coats thinking about color balance

Used the same three colors and layered different kinds of pattern

I attached with brads then created a stop motion animation under an iPad in iMotion app

More inspiration:

Clare Youngs pic.twitter.com/PAjITCfabT
— lief (obvious child) (@ThatsACreature) January 4, 2018

Students Working

One strategy for handling all the little pieces that students will be cutting out of cardboard and painting to make their whirligig is THE POUCH. This is a large folded sheet of paper with stapled edges that students can write their names on and tuck all their pieces into. When they paint, they can place all the pieces on their pouch on the drying rack. The pouch makes this project possible with 24 students.

The Pouch Makes the Project Possible with all those Pieces

Used permapaque paint markers for patterns and coated the cardboard with mod podge

Dried shiny and a bit stronger. It made the surface smoother and easier to trace in black marker

We limited the whole design to three colors for the base colors and patterns

See the finished STILL image gallery

on Artsonia here.

Working on Stop Motion Animation

Lessons learned:

Good examples:

Layered Display

Our finished stop motion animations needed a way to be shared collectively and into a class movie. Some classes might have enough time to put their whirligig into a frame with a layered project in the Do Ink green screen app. We would put the animation in the background layer, a room with frame in the middle ground (using green inside the frame), and a green screen video of the artist with smock and brush in hand on the foreground layer. Here is what it would look like:

Three layers reinforces foreground, middle ground, and background

When I had students come before the green screen for their artist video, I wondered how to inspire them to come up with a quick movement or response for the camera. Well, I was all wrong about them needing encouragement. They jumped in front of the camera and gave me the silliest and most expressive videos I've ever seen.

Student movies

4-1 Whirligigs from Tricia Fuglestad on Vimeo.

4-2 Whirligig Jig from Tricia Fuglestad on Vimeo.

4-3 Whirligigs from Tricia Fuglestad on Vimeo.

4-4 Whirligig Jig from Tricia Fuglestad on Vimeo.

5 Comments

Keith Haring Paintings

10/12/2016

4 Comments

2nd grade action pose paintings in the style of Keith Haring

Click to download this template from TPT

This 2nd grade lesson introduces students to the artwork of Keith Haring. He made colorful painting with figures in action poses. I use this artwork to teach very basic figure drawing, complementary colors, primaries and secondary colors, action/ movement, positive/negative space, line pattern, and shape pattern. We begin by drawing poses using the help of a template students cut out and assemble by themselves. This template allows them to play with poses then trace the ones they like. Download the template.

1. Draw 4 different action poses using the template and ideas from Keith Haring's art

2. Paint the a primary color in the positive space of figure 1 and negative space figure 4.

3. Paint another primary color in the negative space of figure 2 and positive in figure 3.

4. Paint the complementary secondary color in negative space of fig 1 and positive fig 4.

5. Paint the complementary secondary color in positive space of fig 2 and negative fig 3.

6. Create color balance with line or shape pattern in alternating neg/pos spaces.

Student Work: see gallery here

When students finished their paintings, they looked at them through 3-D glasses to see if the complementary colors made the actions poses even more vibrant.

Click to view the gallery of finished art on artsonia

Finished stop motion animations:

2-2 Stop Motion from Tricia Fuglestad on Vimeo.

2-3 stop motion from Tricia Fuglestad on Vimeo.

MA2 Stop Motion from Tricia Fuglestad on Vimeo.

The fifth graders from 5-1 used the second graders' step up one day and made this:

5-1 Stop Motion from Tricia Fuglestad on Vimeo.

View my elementary school friendly introduction to Keith Haring's art. I added animations from his website and images from his collection.
View it on youtube.

Resources:

Complementary in Every Way from Tricia Fuglestad on Vimeo.

View this award winning Fugleflick video, Complementary in Every Way, about how red and green met and fell in love to introduce complementary colors to your elementary students.
View it on vimeo.

Can't Mix for Primaries from Tricia Fuglestad on Vimeo.

View this classic Fugleflick to introduce your students to primary and secondary colors. It is set to "Can't buy me love" and comes with subtitles so you can all sing along.
View it on vimeo.

Movement from Tricia Fuglestad on Vimeo.

View this Fugleflick to introduce your students to the principal of design, Movement.
View it on vimeo.

Digital Extension: Create it digitally

Try this lesson on the iPad with Wooden Doll app & SketchbookX.

I wrote up a post already about how you can do this whole lesson on the iPad with the help of Wooden Doll app. See the post and much more here.

Digital Warm Up Drawing:

I decided to do a digital warm up between the drawing stage and the painting stage so students could see the effect of complementary colors next to each other and test to see if their figure drawings were shapes that could be filled with color. Students took a photo of their sketch with their iPad in the camera app. Then then used the DoInk Animation App and opened up a new drawing. In the layer tab at the top they used the camera icon to bring in the sketch. Then they scooted the sketch to the bottom layer and made the drawing layer above it active (turns light blue). They chose a paint brush (size 6) and black color to trace their artwork. When they were finished they either deleted the photo layer or moved the opacity to transparent. Then, they used the pour bucket to fill the positive space with a primary color and the negative space with its complement.

Complementary colors: Purple and Yellow

Complementary colors: Red and Green

Complementary colors: Orange and Blue

Photo of student's sketch

Import image of sketch into DoInk. Trace and paint over

When I stacked all the figures with similar colors they created the illusion of movement

Digital Extension: Make and Move

download template from TpT

Stop Motion Animation

Students can use the template over a piece of construction paper and animate the figure against a complementary color background to demonstrate movement dynamically. I use the free app iMotion HD and have student make a short video. 30 images makes a 2 second video at 15 frames per second. I collect the individual videos for one class video.

4 Comments

Vintage Illustration Animations

7/15/2015

3 Comments

Not mine, but wish it was. This was shared on Facebook

I saw this image shared on Facebook and went absolutely crazy. It not only made me laugh, it made me think as I tried to figure out what the artist did to animate this vintage image. So this is what I observed:
1. The image must have been "lifted" from the background.
2. The background (where the lady was) was filled in with the same coloring and texture.
3. The image was enlarged so that she overlaps the blue space at the top.
4. She was redrawn or filled in in the new areas revealed by her movement.
5. She totally moves. The gif is 19 images that loop nicely.

Using Procreate App on iPad

Image I used for my first attempt

First of all I should say that I chose to animate vintage images not only because of the juxtapositioning created between old school illustrations and technology, but simply because it's originally a drawn image. The animation approach I used required me to redraw and match the style of the image as I move elements around. It would be much harder to redraw over a photo. Procreate app has drawing tools, layers, and the ability to select sections of a drawing. This is key to the animation. I lassoed parts of the drawing, rotated it, then drew with matching colors and textures.

I isolated the figure in Superimpose App

I erased & matched colors in Procreate App

Layer figure, select item, move, draw, save

Using Procreate to Animate from Tricia Fuglestad on Vimeo.

"Sew" long I'm outta here

Using DoInk Animation App on iPad

I chose this image to try animation with keyframes in DoInk

I used Procreate app to erase and clean up the background

I used the Superimpose app to isolate the figure by erasing the background and saving "mask as png". Then, I isolated each "moving part" of the figure the same way. Hint: I erased, saved, then hit undo, and erased it differently, saved, hit undo...to go faster. In DoInk animation app I opened a new composition and brought in all the pieces over the cleaned up background. I moved arms, skirt, head, and legs using keyframes and paths. The movement looks very fluid compared to the jerky animations from a series of still images. Since this ad included musical notes, I made a soundtrack in the garageband app with a royalty free jingle from incompetech.com and voice recording.

Changing my approach

Used this image to create another animation

I began looking for images that looked ready to dance. These three men looked like they wanted to do a little choreographed routine in unison. The middle guy's feet were crossed and all but one hand is hidden. So, I had to draw and match some hands and part of a leg. The thing I found the most challenging about this animation was figuring out the sequence of movements. I had to pull out my underdeveloped dance skills for this task. So I used the select tool, grabbed from the knee around the foot and rotated it over the other leg on man "c" and "b" to match man "a". Once they all matched it flowed from there.

This animated gif contains 13 images. Created in ezgif.com

Now that I'm totally into creating 6 second videos for Vine (thanks again for this LOVELY write up about my vines from Ben Rimes) I began thinking about the soundtrack for this movie. Oh, did I forget to mention how to make it into a movie? I create gifs using ezgif.com and then I change the gif into a video using this online converter. The man in the middle looked like he is wearing a lumberjack quilted flannel type jacket so I used the Monty Python Lumberjack song complete with laugh track.

Hybrid of Procreate and DoInk

Original image. Created a hybrid animation

Apple erased, hand filled in

Duplicated & added hand

When I looked at this image I asked myself, What action is about to happen? I imagined the lady dropping the apple. But, to make it more interesting I decided it would hit the circular logo on its way down, roll a bit, and be caught in the hand (that doesn't exist in the drawing) of the man. This meant that I needed to isolate the apple (using Superimpose app) and save it as a mask png so it has a transparent background. Then, I had to draw the rest of the lady's hand that held the apple and save that image. Then duplicate that drawing and add the man's hand out of his pocket and save that image. I call this a hybrid animation because I use drawing techniques like in the vogue design and keyframing like in the dishwasher ad. The falling apple is best animated in DoInk with a keyframe and paths in composition mode. Did that sound like a different language? Here is a tutorial to help.

Here is what my timeline looked like for this animation. The top line has keyframes (diamonds) set up to direct the apple as it falls.

Another benefit of animating in DoInk is that you can export to video. I did some editing in iMovie afterwards to add music and sound effects before sharing it out on vine.

This animation below is also a hybrid of Procreate and DoInk. I used DoInk to make her scamper on to the page by setting a path in composition mode. The rest of the animation was made from still images created in Procreate sequenced together into a movie.

Dotty and Madge share vintage sewing secrets below. They are examples of the hybrid style where they are animated both with procreate and doInk.

Madge and Dotty share #vintage #sewing #pattern #secrets #k12artchat https://t.co/75nUvRyYVu
— Tricia Fuglestad (@fuglefun) July 27, 2015

Using Green Screen App

After I created the "Staying alive" animation (which you can view here) I layered it into the hands of this girl painted by Norman Rockwell using the Green Screen app by DoInk. I had to change her a bit too by adding a shadow the size of the animation on her face. The green screen app just added cropping, resizing, and masking tools so I was able to fit the animation to the right size, erase for the fingers to overlap, and crop any excess.

Below is a triptych. I created the sewing table with objects and still images of the original vintage sewing patterns using superimpose app. I was able to mask out objects and add slight drop shadows. Then I imported the image into the Green Screen App by DoInk and matched the animation videos over each of the sewing patterns with resizing & cropping. I timed the movie to play one animation after the other (18 seconds long). Green Screen app keeps original audio of my clips so this looked hard, but was so easy.

Animated Vintage Illustrations from Tricia Fuglestad on Vimeo.

The animation below has two scenes. The first one is a man jumping into a car ad and driving off. The images were isolated in Superimpose app, the background was cleaned up in Procreate, and the animation was composed in DoInk Animation app. Then I had the car drive (with DoInk) in front of three vignettes designed in Superimpose app. This was layered into the Green Screen app by DoInk where I added three little animations. The app only has three layers so I exported after layering two animations into the scene then imported it again and layered the third.