Tricia Fuglestad's Blog

Exquisite Corpse Collaborative #DotDay

9/25/2017

Click the box image to view what I purchased for this project.

5th graders are going to do an all grade-level collaboration in celebration of International Dot Day. They will contribute an exquisite corpse drawing of either a HEAD, MIDDLE, or LEGS on a cardboard cube. This idea was inspired by the IAEA conference. They had the cubes set up on tables for us all to draw on in pencil. I took some back with me to inspire my students...and it worked. My students were very inspired by them and were begging to try it too. So, I used our amazon gift card from winning a NextVista.org contest to buy the boxes for this year.

Exquisite Corpse Game and Resources

3 Comments

Practicing Rotoscoping

9/21/2017

0 Comments

Last year my fifth graders made collaborative rotoscope animations that we put into flipbookit.com mutoscopes. It was pretty amazing to see digital art become physical through this fun viewer. See the post with all the how tos here. Below is the display I set up this school year showcasing their flipbookits. I used this display to introduce the concept to my 4th graders.

Click to view this Collaborative Flipbookit Rotoscope Animation Lesson

0 Comments

Kindness Campaign: Moving Memes

9/18/2017

2 Comments

Here is an idea I'm playing with. I would love for students to write a statement about how they can be kind next to themselves looking as sweet as an angel with flapping animated wings and halo or other symbols of kindness.

Learn about kindness in stories

Prepare your kindness statement

Download this brainstorming handout on front, and reference for wings on back.

Use this worksheet to prepare your kindness statement

How?

1. Students pose angelically before green screen.
2. Import the image into Superimpose App. Use masking tools (magic wand and paint brush) to erase the background. Save using "mask as png" to retain transparency.

3. Using the Do Ink animation app, student can animate the wings and halo using this guide to see some steps for moving the wings.

Students open up a new drawing in Do Ink animation app. They need to make a three frame drawing with the progression above. Then click on the 2nd drawing and copy it (copy and paste are revealed when you click on the double arrows in the bottom right corner). Click on the third drawing and choose "paste". This will put the 2nd drawing after the 3rd drawing to make a 1-2-3-2- progression that loops nicely.

4. Open another drawing in Do Ink animation app and draw a halo. Click + and draw another slightly different. Repeat until you have 3 frames with small changes in each.

5. Now you're ready to put all the pieces together. Open a new composition in Do Ink animation app and begin layering in your pieces. Start from the back to the front: import the wings (use the star button). HINT: DO NOT TOUCH THE GREEN BUTTON ON AN IMAGE YOU IMPORT. Doing so will create an animation path. That is a different effect. Resize by grabbing a handle on the edge, place it where you need it by touching it anywhere else but the green dot, slow down the animation (under the gear tab) to about half the speed. Next bring in the PNG pose from the camera roll (using the camera button). Resize/place. Bring in the halo (using the star) & resize/place/slow down animation. Next, choose the "T" to write your text. Resize/place. Next, pick a background color from the "i" tab at the top. Click the play button to test it out. When you're finished save as a video to your camera roll.

6. Convert the movie to a moving meme in a GIF format by using EZGIF.com
Save the GIF to your camera roll. It can play a GIF in places like Twitter or website.

Brainstorming strategy:

Follow this process to help students in class each come up with an original idea for being kind in a variety of spaces in the building. If this process works, student will learn from each other and each have a unique statement to add to their moving meme.

Resources:

Random Acts of Kindness Club (1st graders)

Our kindergarteners share their ideas of how to be kind.

How to be Kind by K-3 from Tricia Fuglestad on Vimeo.

Results: View the art on Artsonia

Teacher's note: We didn't make halos because the wings were more challenging than I expected them to be for my 3rd graders. We all drew the wings in the same direction and then flipped them if we needed to to correspond to their pose.

Moving Memes Movies

3-3 Moving Memes from Tricia Fuglestad on Vimeo.

3-4 Moving Memes from Tricia Fuglestad on Vimeo.

3-1 Moving Memes from Tricia Fuglestad on Vimeo.

3-2 Moving Memes from Tricia Fuglestad on Vimeo.

Digital Display

Pyle iPad Stand

Guided access keeps viewers from changing or stopping the slideshow

2 Comments

Playing with Relative Size

9/14/2017

0 Comments

Relative Size refers to clues in the picture that help you figure out the size of objects.

Playing with relative size forces the viewer to imagine something much bigger or much smaller than seemingly possible.
Below is a drawing of a fireplace mantel. It has a candle and picture frames. You would imagine that the objects are only about 8"-12" high. Now when you place a human on the mantel that confuses the scene. Either the mantel is much bigger than you thought or the human is a small as a mouse.

Below is a drawing of a building in Arlington Heights. You can tell from the size of the sidewalk and umbrella tables compared to the building that it's probably over 10 stories tall. Now when we add a human into the picture as tall as the building it makes you wonder if the building is much smaller or the human is monstrously big.

Can you tell in this animation that something extra had to happen to make it convincing that the human was interacting with the building? I'll explain below.

How did you do that?

The green screen app by Do Ink allows you to layer video over or under an image. You can record in real time using the camera mode or do what I did above. I recorded the student in front of green screen first which allowed them to crop, resize, and find the best placement over their drawing to create the illusion that they are as small as a mouse according to relative size.

To make it look like the human can stand behind the building and in front of the sky we had to import the scene twice. You'll see on my screenshot above that I sandwiched the green screen footage between duplicate images. Then, I erased the background from the top image using the masking tools in the app. Here is what it might have looked like if you were just viewing it alone. I can do this trick in the superimpose app as well and then import it, but it's not necessary since the Green Screen app has all the tools for erasing too.

Tutorial for Relative Size in Green Screen App by Do Ink from Tricia Fuglestad on Vimeo.

