Category: Rotoscoping

My Garden Veggie Tales

7/27/2018

0 Comments

It's dinner time and the garden vegetables are getting nervous.

This was made in the Do Ink Animation app over my photo.

Designing the eyes in Do Ink Animation app (drawing mode) (click to enlarge)

Creating the animation in Do Ink's composition mode (click to enlarge)

Cherry asks, "What ever happened to Mr. Pepper?"

#Dinner time and the #garden #vegetables are suspicious #doink #animation @doinkapps

A post shared by Tricia Fuglestad (@fuglefun) on Jul 21, 2018 at 4:52pm PDT

3 scenes created by zooming in photo and animation in Do Ink Composition mode (click to enlarge)

I thought I would try to take the animation a little further by adding moving lips and trying to time it to audio.

I approached it in reverse. I should have recorded the audio first and then timed the animation to it. Instead I just blindly guessed and then asked the voice talent to time his lines to my animation. UGH (not easy)

Where do salads come from?

Where do salads come from? #doink @doinkapps #animation

A post shared by Tricia Fuglestad (@fuglefun) on Jul 27, 2018 at 12:36pm PDT

I made a close up video on the iPad capturing my audio as well saying the words I wanted to animate. Then drew over it to make this rotoscope animation.

Using rotoscope animation to move the mouth in Do Ink Animation app. (Click to enlarge)

0 Comments

Patriotic Lip Sync

10/10/2017

0 Comments

4th graders are embarking on a project I've been wanting to try to for a couple of years. We are going to do collaborative lip sync rotoscope animated movies. Each class of 4th grade will make a patriotic movie using their artwork and voice. Together their words or phrases will be edited together to recite the preamble of the constitution, the pledge of allegiance, and the ending of The Colossus poem on the State of Liberty.

1. Assign parts

I went through each of the patriotic themed pieces and broke it into enough "parts" that each student could contribute one word or phrase. I wanted each part to be only 1 second of video if possible. This would keep the number of drawings somewhere between 5-8.

Preamble part one

Preamble part two

Ending of New Colossus by Emma Lazarus

The Pledge of Allegiance

2. Recording

The week before we draw the rotoscope, we record video of each student speaking their part into the camera. I used an iRig microphone to help get better audio. Since audio really counts for this project, I needed to ask all the students for full cooperation. I gave them paper and monster packets to draw from as they waited for their classmates to be recorded.
I set up each video with a tight close up so that students could easily draw their face and the changes in their expression and mouth as they say their word or phrase. I use the iOgrapher tripod mount for my iPad so that I would have steady footage.

3. Prep the footage

I always leave a bit of lead and end time when I film so that no words are cut off. This means that the footage I took of the students needs trimming. After I transfer my files to my desktop (via dropbox or google drive app) I pull up each clip in quicktime, trim, and rename the file to "number_phrase_studentName". This puts all the files in order which will help for future editing.

4. Prep for Rotoscoping

This handout helps students get their video imported into the Do Ink Animation app to the correct layer, add some transparency, get a small frame rate, adjust ghost images (I find them distracting in this project so I turned them off), and set up the brush tool.

Preparing for Rotoscope

5. Contour Line Drawing

Students will be lead through the first drawing so I can share my recommendations for how to draw the features of the face in a simple but accurate way. This contour line drawing lesson will help them get into a good pattern of attention to detail and accuracy.

6. Putting it all together

4-1 and 4-2 The Preamble of the Constitution

Lip Sync Rotoscope of the Preamble to the Constitution from Tricia Fuglestad on Vimeo.

Lip Sync Rotoscope of The New Colossus from Tricia Fuglestad on Vimeo.

4-4 Pledge of Allegiance Lip Sync

Lip Sync Rotoscope of the Pledge of Allegiance from Tricia Fuglestad on Vimeo.

Resources:

This video introduces the idea of contour line drawings.

Drawing From Experience from Tricia Fuglestad on Vimeo.

This Rotoscope video will inspire your students.

Contour line drawing extension:

