Robot Paintings with Augmented Reality

I was asked to make a robot painting for an upcoming kickstarter as a gift to those who donate. If all works out, Annie Log will become a poster for 100 or so supporters.  The instructions I received was to make a robot like the one I made a few years ago and connect it someway to the idea of "love" (hence the heart button).

Annie Log

Sketch of Annie Log

Annie Log

Do-Dad & Alumi-Mum

Painting Annie reminded me how fun making physical art can be, so I put down my stylus (from the #keynotedrawingchallenge) and picked up my paintbrush to make some more. My next painting is this lovely couple, Do-Dad & Alumi-Mum. 

Original sketch

Do-Dad & Alumi-Mum

Do-Dad and Alumi-Mum Animated using Brushes App and EZgif maker

Polly Phonic

I wanted my next robot to be multifunctional, like early version of an iPhone. It should have a radio, TV, turn table, equalizer, and a telephone all built into one. Meet; Polly. her eyes are AM/FM dials. Her mouth is the speaker for all her integrated gadgets. The telly is in her belly and it happens to have Annie Log on the screen (what?). Her arm becomes the needle of the record player that emerges from the slot next to the jukebox-like selections. There is no dial for the phone since you can just ask Polly to place a call.

Original Sketch-still trying to figure out her name (see writing in margins)

Polly Phonic (comes with a telly in her belly)

An old style ad touting the wonders of Polly Phonic

Polly Phonic Animation made in Brushes App and EZGIF.com

Making my Polly Phonic painting come alive with #AR #AugmentedReality @hpreveal
She puts the FUN in Functional! #animation #steam #transdigital #artsed #edtech #k12artchat #makered #makerspace #robot #robots #creativity pic.twitter.com/9Wigk9tmnC

— Tricia Fuglestad ☕️ (@fuglefun) August 9, 2018

Anita Toonup

Anita Toonup

One of the reasons I love the use of @hpreveal to create this #AR #ARedu idea is because I can fit the #animation to the exact size of the trigger image to make it "come alive" #Edtech #transdigital #d25itspersonal #artsed #k12artchat #steam #digitalmedia #makerspace #makered pic.twitter.com/294SBoHtCG

— Tricia Fuglestad ☕️ (@fuglefun) August 7, 2018

---

Student Learning: concepts

SHAPE BECOMING FORM: 2D translated into 3D
VALUE: Tints and shades of colors
CREATIVITY: ART (AESTHETICS) AND FUNCTION (INVENTIONS)
TITLE: Figurative language, Alliteration, Homonyms
(optional) Integrate a paper circuit and learn the SCIENCE of conductivity & circuits 

Lesson ideas: Making Robot Paintings

I have a TON of robot inspired lessons on my blog. Aquick search of "robot" gave me a well over a dozen results. But, I pulled out and linked to the lessons below that would best match the concepts covered above. Click on the photos below to explore.

Paper Circuit Light Up Robot

Click to learn how to make a light up paper circuit robot (step by step and tutorial)

Click to view videos and gallery of students' finished examples

Lesson Resource: How To on TpT

Click image to go to my Teachers Pay Teachers store and download this lesson guide

Digital Extension: Animated Robots

Click to see the post on how to create animated GIFs from physical artwork

I have a blog post about using the Brushes app to make a very simple animated GIF from a digital picture of artwork. I played with this idea using many different subjects however animating robots is the easiest since they can have so many moveable, blinking, or flashing parts. Here is the post and below are more examples.

Flashing buttons, lever flips

Mouth moves, arrows rotate

Compass needle moves, eyes grow,shrink

Eyes blink, heart grows

Student Sketches: 

View the gallery on Artsonia of their black and white marker robot sketches.

Students working:

Finished Paintings and Animations

View the Gallery

Class Movies of Robot Animations

5-1 Make it Then Move it from Tricia Fuglestad on Vimeo.

5-2 Make it Then Move it from Tricia Fuglestad on Vimeo.

5-3 Make it Then Move it from Tricia Fuglestad on Vimeo.

5-4 Make it Then Move it from Tricia Fuglestad on Vimeo.

Augmented Reality Robot Books

1. I wrote a grant to purchase custom books of student art using Artsonia with the intention of linking up the animation with the art through the augmented reality app, HP Reveal. Once the art was complete I could upload the photos and purchase the books regardless of whether or not the animations were ready.

Class books featuring the Robot Paintings of each student in 5th grade

2. One thing I learned about making an AR experience successful in a book format is that I can educate the viewer with an information page that will give them instructions for how to view the augmented reality effect. I made an account, "artdryden" that is following my account, "Fuglefunart"​​. If you already have an account all you have to do is follow "Fuglefunart". If you don't have an account, then you can use the login credentials listed for "artdryden" and be ready to go.
​Hint: Set up your accounts and test before you print directions.

Instruction page that educates the viewer about how to access the AR effect

3. Students completed their animation steps using Brushes App to draw/save/redraw/save to make 4 frames of animation. Then they loaded the results into Ezgif.com using the Gif Maker to created an animated Gif. This was turned in and used as the overlay for their Augmented Reality illusion. See animation tutorial here.

Viewing animated robot as an animated Gif in Ezgif.com

4.  I set up the Augmented Reality effect using ​HP Reveal Studio website. You need to things for each student: trigger (robot painting) overlay (animated robot gif).

Ss turned in their #animatedGifs
I used it as the overlay for the #augmentedreality effect in #hpreveal
You use the website (https://t.co/RchXTreyU5) to set up the overlay (gif) over the trigger (robot painting)#arvrinedu #artsed #edtech #STEAM #makered #makerspace pic.twitter.com/FkPn0QRDhI

— Tricia Fuglestad ☕️ (@fuglefun) December 16, 2018

Results: Students can now login with the HP Reveal app, scan their robot painting, and see it come to life from the page of the book. Because the overlay is lined up to the same size and proportions of the robot painting, the illusion is even more effective.

THIS IS SO NEXT LEVEL! (Sorry for shouting)
5th graders designed & painted #robots
Then made them move through the magic of #animation
Now, we can enjoy them w/ #augmentedreality
Using the app #hpreveal & an @artsonia printed book#ARVRinEDU #steam #edtech #artsed #transdigital pic.twitter.com/9j0u5uW3zO

— Tricia Fuglestad ☕️ (@fuglefun) December 14, 2018

This is so amazing!
5th graders watching their robot paintings come alive from the hallway walls#AugmentedReality #steam #artsed #edtech #elemchat #makered #makerspace #arvrinedu #hpreveal #drydenrocks #d25itspersonal

lesson: https://t.co/uk0c0JVEX7 pic.twitter.com/w68DZToyR0

— Tricia Fuglestad ☕️ (@fuglefun) February 4, 2019