Playing with relative size resources:

Take a look at this commercial. It's fun to see the inflatable gorilla set loose in the city. Does it's size seem to change when you compare it to the relative size of the objects around it?

This clip from the Disney adaptation of the book, BFG (Big Friendly Giant) makes everyone feel as small as a mouse when you see the world from the point of view of BFG.

A group of 4th graders used their profile drawings and green screen videos of 1st graders to play with relative size. We called this movie, Little Buddies. See this post for more info.

Another way to demonstrate that students understand relative size is using animation to show size change from foreground (bigger) to background (smaller) along with the other aspects of creating the illusion of depth. See this lesson for more info.

Work on estimation by looking at relative size to build number sense.

0 Comments

Dot Day 2017 Kindergarten

9/13/2017

0 Comments

I always love to introduce the primary colors to my kindergarteners at the beginning of the school year, but now that the art room iPads have the Quiver App, it is a magical experience when our crayon color wheels lift off the paper and dance, bubble up, and spin. This year we colored one color wheel together step by step last week and watched the magic happen this week. Then student watched the tumblebook version of the book, The Dot, and created anything they wanted in a blank quiver dot sheet. Perhaps their new drawing made from the primary colors (red, yellow, and blue) would have some secondary colors (purple, orange, and green) when they combine.

0 Comments

Wish You Were Here: Moving Postcards

9/10/2017

4 Comments

Layering video below a transparent space using the Do Ink Green Screen app can give you the effect of a moving postcard. You can use the technique for anything-a picture on a wall can talk, a page from a book can come alive. There are endless possibilities.

How to create this effect directly in app:

Here are the steps for creating this "postcard" effect directly in the Do Ink Green Screen app using their Mask function applied to an image over a video.

1. Take a photo with your iPad of your hand slightly off center as if it is holding a postcard.

2. Bring in this photo into the top or middle layer and mask out a rectangle shape

3. Then use the paint brush and eraser tools to carefully paint back in the fingers that overlap the "postcard" which is your rectangle shape. If you paint too much you can erase it again. The app is very forgiving so zoom in and get detailed

4. Now you can import a video on the layer below the photo and position & size it to appear through the open space

Creating the effect using a template:

Creating a template makes the project much easier for young learners or lessons with a time crunch. I made this template in Keynote using instant alpha to erase the center space. I like the template because of the drop shadow I can apply to the postcard shape and hand.

The postcard template goes on a layer above the video. Resize and turn to match the empty space

Customize the template with an overlay of text as you turn it into a gif via ezgif.com

More examples of this technique

4 Comments

Art Matters Memes

9/10/2017

0 Comments

This graphic design lesson gives students the chance to combine their digital drawing skills and artist statement into a meme that promotes art education.

Process: #ArtMatters Memes

1. Import student photo into Brushes Redux

2. Trace the contour on a layer over photo

3. Hide the photo and add a layer for color

4. Color the image on this layer under the lines

5. Add a layer over color & under the lines. Use this layer to apply shadows w/shades of colors

6. Save the art with a blank area of white to the side. Import into Phonto to add text

Similar projects:

I've taught artist statement
lessons in a bunch of ways.
Here are some posts to explore if you want to try this idea differently:

Using Pixlr and Superimpose app

Using Cam Wow and PicCollage

Download my artist statement worksheet

0 Comments

MAKE IT then MOVE IT-Free Webinar

9/2/2017

0 Comments

The Illinois Art Education Association is now offering free webinars for professional development hours. They're short, interactive, and interesting (hopefully.) Check out the list of upcoming and archived webinars on their site (click button or here) to register.

Make it Then Move it: Mixing Physical and Digital Art
Wednesday, September 20th, 7pm Central

Format of Webinar:

The webinar will be synchronous beginning at 7pm central time. I will be sharing short pre-made videos that explain my content and then coming on your screen chatting with you through my webcam. You can interact by sending questions through the interface. Hopefully you will find it helpful. Feel free to watch the videos ahead of time so you can think of questions you might want to ask.

1. Express Yourself in Expressionism

Students made art physically then entered it digitally through the magic of green screen.
View the post here and my brief video below.

Expressing Yourself in Expressionism from Tricia Fuglestad on Vimeo.

2. MAKE IT then MOVE IT: Animated GIF

Students make artwork, take a digital photo of it, then use Brushes Redux on the iPad to make it into an animated GIF. See my post for details and the brief video below.

One example of making art then using digital tools to move it

MAKE IT then MOVE IT: ANIMATED GIF from Tricia Fuglestad on Vimeo.

3. Make Digital Art Physical: HOLOGRAM

Students make a flipbook style animation on the iPad using Do Ink Animation app then make it "come to life" as a hologram. See my post for details and the brief video below.
The more detailed tutorial is on my post.

Haunted Hologram-quick version from Tricia Fuglestad on Vimeo.

4. Rotoscope in a Mutoscope

Students collaboratively turned a video into a rotoscope (digital). These individual drawings were then printed and made into a flipbook mutoscope (physical). View my post for more details and the brief video below.

Rotoscope in a Mutoscope from Tricia Fuglestad on Vimeo.

5. Animated Sketchnotes: Mini Stories

Take the sketchnote concept to the next level by animating them. Combine physical drawings and animations to tell mini stories. View my post for details and the brief video below to hear the secrets of some of my mini digital stories.

mini digital stories from Tricia Fuglestad on Vimeo.

6. Haunted Masterpieces

Students can enter paintings as if they were ghosts haunting them using the Green Screen App by Do Ink. This gives students a chance to digitally interact with art, change the meaning, and reflect on the new story as if it hung in a haunted art museum. See my post for details and view my haunted paintings and meanings in the video below.