The students uploaded their favorite single still image from their rotoscope animation to Artsonia. This gallery description lead viewers (parents) to links to their movies. The image was drawn fast and without much art instruction since the focus of our class time was creating a series of drawings to make the rotoscope animation. Eventually, I would like students to spend some time working with their portrait drawing to take it to the next level using Colorscape app. This app will allow them to improve on their drawings and color the art without disturbing the black lines.

Original drawing from rotoscope project

Fixed and colored in Colorscape app

After importing the image I erased and changed black lines to improve artwork

I used an opaque marker to fill base colors and used a transparent brush to add shadows

0 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.

I want to do a rotoscope movie making lesson with my 4th graders so we tried a collaborative rotoscope as a practice round. Each student was assigned one frame of a video to draw a contour line drawing over. They used the Do Ink drawing app this time since it will be the tool for their real animation. This picture shows them in action.

Each of the 90 students contributed one drawing to this collaborative rotoscope animation.

The animation was uploaded to the flipbookit site to be fitted for their mutoscope.

0 Comments

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

Low Tech Really Cool Animation

6/10/2015

1 Comment

I was thinking about one of our very first attempts at rotoscoping at Dryden the other day. It was a wonderful way to create an animation collaboration in a low tech way.
We created a 3 second video that would easily loop. So we brainstormed some options and came up with dance moves that can be repeated over and over again.
Here are the steps for how we made this little silhouette gif of a student spinning. It's low tech in that you only need one computer, printer, and scanner. The students do the work on transparencies.

Make a three second video (something easy to loop)
Split the video into an image sequence. You can download MPEG Streamclip to export your video to image sequence.
Use this automator workflow (on a mac) to turn your image sequence into a pdf that you can send to a b/w printer (should be around 35 pages)
Number the pages in order (you will thank me later)
Pass out transparencies, black permanent markers, and a numbered page from the printed pdf to your students
Have students make a silhouette on the transparency over the print out from the video. Be honest about the image even if it is abstract looking or blurry.
Collect, order, & scan the images (use white paper behind transparencies). Number them in the computer.
Use ezgif to select all the images and make them into a gif.
Celebrate your super cool collaboration!

screenshot of all the images in sequence ready to be made into a gif

Want a high tech option?

We now have a class set of iPads available so I designed a lesson to try an iPad Rotoscope Animation collaboration. It's the same idea but no need for transparencies, scanning, or printing. Everything is organized and created digitally. Explore it here.

1 Comment

Creative Projects to turn Stem to STEAM

6/23/2014

4 Comments

I have done a presentation called Creative Digital Projects that turn Stem to STEAM at three conferences over the past couple of years. These 45-50 minute presentations include a bizillion ideas in a media packed keynote file that I have trouble sharing online. However I did create a condensed version of the presentation for the AOE Online Conference last summer. The presentation has been behind a pay wall for one year and can finally come out for public consumption now. The following lessons are shared in the video below. Learn more from my links. Also, see Wes Fryer's review of my live presentation at the Illinois Computer Educator's Conference here.

Creative Digital Projects that put STEAM in STEM from Tricia Fuglestad on Vimeo.

Not Christina's World Anymore
(art, writing, Photography, technology)
Blog post of resources
Student examples
Download lesson plan

Tip: Use the Superimpose app to eliminate the green screen. See my tutorial.

The Digital Scream
(art, storytelling, photography, drama, technology)
Blog post of resources
Students' painted examples
Students' digital examples
Spooky Scream video
Download your custom
photo booth-your face in the scream

Tip: Use the Superimpose app to eliminate the green screen. See my tutorial.

Cat in a Hat-ify Yourself
(Reading, Dr. Seuss, graphic design, technology)

Custom Photo Booth Effect to Cat-in-a-Hat-ify yourself
Directions and resources for iPad Bookmarks
Cat-in-a-hat-ified Book Covers
Cat in a Hat-ified Art Project
Students' Cat in a Hat Art on PBS TV

American Gothic Spoof
(storytelling, great depression, juxtapose, spoof)

Interactive American Gothic lesson and tutorial
Blog post with lesson resources
American Gothic Spoof (edited SNL skit)
American Gothic Spoof-o-matic resources
Student American Gothic Spoof examples
Download the American Gothic Custom Photo Booth FX

