From: Jim Curtis <jpcurtis@me.com>
Content-type: multipart/alternative;
 boundary="Apple-Mail=_72CF95B8-0448-4984-B6F4-9CF365AB4D11"
Message-id: <4A986C3C-8D49-4309-BC73-FDE0FC02D9A6@me.com>
MIME-version: 1.0 (Mac OS X Mail 6.6 \(1510\))
Subject: Re: [AE] White Board effect
Date: Sun, 01 Dec 2013 11:18:03 -0600
References: <list-5304045@media-motion.tv>
To: After Effects Mail List <AE-List@media-motion.tv>
In-reply-to: <list-5304045@media-motion.tv>


--Apple-Mail=_72CF95B8-0448-4984-B6F4-9CF365AB4D11
Content-Transfer-Encoding: quoted-printable
Content-Type: text/plain;
	charset=windows-1252

What an amazing marker that is, that changes ink colors spontaneously.  =
It's magic.

I did a whiteboard video a few months ago.  The producer and I had a =
pre-pro meeting, and I suggested a few ways to do them.

1.  Get a graphic artist to draw, shoot that, and speed up the video in =
post.
2.  Shoot a still or video of a hand holding a marker, mask it and =
animate the pen tip over a Write-on / masking reveal (or reverse =
conceal) from previously drawn art.
3.  Use the record feature of Painter to record illustrations being =
created, and animate the masked marker tip as the image is revealed.


Method #1 is the quickest to pull off in post, but requires a pretty =
good illustrator to draw in real-time.

Method #2 was probably used in the sample you provided.  Look at the =
fonts.  They're all the same; and some of them are fonts people don't =
ordinarily draw in freehand illustrating.  If you look closely, you can =
see that an artist filled in some traced outlines of what appears to me =
to be computer generated fonts and clip art (Look at the two bananas; =
nobody draws two bananas by drawing the back one first, and adding a =
second one on top.)  And look at the pen position in the hand; it =
doesn't change much.

Method #3 requires an expert in Painter, and I don't know any.

We ended up going with #1.  The biggest post challenge for me was to =
control and match the shadows cast by the real arm on the real drawing =
(even after trying to banish all shadows using several soft lights).  In =
retrospect, we should have prohibited the people (camera guy and =
producer) getting close to the artwork while shooting (Producer was =
pointing where and what to draw.), as the white paper picked up fabric =
colors that were bounced from the lights onto the paper.  Everybody =
around the paper, including the artist should have worn all black.


On Dec 1, 2013, at 10:42 AM, Dave Bittner <dave@pixelworkshop.com> =
wrote:

> The =93writing on a white board=94 animation was all the rage a couple =
of years ago, and lately I=92ve seen several pop up like this one -=20
>=20
> http://www.youtube.com/watch?v=3DhbcoU9m5H2E#t=3D108
>=20
> This appears to be much more automated than some of the others=92 I=92ve=
 seen. Any idea if this is the case, and how they=92re pulling it off?
>=20
> Thanks,
>=20
> Dave
>=20
>=20
>=20
>=20
> <PastedGraphic-3.tiff>
>=20
> Dave Bittner - Pixel Workshop Inc.
> www.pixelworkshop.com
> 410.381.8555
> Twitter @bittner
>=20
>=20
>=20
>=20


--Apple-Mail=_72CF95B8-0448-4984-B6F4-9CF365AB4D11
Content-Transfer-Encoding: quoted-printable
Content-Type: text/html;
	charset=windows-1252

<html><head><meta http-equiv=3D"Content-Type" content=3D"text/html =
charset=3Dwindows-1252"></head><body style=3D"word-wrap: break-word; =
-webkit-nbsp-mode: space; -webkit-line-break: after-white-space; =
"><div>What an amazing marker that is, that changes ink colors =
spontaneously. &nbsp;It's magic.</div><div><br></div>I did a whiteboard =
video a few months ago. &nbsp;The producer and I had a pre-pro meeting, =
and I suggested a few ways to do them.<div><br></div><div>1. &nbsp;Get a =
graphic artist to draw, shoot that, and speed up the video in =
post.</div><div>2. &nbsp;Shoot a still or video of a hand holding a =
marker, mask it and animate the pen tip over a Write-on / masking reveal =
(or reverse conceal) from previously drawn art.</div><div>3. &nbsp;Use =
the record feature of Painter to record illustrations being created, and =
animate the masked marker tip as the image is =
revealed.</div><div><br></div><div><br></div><div>Method #1 is the =
quickest to pull off in post, but requires a pretty good illustrator to =
draw in real-time.</div><div><br></div><div>Method #2 was probably used =
in the sample you provided. &nbsp;Look at the fonts. &nbsp;They're all =
the same; and some of them are fonts people don't ordinarily draw in =
freehand illustrating. &nbsp;If you look closely, you can see that an =
artist filled in some traced outlines of what appears to me to be =
computer generated fonts and clip art (Look at the two bananas; nobody =
draws two bananas by drawing the back one first, and adding a second one =
on top.) &nbsp;And look at the pen position in the hand; it doesn't =
change much.</div><div><br></div><div>Method #3 requires an expert in =
Painter, and I don't know any.</div><div><br></div><div>We ended up =
going with #1. &nbsp;The biggest post challenge for me was to control =
and match the shadows cast by the real arm on the real drawing (even =
after trying to banish all shadows using several soft lights). &nbsp;In =
retrospect, we should have prohibited the people (camera guy and =
producer) getting close to the artwork while shooting (Producer was =
pointing where and what to draw.), as the white paper picked up fabric =
colors that were bounced from the lights onto the paper. &nbsp;Everybody =
around the paper, including the artist should have worn all =
black.</div><div><br></div><div><br></div><div><br></div><div><br></div><d=
iv><br></div><div><br><div><div>On Dec 1, 2013, at 10:42 AM, Dave =
Bittner &lt;<a =
href=3D"mailto:dave@pixelworkshop.com">dave@pixelworkshop.com</a>&gt; =
wrote:</div><br class=3D"Apple-interchange-newline"><blockquote =
type=3D"cite"><meta http-equiv=3D"Content-Type" content=3D"text/html =
charset=3Dwindows-1252"><div style=3D"word-wrap: break-word; =
-webkit-nbsp-mode: space; -webkit-line-break: after-white-space;">The =
=93writing on a white board=94 animation was all the rage a couple of =
years ago, and lately I=92ve seen several pop up like this one =
-&nbsp;<div><br></div><div><a =
href=3D"http://www.youtube.com/watch?v=3DhbcoU9m5H2E#t=3D108">http://www.y=
outube.com/watch?v=3DhbcoU9m5H2E#t=3D108</a></div><div><br></div><div>This=
 appears to be much more automated than some of the others=92 I=92ve =
seen. Any idea if this is the case, and how they=92re pulling it =
off?</div><div><br></div><div>Thanks,</div><div><br></div><div>Dave</div><=
div><br></div><div><br></div><br><br><div =
apple-content-edited=3D"true"><span>&lt;PastedGraphic-3.tiff&gt;</span><br=
><br>Dave Bittner - Pixel Workshop Inc.<br><a =
href=3D"http://www.pixelworkshop.com/">www.pixelworkshop.com</a><br>410.38=
1.8555<br>Twitter =
@bittner<br><br><br><br></div><br></div></blockquote></div><br></div></bod=
y></html>=

--Apple-Mail=_72CF95B8-0448-4984-B6F4-9CF365AB4D11--