Thread by @TriciaFuglestad

THREAD: I’m going to demo the steps for making #emotionalrobots that come to life with #animation through #AugmentedReality

Learn more here: drydenart.weebly.com/fugleblog/emot…

Download all six posters here: rb.gy/nko6uk
#edtech #sel #socialemotionallearning #artsed #Steam

Step #1: Create art.
Connect color, emotion, and art concepts to design a monochromatic robot that expresses emotion.
Turn shapes into forms for depth.
Choose a fitting color.
Mix and apply tints and shades to enhance depth.
Use features of the robot’s face to convey emotion.

Step #2
When done with the physical art, take a clean, undistorted photograph with good lighting.
Crop it exactly to the original’s proportions.
This will become the “trigger image” for the #augmentedreality

Step #3: Create a digital animation that further expresses the intended emotion
Since it is a robot, things can flash, blip, open, close, radiate, wiggle, flip, steam, & spin w/o needing to redraw large portions of the art
Keep it simple. I made 2 drawings in @brushesredux (free)

Step #4: flip book animation
I made 2 more variations on my original drawing in the app then exported all 3 to the camera roll
Hint: my canvas was a square so I chose a square digital canvas in the app. This eliminated the cropping step
Only crop a gif- not individual images

Step #5: make a gif
I use @ezgif_com (a free website that works on an iPad too)
I upload the 3 images when in the “make gif” tab.
Make sure they are in order.
Duplicate frame 2 and add to position 4 (helps create a smoother loop)
Slow down frame rate.
Watch to see how to save it

Step #6 animated GIF
Now you have the “overlay” for your #augmentedreality
This and the trigger need to be made accessible to a desktop computer that has @eyejackapp creator (desktop) app downloaded (free with no logins needed).
BTW, it’s officially #transdigital art now

Step #7 set up #augmentedreality
Open up @eyejackapp Creator App and follow the simple screen directions to place your trigger image (photo of art) and overlay (gif) into the drop area.
Take a screenshot of the QR code it generates.
Label this and store.

Step #8 test the QR code
Make sure the #augmented reality is working the way you want it to. Download the @eyejackapp app on advice, scan the QR code, (you only have to do this once -it will remember it) then scan the art. It should magically look like the art comes to life.

Step #9
Come up with a plan to showcase the transdigital (art that is intended to be viewed both physically & digitally) aspect of your work.
I like to post the QR code near the original art or make a graphic that incorporates the trigger image & QR code.

@threadreaderapp unroll