Artist Statements
(writing, graphic design, technology)

Resources for making these on iPads
Students' iPad examples
Student examples made on using photoshop and keynote

6 Words About Me
(writing, poetry, technology)

Blog post with resources
Monochromatic Painting Blog post
Download the 3/4 portrait PPT lesson
Monochromatic Fugleflick (music video to teach concept)
Student examples

Tech w/ George Washington
Blog post with resources
Even more fun with George and Tech
Facing the facts: history and art
Student paintings
Download my PPT lesson plan

Superhero Silhouettes
(character education, graphic design, drama)

iPad directions and resources with video tutorial
Keynote directions and resources with video tutorial
Student art
Download the art/character education lesson

Eat Your Veggies
(healthy choices, acting, technology, literacy)

Blog post with resources and tutorial video
Student art
Eat Your Veggies video
Download my Digital Lima Bean Monster lesson
Download our interactive Lima Bean Monster eBook

Surreal Healthy Choices
(graphic design, healthy choices, surrealism)

Blog post with lesson resources and video
Students' digital spoofs of Son of Man
Students' painted Son of Man portraits

Supplement with Connect a Concept game where students use their social skills and knowledge of art concepts to make connections

Running Aliens
(animation, figure drawing, technology, storytelling)

Student examples
(screenshots from movie)
Class movies of Alien Invasions
Original lesson blog post with resources and tutorial
Download my lesson plan here

Rotoscope Animation
(collaboration, animation)

Notes from my Rotoscoping project
Our very silent movie
STEMie Award
View our (cute) Fugleflick about contour line drawing

4 Comments

Look at the Potential for the Exponential!

9/4/2012

0 Comments

listen to ‘Potential for the Exponential’ on Audioboo

UPDATE: NEW SONG RECORDED TO INSPIRE YOU TO VOTE:)
As many of you may already know, Dryden has a project, Rotoscope Animation on iPads, in the running for $15,000 on the McGraw-Hill STEMie Awards. That would buy a lot of iPad for our students! Please help us with your vote. You have to login first with an email then vote. That's all! Thanks so much to all the Tweeple that have been helping to spread the word! See below:

RT @fuglefun: My students R finalists in this national contest 4 their art/tech project. Please take a minute 2 vote stemie.mcgraw-hill.com/submission/sho…
— KinderArt (@KinderArt) September 3, 2012

Put some ART into STEM. Vote for @fuglefun's elementary art student's: Rotoscope Animation on iPads shar.es/7BKmo @naea #steam #arted
— Juan Carlos Castro (@juan_c_castro) September 4, 2012

Help @fuglefun and her #Art students put #STEAM in the McGraw-Hill STEMie Awards. Vote here! goo.gl/koAGQ
— Katie Morris (@MrsMorris_Art) September 3, 2012

Vote for @fuglefun & her amazing tech/artist students (& enjoy the excellent animation!) bit.ly/OhuuGs #animation #youthmedia #edtech
— Todd Strother (@trstrother) September 3, 2012

RT @techsavvyed: 5th Graders creating amazing rotoscope art! Please vote for them if you have the time! stemie.mcgraw-hill.com/submission/sho…
— Giulia Forsythe (@giuliaforsythe) September 4, 2012

@fuglefun I will check it out! I read/think a lot about #STEM needing to be #STEAM. Bookmarked your link to diigo this am!
— Jaclyn Karabinas (@JKarabinas) September 3, 2012

Students R finalists in this national contest 4 their art/tech project. Please take a minute to vote stemie.mcgraw-hill.com/submission/sho… Thx!
— Scott Meech (@smeech) September 3, 2012

pls vote for art tchr @fuglefun's rotoscope entry! stemie.mcgraw-hill.com/submission/sho… you'll need to sign up then sign in again to vote. Pls RT, thx!
— Melissa Techman (@mtechman) September 3, 2012

RT @fuglefun: The votes are close in the #STEM contest. Your vote WILL make a big difference for all of @drydenschool drydenart.weebly.com/1/post/2012/09…
— Karen Miller (@Kdmiller4) September 9, 2012

