<?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/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>WebUrbanist  Book of Shadows: 2D Shape Cutouts Cast Silhouettes on Pages | Urbanist</title>
	<atom:link href="https://weburbanist.com/2014/07/24/book-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages/feed/" rel="self" type="application/rss+xml" />
	<link>https://weburbanist.com</link>
	<description>Urban Art, Architecture, Design &#38; Built Environments</description>
	<lastBuildDate>Thu, 15 Jan 2026 02:15:38 +0000</lastBuildDate>
	<generator>https://wordpress.org/?v=6.9.4</generator>
	<language></language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9.4</generator>

<image>
	<url>https://weburbanist.com/wp-content/uploads/2016/05/cropped-urbanisticon-32x32.png</url>
	<title>  Book of Shadows: 2D Shape Cutouts Cast Silhouettes on Pages | Urbanist</title>
	<link>https://weburbanist.com</link>
	<width>32</width>
	<height>32</height>
</image> 
<site xmlns="com-wordpress:feed-additions:1">74409875</site>	
	<item>
        <title>Book of Shadows: 2D Shape Cutouts Cast Silhouettes on Pages</title>
        <link>https://weburbanist.com/2014/07/24/book-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages/</link>
		<comments>https://weburbanist.com/2014/07/24/book-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages/#comments</comments>
		<pubDate>Thu, 24 Jul 2014 17:00:22 +0000</pubDate>
		<dc:creator>Kurt Kohlstedt</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Products & Packaging]]></category>
		<category><![CDATA[animated]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[children]]></category>
		<category><![CDATA[cut]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[kids]]></category>
		<category><![CDATA[light]]></category>
		<category><![CDATA[motion]]></category>
		<category><![CDATA[paper]]></category>
		<category><![CDATA[shadow]]></category>
		<category><![CDATA[shapes]]></category>
		<category><![CDATA[silhouette]]></category>

		<guid isPermaLink="false">https://weburbanist.com/?p=69085</guid>
		<description><![CDATA[A children&#8217;s book with an interactive twist, Motion Silhouette engages readers&#160;through pop-up pieces that require lighting to animate&#160;shadow pictures on each page. The idea is to add elements of manual animation that are necessarily subjective &#8211; each person will hold, turn and highlight the cutouts in different ways. Secondary readers or viewers (young kids watching <a href="https://weburbanist.com/2014/07/24/book-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages/">&#8230;</a>]]></description>
			<content:encoded><![CDATA[
    <!-- custom per item content begin -->
    
    [ By <a href='http://weburbanist.com/WebUrbanist/?utm_source=Mozilla%2F5.0+%28X11%3B+Linux+i686%29+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%29+Chrome%2F30.0.1599.66+Safari%2F537.36&utm_medium=feed&utm_campaign=feed-main-2014-07-24-book-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages&utm_content=unknown&utm_term=feed-author'>WebUrbanist</a> in <a href="https://weburbanist.com/category/design/" rel="category tag">Design</a> &amp; <a href="https://weburbanist.com/category/design/products-packaging/" rel="category tag">Products &amp; Packaging</a>. ]

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
<html><body><p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/motion-train-animated-example.gif"><img fetchpriority="high" decoding="async" class="first-image img-responsive" src="https://weburbanist.com/wp-content/uploads/2014/07/motion-train-animated-example.gif" alt="motion train animated example" width="800" height="450"></a></p>
<div id="urb-ads-toc-box" class="post-ads-toc-box urb-ads-toc" style="display:none;"></div><p>A children&rsquo;s book with an interactive twist, <a href="http://motion-silhouette.tumblr.com/">Motion Silhouette</a> engages readers&nbsp;through pop-up pieces that require lighting to animate&nbsp;shadow pictures on each page.</p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/motion-train-moving-page-960x641.jpg"><img decoding="async" class="alignnone size-large wp-image-69096" src="https://weburbanist.com/wp-content/uploads/2014/07/motion-train-moving-page-468x312.jpg" alt="motion train moving page" width="468" height="312"></a></p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/motion-train-other-page-960x641.jpg"><img decoding="async" class="alignnone size-large wp-image-69095" src="https://weburbanist.com/wp-content/uploads/2014/07/motion-train-other-page-468x312.jpg" alt="motion train other page" width="468" height="312"></a></p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/motion-womans-face-page-960x641.jpg"><img loading="lazy" decoding="async" class="alignnone size-large wp-image-69097" src="https://weburbanist.com/wp-content/uploads/2014/07/motion-womans-face-page-468x312.jpg" alt="motion womans face page" width="468" height="312"></a></p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/motion-butterfly-shape-page-960x637.jpg"><img loading="lazy" decoding="async" class="alignnone size-large wp-image-69098" src="https://weburbanist.com/wp-content/uploads/2014/07/motion-butterfly-shape-page-468x310.jpg" alt="motion butterfly shape page" width="468" height="310"></a></p>
<p>The idea is to add elements of manual animation that are necessarily subjective &ndash; each person will hold, turn and highlight the cutouts in different ways.</p>
<p></p><div class="video-box"><iframe type="text/html" src="http://player.vimeo.com/video/99960130" allowfullscreen frameborder="0"></iframe></div>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/motion-animated-book-shadow-960x639.jpg"><img loading="lazy" decoding="async" class="alignnone size-large wp-image-69099" src="https://weburbanist.com/wp-content/uploads/2014/07/motion-animated-book-shadow-468x311.jpg" alt="motion animated book shadow" width="468" height="311"></a></p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/motion-silhouete-tree-city-960x637.jpg"><img loading="lazy" decoding="async" class="alignnone size-large wp-image-69086" src="https://weburbanist.com/wp-content/uploads/2014/07/motion-silhouete-tree-city-468x310.jpg" alt="motion silhouete tree city" width="468" height="310"></a></p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/motion-silhouette.gif"><img loading="lazy" decoding="async" class="alignnone size-large wp-image-69100" src="https://weburbanist.com/wp-content/uploads/2014/07/motion-silhouette-468x263.gif" alt="motion silhouette" width="468" height="263"></a></p>
<p>Secondary readers or viewers (young kids watching over parents&rsquo; shoulders) will also have their own unique experience each time.</p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/silhoutte-book-one-960x637.jpg"><img loading="lazy" decoding="async" class="alignnone size-large wp-image-69092" src="https://weburbanist.com/wp-content/uploads/2014/07/silhoutte-book-one-468x310.jpg" alt="silhoutte book one" width="468" height="310"></a></p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/silhouette-spider-web-960x642.jpg"><img loading="lazy" decoding="async" class="alignnone size-large wp-image-69089" src="https://weburbanist.com/wp-content/uploads/2014/07/silhouette-spider-web-468x313.jpg" alt="silhouette spider web" width="468" height="313"></a></p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/silhouette-plant-shapes-960x642.jpg"><img loading="lazy" decoding="async" class="alignnone size-large wp-image-69090" src="https://weburbanist.com/wp-content/uploads/2014/07/silhouette-plant-shapes-468x313.jpg" alt="silhouette plant shapes" width="468" height="313"></a></p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/silhouette-cross-page-960x642.jpg"><img loading="lazy" decoding="async" class="alignnone size-large wp-image-69091" src="https://weburbanist.com/wp-content/uploads/2014/07/silhouette-cross-page-468x313.jpg" alt="silhouette cross page" width="468" height="313"></a></p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/silhouette-bird-page-960x642.jpg"><img loading="lazy" decoding="async" class="alignnone size-large wp-image-69088" src="https://weburbanist.com/wp-content/uploads/2014/07/silhouette-bird-page-468x313.jpg" alt="silhouette bird page" width="468" height="313"></a></p>
<p>Motion Silhouette&nbsp;is actually a sequel to another book, simply titled <a href="http://silhouette-book.tumblr.com/">Silhouette</a>&nbsp;(excerpts shown above), a work which similarly uses slightly less-developed pop-up pages to create a more basic multi-dimensional experience.</p>
<p><a href="#" data-featherlight="https://weburbanist.com/wp-content/uploads/2014/07/motion-silhouette-book-960x1437.jpg"><img loading="lazy" decoding="async" class="alignnone size-large wp-image-69087" src="https://weburbanist.com/wp-content/uploads/2014/07/motion-silhouette-book-468x700.jpg" alt="motion silhouette book" width="468" height="700"></a></p>
<p></p><div class="video-box"><iframe type="text/html" src="http://player.vimeo.com/video/99959146" allowfullscreen frameborder="0"></iframe></div>
<p>From its Japanese creators, Megumi Kajiwara and Tathuhiko Nijima: <em>&ldquo;I will begin to talk about the story and illustrations shadow falls on top of the page overlap. In this work, you can enjoy the animation of shadow phantasmagoric by you move the light. Trees and become bigger and bigger, which aims to train a distant star. Story that changes depending on the page falling shadows, shadows move around the top of the page.&rdquo;</em></p>
</body></html>

<div id='jp-relatedposts' class='jp-relatedposts' >
	
</div><h2></h2>
   
  <span id="fb_share" style="margin-left: 5px;"><a name="fb_share" type="button"  href="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fweburbanist.com%2F2014%2F07%2F24%2Fbook-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages%2F&t=Book+of+Shadows%3A+2D+Shape+Cutouts+Cast+Silhouettes+on+Pages"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-share.png" width="60" height="19" alt="Share on Facebook"/></a></span>
  <a style="margin-left: 5px;" href="http://www.facebook.com/WebUrbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-like-mini.png" width="66px" height="19px" /></a>
  <a style="margin-left: 5px;" href="http://www.facebook.com/WebUrbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-like.png" width="220px" height="19px" /></a>

<hr width="375px" align="left" />
  <a style="margin-left: 5px;" href="http://www.stumbleupon.com/submit?url=https%3A%2F%2Fweburbanist.com%2F2014%2F07%2F24%2Fbook-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages%2F&title=Book+of+Shadows%3A+2D+Shape+Cutouts+Cast+Silhouettes+on+Pages"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-SU.png" width="74px" height="19px" /></a>
  <a style="margin-left: 9px;" href="http://twitter.com/home?status=%40weburbanist+https%3A%2F%2Fweburbanist.com%2F2014%2F07%2F24%2Fbook-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages%2F+Book+of+Shadows%3A+2D+Shape+Cutou"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-retweet.png" height="19" width="48" /></a>
  <a style="margin-left: 5px;" href="http://twitter.com/weburbanist"><img border="none" src="https://weburbanist.com/wp-content/themes/urbanist/dist/images/feed-twitter.png" width="220px" height="19px" /></a>
<div style="clear: both;"></div>

    <hr width="375px" align="left" />

        <span style="float:left; margin-left: 10px;">[ By <a href='http://weburbanist.com/WebUrbanist/?utm_source=Mozilla%2F5.0+%28X11%3B+Linux+i686%29+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%29+Chrome%2F30.0.1599.66+Safari%2F537.36&utm_medium=feed&utm_campaign=feed-main-2014-07-24-book-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages&utm_content=unknown&utm_term=feed-author-footer'>WebUrbanist</a> in <a href="https://weburbanist.com/category/design/" rel="category tag">Design</a> &amp; <a href="https://weburbanist.com/category/design/products-packaging/" rel="category tag">Products &amp; Packaging</a>. ]</span>

<br /><br />
  <span style="color: #ddd; float:left; margin-left: 10px;">[ <a style="color: #ddd;" href="http://weburbanist.com/?utm_source=Mozilla%2F5.0+%28X11%3B+Linux+i686%29+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%29+Chrome%2F30.0.1599.66+Safari%2F537.36&utm_medium=feed&utm_campaign=feed-main-2014-07-24-book-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages&utm_content=unknown&utm_term=feed-footer-title">WebUrbanist</a> | <a style="color: #ddd;" href="http://weburbanist.com/archives/?utm_source=Mozilla%2F5.0+%28X11%3B+Linux+i686%29+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%29+Chrome%2F30.0.1599.66+Safari%2F537.36&utm_medium=feed&utm_campaign=feed-main-2014-07-24-book-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages&utm_content=unknown&utm_term=feed-archives">Archives</a> | <a style="color: #ddd;" href="http://weburbanist.com/galleries/?utm_source=Mozilla%2F5.0+%28X11%3B+Linux+i686%29+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%29+Chrome%2F30.0.1599.66+Safari%2F537.36&utm_medium=feed&utm_campaign=feed-main-2014-07-24-book-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages&utm_content=unknown&utm_term=feed-galleries">Galleries</a> | <a style="color: #ddd;" href="http://weburbanist.com/privacy/?utm_source=Mozilla%2F5.0+%28X11%3B+Linux+i686%29+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%29+Chrome%2F30.0.1599.66+Safari%2F537.36&utm_medium=feed&utm_campaign=feed-main-2014-07-24-book-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages&utm_content=unknown&utm_term=feed-privacy">Privacy</a> | <a style="color: #ddd;" href="http://weburbanist.com/terms/?utm_source=Mozilla%2F5.0+%28X11%3B+Linux+i686%29+AppleWebKit%2F537.36+%28KHTML%2C+like+Gecko%29+Chrome%2F30.0.1599.66+Safari%2F537.36&utm_medium=feed&utm_campaign=feed-main-2014-07-24-book-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages&utm_content=unknown&utm_term=feed-tos">TOS</a> ]</span>
<div style="clear: both;"></div>
<br />

<div style="clear: both;"></div>
<br />
    <!-- custom per item content end -->
    ]]>
    </content:encoded>
			<wfw:commentRss>https://weburbanist.com/2014/07/24/book-of-shadows-2d-shape-cutouts-cast-silhouettes-on-pages/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<post-id xmlns="com-wordpress:feed-additions:1">69085</post-id>	</item>
	</channel>
</rss>
