<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" >

<channel><title><![CDATA[christina e. spangler : illustration & design - Blog]]></title><link><![CDATA[https://www.spanglerstudios.com/blog]]></link><description><![CDATA[Blog]]></description><pubDate>Wed, 27 Mar 2024 07:58:15 -0700</pubDate><generator>Weebly</generator><item><title><![CDATA[Bug Puppets in the Woods, and a cut-out Mouse too]]></title><link><![CDATA[https://www.spanglerstudios.com/blog/bug-puppets-in-the-woods-and-a-cut-out-mouse-too]]></link><comments><![CDATA[https://www.spanglerstudios.com/blog/bug-puppets-in-the-woods-and-a-cut-out-mouse-too#comments]]></comments><pubDate>Sun, 16 Jun 2019 15:46:16 GMT</pubDate><category><![CDATA[animation]]></category><category><![CDATA[stop motion]]></category><guid isPermaLink="false">https://www.spanglerstudios.com/blog/bug-puppets-in-the-woods-and-a-cut-out-mouse-too</guid><description><![CDATA[       I&rsquo;ve been building bug puppets, and experimenting with materials.&nbsp; I hadn&rsquo;t been to the craft store in a long time, and I recently discovered the lighter weight Sculpey &lsquo;Ultra Light&rsquo; oven-bake clay.&nbsp; It is much lighter than regular Sculpey, and can be shaped in similar detail and smoothness, unlike Model Magic which ends up with creases and wrinkles and tends to lose detail.&nbsp; This new stuff is perfect.   	 		 			 				 					 						          					 				 [...] ]]></description><content:encoded><![CDATA[<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="https://www.spanglerstudios.com/uploads/6/6/4/0/66406/editor/bug-and-stars-sketch.jpg?1560700940" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph">I&rsquo;ve been building bug puppets, and experimenting with materials.<span>&nbsp; </span>I hadn&rsquo;t been to the craft store in a long time, and I recently discovered the lighter weight Sculpey &lsquo;Ultra Light&rsquo; oven-bake clay.<span>&nbsp; </span>It is much lighter than regular Sculpey, and can be shaped in similar detail and smoothness, unlike Model Magic which ends up with creases and wrinkles and tends to lose detail.<span>&nbsp; </span>This new stuff is perfect.</div>  <div><div class="wsite-multicol"><div class="wsite-multicol-table-wrap" style="margin:0 -15px;"> 	<table class="wsite-multicol-table"> 		<tbody class="wsite-multicol-tbody"> 			<tr class="wsite-multicol-tr"> 				<td class="wsite-multicol-col" style="width:34.042553191489%; padding:0 15px;"> 					 						  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="https://www.spanglerstudios.com/uploads/6/6/4/0/66406/published/bug-one-leg.jpg?1560701558" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>   					 				</td>				<td class="wsite-multicol-col" style="width:65.957446808511%; padding:0 15px;"> 					 						  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="https://www.spanglerstudios.com/uploads/6/6/4/0/66406/bug-assembly_orig.jpg" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>   					 				</td>			</tr> 		</tbody> 	</table> </div></div></div>  <div class="paragraph"><span>Two weekends ago, I took one of the bug puppets into the woods, and animated it walking along a patch of moss.</span><span>&nbsp;&nbsp;</span><span>This is something I&rsquo;ve wanted to try for ages.</span><span>&nbsp;&nbsp;</span><span>Animating outdoors is an interest of mine - though it comes with complications, mostly the potential for dramatic shifting of light from shot to shot.</span><span>&nbsp;&nbsp;</span><span>I also imagined that it would be relatively easy to pin down a puppet foot into a piece of dead wood, but most of the wood I encountered was too hard.</span><span>&nbsp;&nbsp;</span><span>However, patches of sturdy moss worked perfectly for receiving and holding a pin.</span><br /></div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="https://www.spanglerstudios.com/uploads/6/6/4/0/66406/bug-shot-side_orig.jpg" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph"><span>On an earlier weekend, I had been playing with animating on my iphone using a stop-motion app - wouldn&rsquo;t that be so much simpler, taking a small phone into the woods vs a clunky camera?</span><span>&nbsp;&nbsp;</span><span>The app worked well, and was great for previewing and toggling the previous frame.</span><span>&nbsp;&nbsp;</span><span>The biggest issue I encountered was realizing that using the iphone would greatly limit depth of field options - though maybe there are ways to achieve this that aren&rsquo;t obvious to me yet.</span><span>&nbsp;&nbsp;</span><span>I did this clip of a cut-out mouse puppet with the iphone app:</span></div>  <div class="wsite-video"><div title="Video: aemousejump_490.mp4" class="wsite-video-wrapper wsite-video-height-auto wsite-video-align-left"> 					<div id="wsite-video-container-467862051482734353" class="wsite-video-container" style="margin: 10px 0 10px 0;"> 						<iframe allowtransparency="true" allowfullscreen="true" frameborder="0" scrolling="no" id="video-iframe-467862051482734353" 							src="about:blank"> 						</iframe> 						 						<style> 							#wsite-video-container-467862051482734353{ 								background: url(//www.weebly.com/uploads/b/66406-576382299194079/aemousejump_490.jpg); 							}  							#video-iframe-467862051482734353{ 								background: url(//cdn2.editmysite.com/images/util/videojs/play-icon.png?1560461714); 							}  							#wsite-video-container-467862051482734353, #video-iframe-467862051482734353{ 								background-repeat: no-repeat; 								background-position:center; 							}  							@media only screen and (-webkit-min-device-pixel-ratio: 2), 								only screen and (        min-device-pixel-ratio: 2), 								only screen and (                min-resolution: 192dpi), 								only screen and (                min-resolution: 2dppx) { 									#video-iframe-467862051482734353{ 										background: url(//cdn2.editmysite.com/images/util/videojs/@2x/play-icon.png?1560461714); 										background-repeat: no-repeat; 										background-position:center; 										background-size: 70px 70px; 									} 							} 						</style> 					</div> 				</div></div>  <div class="paragraph"><span>For the bug, I went back to my Canon 40D, and used a manual Nikon Micro lens that I&rsquo;d had but had never used before.</span><span>&nbsp;&nbsp;</span><span>Learning about that type of lens led me off on a tangent of reading about micro-photography, which was fascinating.</span><span>&nbsp; Some of these lenses</span><span>&nbsp;can allow you to be a distance back from your subject, but still get a very close up shot.</span><span>&nbsp;&nbsp;</span><span>In the case of photographing real bugs, you&rsquo;d be less likely to scare them away, though in this case I wasn&rsquo;t worried about scaring off my puppet.</span></div>  <div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="https://www.spanglerstudios.com/uploads/6/6/4/0/66406/camera-with-bug_orig.jpg" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph"><span>The light did change during the shooting, and because I didn&rsquo;t have a remote shutter and my camera's mini- tripod was sitting on moss and leaves, the images jump all over the place.</span><span>&nbsp;&nbsp;</span><span>I was able to get enough of a preview of motion by clicking through the camera playback of images - though not the best for seeing all the details.</span><span>&nbsp;&nbsp;</span><span>I&rsquo;m still looking for some way to do this remotely.</span><span>&nbsp;&nbsp;</span><span>This method required some very awkward bending down and craning my head at odd angles.</span><span>&nbsp;&nbsp;</span><span>Original footage result is below:</span></div>  <div class="wsite-video"><div title="Video: original_footage_comp_483.mp4" class="wsite-video-wrapper wsite-video-height-auto wsite-video-align-left"> 					<div id="wsite-video-container-625834959271830956" class="wsite-video-container" style="margin: 10px 0 10px 0;"> 						<iframe allowtransparency="true" allowfullscreen="true" frameborder="0" scrolling="no" id="video-iframe-625834959271830956" 							src="about:blank"> 						</iframe> 						 						<style> 							#wsite-video-container-625834959271830956{ 								background: url(//www.weebly.com/uploads/b/66406-576382299194079/original_footage_comp_483.jpg); 							}  							#video-iframe-625834959271830956{ 								background: url(//cdn2.editmysite.com/images/util/videojs/play-icon.png?1560461714); 							}  							#wsite-video-container-625834959271830956, #video-iframe-625834959271830956{ 								background-repeat: no-repeat; 								background-position:center; 							}  							@media only screen and (-webkit-min-device-pixel-ratio: 2), 								only screen and (        min-device-pixel-ratio: 2), 								only screen and (                min-resolution: 192dpi), 								only screen and (                min-resolution: 2dppx) { 									#video-iframe-625834959271830956{ 										background: url(//cdn2.editmysite.com/images/util/videojs/@2x/play-icon.png?1560461714); 										background-repeat: no-repeat; 										background-position:center; 										background-size: 70px 70px; 									} 							} 						</style> 					</div> 				</div></div>  <div class="paragraph"><span>I played with adjusting the exposure frame by frame in Photoshop, which worked pretty well to reduce flicker.</span><span>&nbsp;&nbsp;</span><span>I was moderately successful in stabilizing the images in Photoshop too, but it wasn&rsquo;t perfect.</span><span>&nbsp;&nbsp;</span><span>I was happy to discover a better stabilizing feature in After Effects, which did an amazing job.</span><span>&nbsp;&nbsp;</span><span>The adjusted version is below:</span></div>  <div class="wsite-video"><div title="Video: 10_fps_looped_481.mp4" class="wsite-video-wrapper wsite-video-height-auto wsite-video-align-left"> 					<div id="wsite-video-container-909295373906866650" class="wsite-video-container" style="margin: 10px 0 10px 0;"> 						<iframe allowtransparency="true" allowfullscreen="true" frameborder="0" scrolling="no" id="video-iframe-909295373906866650" 							src="about:blank"> 						</iframe> 						 						<style> 							#wsite-video-container-909295373906866650{ 								background: url(//www.weebly.com/uploads/b/66406-576382299194079/10_fps_looped_481.jpg); 							}  							#video-iframe-909295373906866650{ 								background: url(//cdn2.editmysite.com/images/util/videojs/play-icon.png?1560461714); 							}  							#wsite-video-container-909295373906866650, #video-iframe-909295373906866650{ 								background-repeat: no-repeat; 								background-position:center; 							}  							@media only screen and (-webkit-min-device-pixel-ratio: 2), 								only screen and (        min-device-pixel-ratio: 2), 								only screen and (                min-resolution: 192dpi), 								only screen and (                min-resolution: 2dppx) { 									#video-iframe-909295373906866650{ 										background: url(//cdn2.editmysite.com/images/util/videojs/@2x/play-icon.png?1560461714); 										background-repeat: no-repeat; 										background-position:center; 										background-size: 70px 70px; 									} 							} 						</style> 					</div> 				</div></div>]]></content:encoded></item><item><title><![CDATA[Move, Create, Practice]]></title><link><![CDATA[https://www.spanglerstudios.com/blog/move-create-practice]]></link><comments><![CDATA[https://www.spanglerstudios.com/blog/move-create-practice#comments]]></comments><pubDate>Wed, 26 Oct 2016 00:20:01 GMT</pubDate><category><![CDATA[Uncategorized]]></category><guid isPermaLink="false">https://www.spanglerstudios.com/blog/move-create-practice</guid><description><![CDATA[       I have been participating in Tiffany Sankary's live-streamed online series, 'Move, Create, Practice' that is not so much a class but a group meeting place and time where we gather to explore the intersections of movement, meditation, focused practice, learning and creation (whether painting, music, writing, or development of an unfinished project - there are no limits). &nbsp; [...] ]]></description><content:encoded><![CDATA[<div><div class="wsite-image wsite-image-border-none " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="https://www.spanglerstudios.com/uploads/6/6/4/0/66406/mc-headaches-lrg_orig.jpg" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph">I have been participating in Tiffany Sankary's live-streamed online series, <a href="http://www.tiffanysankary.com/Move_Create_Practice_series.html" target="_blank">'Move, Create, Practice'</a> that is not so much a class but a group meeting place and time where we gather to explore the intersections of movement, meditation, focused practice, learning and creation (whether painting, music, writing, or development of an unfinished project - there are no limits). &nbsp;</div>]]></content:encoded></item><item><title><![CDATA[Adding hand-drawn details to footage in Photoshop timeline]]></title><link><![CDATA[https://www.spanglerstudios.com/blog/adding-hand-drawn-details-to-footage-in-photoshop-timeline]]></link><comments><![CDATA[https://www.spanglerstudios.com/blog/adding-hand-drawn-details-to-footage-in-photoshop-timeline#comments]]></comments><pubDate>Sun, 03 Feb 2013 05:05:18 GMT</pubDate><category><![CDATA[animation]]></category><guid isPermaLink="false">https://www.spanglerstudios.com/blog/adding-hand-drawn-details-to-footage-in-photoshop-timeline</guid><description><![CDATA[This doesn't look much different from the previous clips, but I've added some tablet-drawn paint effects frame-by-frame using Photoshop's animation timeline editor. &nbsp;Took a while to figure out how to create a blank (transparent) video layer on which I could draw/erase one frame at a time, without having to create many new individual layers, and without disturbing the background footage layer.   [...] ]]></description><content:encoded><![CDATA[<div class="paragraph" style="text-align:left;">This doesn't look much different from the previous clips, but I've added some tablet-drawn paint effects frame-by-frame using Photoshop's animation timeline editor. &nbsp;Took a while to figure out how to create a blank (transparent) video layer on which I could draw/erase one frame at a time, without having to create many new individual layers, and without disturbing the background footage layer.</div>  <div class="wsite-video"><iframe allowtransparency="true" frameborder="0" scrolling="no" style="margin: 10px 0 10px 0; width: 100%; height: 282px;" src="http://www.weebly.com/weebly/apps/generateVideo.php?source=weebly&elementid=463777665494257493&ineditor=0&align=left&height=282&video=6/6/4/0/66406/sketch_on_top_test_pshop_752.mp4&image=6/6/4/0/66406/sketch_on_top_test_pshop_752.jpg"></iframe></div>]]></content:encoded></item><item><title><![CDATA[Dusting off the multiplane!]]></title><link><![CDATA[https://www.spanglerstudios.com/blog/dusting-off-the-multiplane]]></link><comments><![CDATA[https://www.spanglerstudios.com/blog/dusting-off-the-multiplane#comments]]></comments><pubDate>Mon, 28 Jan 2013 03:40:21 GMT</pubDate><category><![CDATA[animation]]></category><guid isPermaLink="false">https://www.spanglerstudios.com/blog/dusting-off-the-multiplane</guid><description><![CDATA[       Below is the straight movie clip from the multiplane, and underneath a version made through aftereffects.     [...] ]]></description><content:encoded><![CDATA[<div><div class="wsite-image wsite-image-border-thin " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="https://www.spanglerstudios.com/uploads/6/6/4/0/66406/815563_orig.jpg" alt="Picture" style="width:100%;max-width:1066px" /> </a> <div style="display:block;font-size:90%"></div> </div></div>  <div class="paragraph" style="text-align:left;">Below is the straight movie clip from the multiplane, and underneath a version made through aftereffects.</div>  <div class="wsite-video"><iframe allowtransparency="true" frameborder="0" scrolling="no" style="margin: 10px 0 10px 0; width: 100%; height: 282px;" src="http://www.weebly.com/weebly/apps/generateVideo.php?source=weebly&elementid=710879208839517780&ineditor=0&align=left&height=282&video=6/6/4/0/66406/mpt_001_sunsetbirds_640.mp4&image=6/6/4/0/66406/mpt_001_sunsetbirds_640.jpg"></iframe></div>  <div class="wsite-video"><iframe allowtransparency="true" frameborder="0" scrolling="no" style="margin: 10px 0 10px 0; width: 100%; height: 282px;" src="http://www.weebly.com/weebly/apps/generateVideo.php?source=weebly&elementid=208720895133859895&ineditor=0&align=left&height=282&video=6/6/4/0/66406/sunsetbirdsmove01_103.mp4&image=6/6/4/0/66406/sunsetbirdsmove01_103.jpg"></iframe></div>]]></content:encoded></item><item><title><![CDATA[Designing Bugs]]></title><link><![CDATA[https://www.spanglerstudios.com/blog/designing-bugs]]></link><comments><![CDATA[https://www.spanglerstudios.com/blog/designing-bugs#comments]]></comments><pubDate>Mon, 21 Jan 2013 04:41:06 GMT</pubDate><category><![CDATA[animation]]></category><category><![CDATA[stop motion]]></category><guid isPermaLink="false">https://www.spanglerstudios.com/blog/designing-bugs</guid><description><![CDATA[      [...] ]]></description><content:encoded><![CDATA[<div><div class="wsite-image wsite-image-border-thin " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="https://www.spanglerstudios.com/uploads/6/6/4/0/66406/170240.jpg?625" alt="Picture" style="width:auto;max-width:100%" /> </a> <div style="display:block;font-size:90%"></div> </div></div>]]></content:encoded></item><item><title><![CDATA[hot glue tie-down test]]></title><link><![CDATA[https://www.spanglerstudios.com/blog/hot-glue-tie-down-test]]></link><comments><![CDATA[https://www.spanglerstudios.com/blog/hot-glue-tie-down-test#comments]]></comments><pubDate>Thu, 10 Jan 2013 03:01:58 GMT</pubDate><category><![CDATA[animation]]></category><category><![CDATA[stop motion]]></category><guid isPermaLink="false">https://www.spanglerstudios.com/blog/hot-glue-tie-down-test</guid><description><![CDATA[  this puppet is small and lightweight, so it can be held up on one leg by a dollop of hot glue. &nbsp; [...] ]]></description><content:encoded><![CDATA[<div class="wsite-video"><iframe allowtransparency="true" frameborder="0" scrolling="no" style="margin: 10px 0 10px 0; width: 100%; height: 282px;" src="http://www.weebly.com/weebly/apps/generateVideo.php?source=weebly&elementid=984127561188400008&ineditor=0&align=left&height=282&video=6/6/4/0/66406/rigs_001_03loop_139.mp4&image=6/6/4/0/66406/rigs_001_03loop_139.jpg"></iframe></div>  <div class="paragraph" style="text-align:left;">this puppet is small and lightweight, so it can be held up on one leg by a dollop of hot glue. &nbsp;</div>]]></content:encoded></item><item><title><![CDATA[wire rig test]]></title><link><![CDATA[https://www.spanglerstudios.com/blog/wire-rig-test]]></link><comments><![CDATA[https://www.spanglerstudios.com/blog/wire-rig-test#comments]]></comments><pubDate>Thu, 10 Jan 2013 02:58:07 GMT</pubDate><category><![CDATA[animation]]></category><category><![CDATA[stop motion]]></category><guid isPermaLink="false">https://www.spanglerstudios.com/blog/wire-rig-test</guid><description><![CDATA[ [...] ]]></description><content:encoded><![CDATA[<div class="wsite-video"><iframe allowtransparency="true" frameborder="0" scrolling="no" style="margin: 10px 0 10px 0; width: 100%; height: 282px;" src="http://www.weebly.com/weebly/apps/generateVideo.php?source=weebly&elementid=582687735476098693&ineditor=0&align=left&height=282&video=6/6/4/0/66406/rigs_001_02qt2loop_738.mp4&image=6/6/4/0/66406/rigs_001_02qt2loop_738.jpg"></iframe></div>]]></content:encoded></item><item><title><![CDATA[watch a mouse puppet being made:]]></title><link><![CDATA[https://www.spanglerstudios.com/blog/watch-a-mouse-puppet-being-made]]></link><comments><![CDATA[https://www.spanglerstudios.com/blog/watch-a-mouse-puppet-being-made#comments]]></comments><pubDate>Thu, 10 Jan 2013 02:46:58 GMT</pubDate><category><![CDATA[animation]]></category><category><![CDATA[stop motion]]></category><guid isPermaLink="false">https://www.spanglerstudios.com/blog/watch-a-mouse-puppet-being-made</guid><description><![CDATA[ [...] ]]></description><content:encoded><![CDATA[<div class="wsite-video"><iframe allowtransparency="true" frameborder="0" scrolling="no" style="margin: 10px 0 10px 0; width: 100%; height: 282px;" src="http://www.weebly.com/weebly/apps/generateVideo.php?source=weebly&elementid=554177241434305485&ineditor=0&align=left&height=282&video=6/6/4/0/66406/firstmousemedley02_471.mp4&image=6/6/4/0/66406/firstmousemedley02_471.jpg"></iframe></div>]]></content:encoded></item><item><title><![CDATA[making puppets again]]></title><link><![CDATA[https://www.spanglerstudios.com/blog/making-puppets-again]]></link><comments><![CDATA[https://www.spanglerstudios.com/blog/making-puppets-again#comments]]></comments><pubDate>Wed, 02 Jan 2013 03:40:20 GMT</pubDate><category><![CDATA[animation]]></category><category><![CDATA[stop motion]]></category><guid isPermaLink="false">https://www.spanglerstudios.com/blog/making-puppets-again</guid><description><![CDATA[      [...] ]]></description><content:encoded><![CDATA[<div><div class="wsite-image wsite-image-border-thin " style="padding-top:10px;padding-bottom:10px;margin-left:0;margin-right:0;text-align:center"> <a> <img src="https://www.spanglerstudios.com/uploads/6/6/4/0/66406/9161786_orig.jpg" alt="Picture" style="width:100%;max-width:1066px" /> </a> <div style="display:block;font-size:90%"></div> </div></div>]]></content:encoded></item></channel></rss>