MT @juan_c_castro:Vote for @fuglefun's Rotoscope Animation on iPads to go full STEAM ahead!shar.es/7BKmo @naea #steam #arted
— Artsonia (@Artsonia) September 4, 2012

RT @juan_c_castro Put some ART into STEM.Vote 4 @fuglefun's elementary art student's Rotoscope Animation on iPads shar.es/7BKmo @naea
— DoInk Tweets (@DoInkTweets) September 4, 2012

RT @fuglefun: support #arlingtonheights student project in this national contestwith your vote!@triblocalstemie.mcgraw-hill.com/submission/sho…
— St. Mary's Services (@stmaryservices) September 4, 2012

5th Graders creating amazing rotoscope art! Please vote for them if you have the time! stemie.mcgraw-hill.com/submission/sho… #ds106 cc @giuliaforsythe
— Ben Rimes (@techsavvyed) September 4, 2012

Rotoscope Animation on iPads shar.es/7U16A
— John Schu (@MrSchuReads) September 2, 2012

Awesome animation by @fuglefun #5thgrade students.Vote NOW!!!goo.gl/lGb04 Please & thankyou! #edchat #5thchat #mlearning
— TJ Houston (@tjhouston) September 4, 2012

voted for this awesome #artsed video and you should too - stemie.mcgraw-hill.com/submission/sho… good luck @fuglefun
— Andrea Slusarski (@miss_SLU) September 4, 2012

Dear #artsed friends-pls support @fuglefun & #artsed project Rotoscope Animation 4 iPad. Finalists in Nat'l contest stemie.mcgraw-hill.com/submission/sho…
— Jessica Wilt (@JessicaLWilt) September 4, 2012

RT @fuglefun:Please support our #artsed project Rotoscope Animation on iPads. We're STEMIE finalists stemie.mcgraw-hill.com/submission/sho… THX!
— Jerry Blumengarten (@cybraryman1) September 4, 2012

Rotoscope #Animation on iPads shar.es/7SrCu >via @fuglefun 's #ArtsEd class—they're finalists, need votes to win a grant! #teachers
— Cathryn Hrudicka (@CreativeSage) September 4, 2012

Way-cool animation project by @fuglefun's students that deserves your vote! ow.ly/dsU1M #stem #edchat #edtech #elemchat #artsed
— Brad Wilson (@dreambition) September 5, 2012

Vote for Dryden Elementary's #STEMie project! It's time to #STEAM -ahead! shar.es/71e21 Log in & vote for Rotoscope on iPads #arted
— Samantha Melvin (@smelvin) August 19, 2012

Have you voted for @fuglefun 's Rotoscope Animation to win a 2012 STEMie Award yet?? If not, please do! Here's the link bit.ly/PoPWfr
— Suzanne Tiedemann (@Tiedemania) August 22, 2012

Classroom #artsed project up for a #STEM award from McGraw Hill. Vote for it!bit.ly/Nj6M0W
— John (@JohnAbodeely) August 23, 2012

Please vote 4 our talented kids! Vote for Dryden Elementary's #STEMie project!shar.es/71e21 Log in & vote for Rotoscope on iPads
— Danielle Porte (@mrsdporte) August 20, 2012

Cool rotoscoping animation idea: drydenart.weebly.com/1/post/2012/08…
— Jeremy Holien (@JeremyHolien) September 5, 2012

Wow! You have to check out and vote for my friend @fuglefun and her student's ipad art. stemie.mcgraw-hill.com/submission/sho…
— Barb Gilman (@BarbInNebraska) September 8, 2012

VOTE FOR @drydenschool : drydenart.weebly.com/1/post/2012/08…Let’s win more iPads for @drydenschool!
— Dryden School (@DrydenSchool) September 4, 2012

#ArtsEdChat check out @fuglefun #artsed project Rotoscope Animation on iPads Class collaboration ow.ly/dwgw6 NEED your VOTE
— Chelsie Meyer (@chelsiemeyer) September 6, 2012

Please vote and RT "@fuglefun only 21 away from lead Thx #artsed #stem #steam supporters stemie.mcgraw-hill.com/submission/sho…"
— Janine Campbell (@campbellartsoup) September 10, 2012

