Could anyone enlighten me (or maybe post a tutorial and enlighten
many others) on how to use color in the way Mike Metcalfe does in this
video: https://www.facebook.com/watch/?v=629619737564014 ?
You are right. 5 stacked drawings.
1) I started by making my illustration using multiple layers in photoshop. Then I saved five PNG images:
a) one with just the black line art
b) one with black line art plus flat color on the characters
c) one with black line art plus shaded color on the characters
d) one with black line art plus shaded color on the characters and flat color on the background art
e) one with black line art plus shaded color on the characters and shaded color on the background art
2) Then I set up an illustrator file with all 5 images perfectly aligned in 5 separate layers. Then I added the reveal strokes for each PNG in its respective layer.
3)The reveal strokes may make the finished SVGs slightly different sizes, so they will not line up correctly in Videoscribe. To solve that problem, I used the rounded rectangle tool to add a transparent rectangle that was large enough to enclose all of the PNGs and transparent reveal strokes. I just added one rounded rectangle in a layer of its own.
4) Next I saved my each of the five PNG images along with their respective reveal strokes AND the rounded rectangle as 5 separate SVG files. In order to do that I selected and deleted everything except for the first PNG, its reveal strokes and the transparent rounded rectangle, then I saved the first SVG. Then I used "undo to bring back all of the deleted layers, and repeated the process for the second PNG, the third png etc.
5) Next I imported all 5 images into videoscribe, one after another with the same camera position so they are all perfectly aligned. (if they are not perfectly aligned, you may have to go back and do step 3 again more carefully.) Then I zoomed in until the drawings filled the screen, and I set the same camera position for all 5 images.
If the instructions seem confusing, I would recommend trying the process with a simple image like a smiley face, and just use two SVG images( 1 with line art and 1 with line art and color). Once you get that to work properly you may have less difficulty with a more complex illustration.
That's awesome Mike, thank you so much for these detailed instructions. I'm going to give it a go in the near future.