Rotoscope Animation on iPads by @fuglefun! shar.es/ufeDp via @sharethis
— Abby Escobal (@AbbyE_arted) September 10, 2012

.@drydenschool is now in 2nd place in this national STEM contest for $15,000, 8 more days to vote #ArlingtonHeights dailyherald.com/article/201209…
— Melissa Silverberg (@m_silverberg) September 11, 2012

0 Comments

We're Finalists and We Need Your Vote!

8/15/2012

4 Comments

My Countdown

Vote now

Last Spring Dryden's 5th graders created a collaborative rotoscoped animation on the iPads. It turned out to be so cool that we documented the process and entered it into the McGraw-Hill STEMie Award contest as a Technology and Art project.

Out of the 158 video projects submitted from across the country, they chose 30 finalists. Our Rotoscope Animation on iPads project is one of these finalists.
The next step is a voting round. 30% of our score is determined by voting.
We have until noon on Sept. 19th to get as many people as possible to create a login and submit their vote for our movie. You can only vote once, so please spread the word!

As part of the application process I filled out essays, sent out and collected permission slips, and proposed a plan for how we would use the $15,000 first place award if we won. On this point I wrote that I would like to see the money go towards iPads.
I know that Dryden has iPads, but the teachers do not. Adding new iPads to our collection means that as the iPads rotate through the grade levels each classroom would still have access to one iPad. The one iPad classroom is still a wonderful thing for engagement, quick research, collaboration, and planning.
So, all the kids will win if we win this contest! Please vote and pass this on.

Click on the image to view the video and cast your vote

4 Comments

Creating on iPads: A Practice Page

8/12/2012

0 Comments

I'm gearing up for the school year by collecting my resources and making them easily available for anyone who wants to learn some of my tips for how to create on the iPad. There are tons of apps in the app store, but I tried to limit my ideas to only a few so that we can work with what we have on our school iPads while I explore other apps and begin writing grants to get them in the future. (100 ipads=$$ for each app purchase) so I'm trying to keep it simple. Below is a screen shot of the new page I added to my website. Visit it here. There are links leading to resources, videos, tutorials, and files that you can download from your iPad and get started playing right away.

0 Comments

Notes from my Rotoscoping on iPads Experience

4/9/2012

3 Comments

I was asked today by Melissa, art teacher in a Cincinnati Jr. High, to relay my experience rotoscoping with my 5th graders on iPads.
I had mapped out a plan a long while back as to how I was going to approach this lesson and found that I did made some modifications along the way.

1. Students created a short video (Learned that adding transitions like fading out doesn't translate well when student did a contour line drawing-skip that next time)
2. Convert the video to jpgs (try using MPEG Stream Clip (free download) Here is my screencast showing you how to do this.
3. Dropped the images into Dropbox (They were all 001-335 already so everything was in order)
4. Assigning images to students (I was taking too much time with this process. I should have just written the image numbers on tickets and have a bucket for them to grab from. Then later when I needed to reject an image, which I did many times on my quality control checks, I would just put the number back into the bucket)
5. Import into layer in Brushes (yes----but they draw in a layer over the photo then hide the photo under the white layer before the turn it in. If they followed directions then it worked. If they drew on the photo layer. they wasted their class time. UGH!)
6. Uniform protocol (We all chose solid black lines size 3, full opacity and decided how to deal with difficult parts of the video together)
7. Turned back the art via email (They wrote their name and image number under the drawing in digital ink in Brushes and used the Subject line of the email to tell me again their name and image number)
8.Collect the images (I grabbed the images from email and renamed them by number and artist ie, "007jessica" Everything neatly stacked up in the folder. So I dropped them all into imovie with .2sec no effects and made the movie. It was too slow at first. So I exported it-reimported it and used the speed adjustments to make it faster. I tried gifninja to make an animation of some in-progress images.
9. Tweak and turn in (we were able to submit it to Rotoball 12 after we cropped it to 15 seconds and added the ball in and ball out as required)

For more information see the post that has all the links for this project here.
Below is our amazing collaborative ipad generated original Rotoscoped animation by 5th graders!