<?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>I&#039;ll tell you a story... &#187; Illustration</title>
	<atom:link href="http://www.telluastory.com/category/illustration/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.telluastory.com</link>
	<description>animation ● illustration ● visual storytelling</description>
	<lastBuildDate>Sat, 19 Jun 2010 06:17:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>The Deadly Truth: first update</title>
		<link>http://www.telluastory.com/2009/05/28/the-deadly-truth-first-update/</link>
		<comments>http://www.telluastory.com/2009/05/28/the-deadly-truth-first-update/#comments</comments>
		<pubDate>Thu, 28 May 2009 06:35:37 +0000</pubDate>
		<dc:creator>Renato Vargas</dc:creator>
				<category><![CDATA[Animation]]></category>
		<category><![CDATA[Backgrounds]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[2D]]></category>
		<category><![CDATA[The Deadly Truth]]></category>
		<category><![CDATA[Toon Boom Animate]]></category>

		<guid isPermaLink="false">http://rindolphus.wordpress.com/?p=185</guid>
		<description><![CDATA[My little clip is coming along nicely. Backgrounds are close to done and rough keyframes are in place. Everything on schedule. Progress!!   &#8220;The Deadly Truth&#8221; will be released on Sunday, June 7th, 2009. Edit: For those interested, I will post more &#8230; <a href="http://www.telluastory.com/2009/05/28/the-deadly-truth-first-update/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p style="text-align:left;">My little clip is coming along nicely. Backgrounds are close to done and rough keyframes are in place. Everything on schedule. Progress!!</p>
<p style="text-align:left;"> </p>
<p style="text-align:center;"><img src="http://www.freewebs.com/rindolphus/Pictures/truth/BG.jpg" alt="The Deadly Truth: BG" /></p>
<p style="text-align:center;"><em>&#8220;The Deadly Truth&#8221; will be released on Sunday, June 7th, 2009.</em></p>
<p style="text-align:left;">Edit: For those interested, I will post more quick updates through Sunday on Twitter. You can follow me <a href="http://www.twitter.com/rindolphus">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.telluastory.com/2009/05/28/the-deadly-truth-first-update/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Backgrounds: From Google SketchUp to Toon Boom Animate</title>
		<link>http://www.telluastory.com/2009/05/23/backgrounds-from-google-sketchup-to-toon-boom-animate/</link>
		<comments>http://www.telluastory.com/2009/05/23/backgrounds-from-google-sketchup-to-toon-boom-animate/#comments</comments>
		<pubDate>Sat, 23 May 2009 06:02:44 +0000</pubDate>
		<dc:creator>Renato Vargas</dc:creator>
				<category><![CDATA[Animation Techniques]]></category>
		<category><![CDATA[Backgrounds]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[2D]]></category>
		<category><![CDATA[SketchUp]]></category>
		<category><![CDATA[Toon Boom Animate]]></category>

		<guid isPermaLink="false">http://rindolphus.wordpress.com/?p=158</guid>
		<description><![CDATA[Post by Renato Vargas. Follow me on Twitter. Hey there, just want to show you some stuff. In my last post I showed you an application called Google SketchUp. Since it&#8217;s an incredible tool to develop three dimensional models of &#8230; <a href="http://www.telluastory.com/2009/05/23/backgrounds-from-google-sketchup-to-toon-boom-animate/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p style="text-align: left;">Post by <a href="http://rindolphus.wordpress.com/about">Renato Vargas</a>. Follow me on <a href="http://www.twitter.com/rindolphus">Twitter</a>.</p>
<p>Hey there, just want to show you some stuff. In <a href="http://rindolphus.wordpress.com/2009/05/01/backgrounds-getting-your-perspective-right-with-google-sketchup/">my last post </a>I showed you an application called <a href="http://sketchupdate.blogspot.com/">Google SketchUp</a>. Since it&#8217;s an incredible tool to develop three dimensional models of whatever you want, I thought it would be a good idea to use it as an aid in the creation of two dimensional backgrounds for animated shorts. I&#8217;m still working on the outside shots I showed you before (I&#8217;ll post how those turn out in another post) but I&#8217;d like to show you how SketchUp is of great help when it comes to drawing perspective. You don&#8217;t even have to think about vanishing lines and what not.</p>
<p>We start off with a fairly simple Sketchup cube and with the push/pull tool we create a two wall room (or set). After that we pay a visit to the <a href="http://sketchup.google.com/3dwarehouse/?hl=en&amp;ct=lc">3D Warehouse</a> we populate our room with a suitable bed and a nightstand (although here I just modeled this &#8220;placeholder&#8221; as nightstand). Don&#8217;t forget to punch a hole in the wall for our window. We paint everything white, move our view around to get the best shot, and snap a picture (export an image). I&#8217;d like to point out that SketchUp is full featured software, so it is capable of much more than these simple things I&#8217;m doing. I want to keep the models simple because afterwards, the painting portion will take up most of our time. We end up with something like this:</p>
<p style="text-align: center;"><img src="http://www.freewebs.com/rindolphus/Pictures/reco/bgtut2.png" alt="Renato Vargas, 2009." /></p>
<p>We then import our image into our drawing software (in my case, I&#8217;m using Toon Boom Animate) and put it on it&#8217;s own layer. After that, it all becomes about &#8220;imaginative tracing&#8221;. Use your SketchUp lines as guides and make sure you keep every drawing in it&#8217;s own individual layer (you can group things afterwards). How about we start with the footboard. You can color as you go, or you can color everything when you&#8217;re done.</p>
<p style="text-align: center;"><img src="http://www.freewebs.com/rindolphus/Pictures/reco/bgtut3.png" alt="Renato Vargas, 2009." /></p>
<p>Now some courtains&#8230;</p>
<p style="text-align: center;"><img src="http://www.freewebs.com/rindolphus/Pictures/reco/bgtut4.png" alt="Renato Vargas, 2009." /></p>
<p>Now the bed and we improvise a nightstand using our SketchUp placeholder as a visual aid (don&#8217;t mind the shadows; that step comes afterwards, but I forgot to take snapshots without them <img src='http://www.telluastory.com/wp-includes/images/smilies/icon_razz.gif' alt=':P' class='wp-smiley' /> ).</p>
<p style="text-align: center;"><img src="http://www.freewebs.com/rindolphus/Pictures/reco/bgtut5.png" alt="Renato Vargas, 2009." /></p>
<p>And we finish with our walls and the window. At this point you can color everything. Your aim is to accomplish a certain atmosphere. After all, we&#8217;re trying to tell a story&#8230;</p>
<p style="text-align: center;"><img src="http://www.freewebs.com/rindolphus/Pictures/reco/bgtut1.png" alt="Renato Vargas, 2009." /><br />
<em>Make sure you build up a nice atmosphere with every layer you paint.</em></p>
<p>I&#8217;m falling in love with SketchUp more and more. It&#8217;s an incredible tool that can save you a few hours. You should give it a try. How do you like our final product?</p>
<p style="text-align: right;">Leave a <a href="http://www.telluastory.com/2009/05/23/backgrounds-from-google-sketchup-to-toon-boom-animate/#comments">comment</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.telluastory.com/2009/05/23/backgrounds-from-google-sketchup-to-toon-boom-animate/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Backgrounds: Getting your perspective right with Google Sketchup</title>
		<link>http://www.telluastory.com/2009/05/01/backgrounds-getting-your-perspective-right-with-google-sketchup/</link>
		<comments>http://www.telluastory.com/2009/05/01/backgrounds-getting-your-perspective-right-with-google-sketchup/#comments</comments>
		<pubDate>Sat, 02 May 2009 05:03:52 +0000</pubDate>
		<dc:creator>Renato Vargas</dc:creator>
				<category><![CDATA[Animation Techniques]]></category>
		<category><![CDATA[Backgrounds]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[productivity]]></category>

		<guid isPermaLink="false">http://rindolphus.wordpress.com/?p=119</guid>
		<description><![CDATA[Post written by Renato Vargas. Follow me on Twitter. When I started with this hobby, I didn&#8217;t think doing backgrounds for my animated shorts was going to something to worry about. After all, they were the portion of the whole &#8230; <a href="http://www.telluastory.com/2009/05/01/backgrounds-getting-your-perspective-right-with-google-sketchup/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Post written by <a href="http://rindolphus.wordpress.com/about/">Renato Vargas</a>. Follow me on <a href="http://www.twitter.com/rindolphus">Twitter</a>.</p>
<p>When I started with this hobby, I didn&#8217;t think doing backgrounds for my animated shorts was going to something to worry about. After all, they were the portion of the whole thing that didn&#8217;t (generally) move, right? Plus, I considered myself kind of artsy and I had done a few paintings, so I thought to myself: &#8220;How difficult could it be?&#8221; I didn&#8217;t expect the answer to be &#8220;FREAKING HARD&#8221;.</p>
<p style="text-align:center;"><img src="http://www.freewebs.com/rindolphus/Pictures/multiplanepeq.jpg" alt="" /></p>
<p>As it turns out, creating backgrounds for a short is no walk in the park. It&#8217;s not that you have to learn about color, or drawing, or composition, or even effects (which you have to do, though, sorry). The problem with them can be summarized in one word: <em><strong>consistency</strong></em>. That&#8217;s right, if you want your backgrounds to frame your animation effectively, you have to be consistent, and as I soon realized, that is one difficult thing to accomplish. When I was a kid, my dad (a civil engineer) taught me how to draw two-point perspective and since then, that has become a bit intuitive for me. However, if my camera looks at the same scene from a different angle and I have to draw that, everything gets screwed up, because it is very hard for me to get the layout right from a different view. I end up with a coach that lies at twice the distance from a coffee table, for example, in comparison to the first shot.</p>
<p><strong>ENTER: Google SketchUp</strong></p>
<p>SketchUp is a 3D modeling application that you can download for free from our friends over at Google. It has many capabilities, but what drew my attention is how easily you can get seemingly complex models done, with just a few clicks. It&#8217;s tools are not very intuitive, but the learning curve for them is ridiculously short. With the instructional videos from screen name: SketchUpVideo and 4sketchupgo2school on YouTube you&#8217;ll be able to do very nice things with it in a couple of hours (make that three). Some animated series like Futurama, use 3D sets rendered with toon shaders that make their three dimensional objets look like 2D drawings. That&#8217;s certainly a nice way to use 3D, but an expensive one, and not the one I want to try out.</p>
<p>You see, I want to draw my backgrounds myself, but I&#8217;m going to get SketchUp to tell me where everything goes, and as a bonus to help me out with the perspective. My project takes place near a well-known church in the city where I live, so I want it to be present throughout the short. Unfortunately there was no model for it on Google Earth so I had to create it myself. As I wrote before, it is not complicated at all, once you get the hang of it. The two tools/techniques I used most in this case were the &#8220;Push/pull tool&#8221; for extruding every structure up from basic shapes drawn on the ground and the &#8220;Follow me tool&#8221; for mouldings and spheres. Here&#8217;s a panoramic view of what I created:</p>
<p style="text-align:center;"><img src="http://www.freewebs.com/rindolphus/Pictures/reco/reco04web.jpg" alt="" /><br />
<em>This took me a little past three hours to complete,<br />
including the time it takes to learn basic SketchUp.</em></p>
<p>In a 3D space where you&#8217;ve made a mock-up of your set, and marked with big blocks where your buildings, nature and props go, you can quickly move your camera to explore what shots work best for your project.  Not only will you get the correct layout, but you&#8217;ll also get your perspective right in every shot. A nice feature of SketchUp is that it lets you apply a photograph as a texture to any surface. In my case, that lets me visualize more clearly what I want as an end result. I browsed through flickr and found some façades that give me a better idea of the direction I&#8217;ll take. Let&#8217;s take a look at a nice establishing shot:</p>
<p style="text-align:center;"><img src="http://www.freewebs.com/rindolphus/Pictures/reco/reco02web.jpg" alt="" /></p>
<p>Which is based on this original rough sketch:</p>
<p style="text-align:center;"><img src="http://www.freewebs.com/rindolphus/Pictures/callepeq.jpg" alt="" /></p>
<p>What if we climb on top of the chapel or take a look across the street?</p>
<p style="text-align:center;"><img src="http://www.freewebs.com/rindolphus/Pictures/reco/reco06web.jpg" alt="" /><br /><img src="http://www.freewebs.com/rindolphus/Pictures/reco/reco01web.jpg" alt="" /></p>
<p>What next? You can&#8217;t use these pictures for your project. No matter how cool it was to craft them, they&#8217;re still a long way from finished, so the next step is to take these and import them into your image editing application and paint your scene on top of them, using the blocks as reference for the position of all your objects and using the lines as perspective guides. However. we&#8217;ll explore that in a different post. Hopefully, this technique will ease up the process of drawing consistent backgrounds. Have a great day!</p>
<p>Leave <a href="http://rindolphus.wordpress.com/2009/05/01/backgrounds-getting-your-perspective-right-with-google-sketchup/#comments">a comment</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.telluastory.com/2009/05/01/backgrounds-getting-your-perspective-right-with-google-sketchup/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>What about a real site?</title>
		<link>http://www.telluastory.com/2009/04/29/what-about-a-real-site/</link>
		<comments>http://www.telluastory.com/2009/04/29/what-about-a-real-site/#comments</comments>
		<pubDate>Wed, 29 Apr 2009 22:02:15 +0000</pubDate>
		<dc:creator>Renato Vargas</dc:creator>
				<category><![CDATA[About this site]]></category>
		<category><![CDATA[Illustration]]></category>

		<guid isPermaLink="false">http://rindolphus.wordpress.com/?p=104</guid>
		<description><![CDATA[I have been considering turning this blog into a standalone website, and now that installing (and maintaining) WordPress has become easier, well I went for it. Guess what domain I bought? Yes, you got that right. For the moment I&#8217;m &#8230; <a href="http://www.telluastory.com/2009/04/29/what-about-a-real-site/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>I have been considering turning this blog into a standalone website, and now that installing (and maintaining) WordPress has become easier, well I went for it. Guess what domain I bought? Yes, you got that right. For the moment I&#8217;m fiddling with the overall look and feel of things so it&#8217;s not operational, but WordPress is up and the theme and theme manager are working. I&#8217;ll move this blog there and I&#8217;ll add a new feature, that I hope you (and some more peolple outside the current reach of this weblog) will like. I can&#8217;t wait to show you some new cool things. Hopefully, you&#8217;ll have a nicer visual experience, coupled with the high quality posts you&#8217;ve come to expect from &#8220;I&#8217;ll tell you a story&#8230;&#8221;. Keep checking for updates here.</p>
<p>In the mean time, take a look at this background I did some time ago, when I started this project. It was done in Flash, and I like it a lot, although the original .fla file was lost in a very very stupid way.</p>
<p style="text-align:center;"><img src="http://www.freewebs.com/rindolphus/Pictures/perspectivenamed.jpg" alt="" /></p>
<p style="text-align:center;"><em>Background done with Adobe Flash.</em></p>
<p>P.S. A lot of you keep contacting me on my e-mail address. Not that I don&#8217;t appreciate your input, but I would rather see it in the comment section of every post, so that everyone can join in on those nice conversations about animation as a hobby. Have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.telluastory.com/2009/04/29/what-about-a-real-site/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>From A Forgotten Piece Of Paper To Life</title>
		<link>http://www.telluastory.com/2009/01/12/from-a-forgotten-piece-of-paper-to-life/</link>
		<comments>http://www.telluastory.com/2009/01/12/from-a-forgotten-piece-of-paper-to-life/#comments</comments>
		<pubDate>Mon, 12 Jan 2009 08:35:48 +0000</pubDate>
		<dc:creator>Renato Vargas</dc:creator>
				<category><![CDATA[Animation]]></category>
		<category><![CDATA[Animation Techniques]]></category>
		<category><![CDATA[Illustration]]></category>
		<category><![CDATA[2D]]></category>
		<category><![CDATA[character development]]></category>
		<category><![CDATA[drawing]]></category>
		<category><![CDATA[model sheet]]></category>

		<guid isPermaLink="false">http://rindolphus.wordpress.com/2009/01/12/from-a-forgotten-piece-of-paper-to-life/</guid>
		<description><![CDATA[Post written by Renato Vargas. Follow me on Twitter. Over the past week I have been discussing how hobbyists like myself tend to omit certain steps, professional studios are obligated to take in the process of creating animated stories, because &#8230; <a href="http://www.telluastory.com/2009/01/12/from-a-forgotten-piece-of-paper-to-life/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>Post written by <a href="http://rindolphus.wordpress.com/about-this-site/">Renato Vargas</a>. Follow me on <a href="http://www.twitter.com/rindolphus">Twitter</a>.</p>
<p>Over the past week I have been discussing how hobbyists like myself tend to omit certain steps, professional studios are obligated to take in the process of creating animated stories, because they feel that everything is in their heads. I certainly followed that logic, and it brought me nowhere, since I didn&#8217;t give my characters a chance to develop correctly, which ultimately lead to very inconsistent character animation. It was so bad, that it looked as if the character that started the motion slowly transformed into a completely different one (and not on purpose). You see, the animation process became stagnated, due to the fact that characters weren&#8217;t properly taken out of the crummy piece of paper they were conceived on, and put on a nice model sheet that could serve as a reference throughout the entire project, before the actual work started.</p>
<p align="center"><a href="http://www.freewebs.com/rindolphus/Pictures/chardev/scan01.jpg" target="_blank"><img src="http://www.freewebs.com/rindolphus/Pictures/chardev/scan02.jpg" alt="" /></a><br />
From my <em>Rezadores de la Recolección </em>original concept art<em>.<br />
(Click on the image to see the other side of the paper.)</em></p>
<p>After reading a lot about animation, it became clear to me that I had to adhere, more or less, to the workflow that studios have used since the first half of the twentieth century if I ever wanted to finish my little project, as I stated <a href="http://rindolphus.wordpress.com/2009/01/04/how-im-fighting-the-animators-block/">in a previous post</a>. It&#8217;s a proven formula that just works. It was time to put my money where my mouth was. We&#8217;ll, I&#8217;ve been doing my homework, and it is turning out nicely. I thought I showed you a bit.</p>
<p>Inspiration hits you in the most unusual places. I was at a conference on climate change when the idea for the look of my characters flooded my mind. Luckily for me, they handed out little note taking blocks for the event and I was able to get a couple of poses drawn before the Q&amp;A round. This past week, in an attempt to get this project going, I pulled the little piece of paper (which you can see by clicking, either on the picture above, or <a href="http://www.freewebs.com/rindolphus/Pictures/chardev/scan01.jpg" target="_blank">here</a>), scanned it, and decided to make a nice model sheet out of it, to be consistent with what I previously discussed about <a href="http://rindolphus.wordpress.com/2009/01/05/building-character-is-not-the-same-as-character-development/">character development</a>. It is nowhere near finished, but it&#8217;s a start. Here&#8217;s are the steps:</p>
<p><strong>1. Take the character&#8217;s measurements.</strong> It&#8217;s a good practice to think about your character&#8217;s size in multiples of its head. That way, no matter where you draw it on the screen you&#8217;ll always know if it&#8217;s dimensions are right, just by counting &#8220;how many heads tall&#8221; it is. This was a good time to correct my character&#8217;s original measurements, since I wanted him to be exactly five heads tall. No matter what program you use for your animations, make sure you do every step in its individual layer. That way you have more control over the entire process. Here I just drew a couple of horizontal lines marking the head&#8217;s superior and inferior edges, copied them and pasted them down the page as reference. A couple of red lines delimit what would be an imaginary sphere embedded inside his head, which is useful for drawing him rough.</p>
<p align="center"><img src="http://www.freewebs.com/rindolphus/Pictures/chardev/chardev01.png" alt="" /><br />
<em>Notice how I drew lines that represent its height in &#8220;heads&#8221;.</em></p>
<p><strong>2. Rough it out, and draw a half or a full turnaround.</strong> This is the time to start figuring out how to quickly draw your character in various views. Make any adjustments to your original sketch here. Don&#8217;t forget to use a new layer for this. Block the rest. You don&#8217;t want to mistakenly ruin something. In the following image the original bitmap layer is turned off, but you might want to keep it on while you draw on top of it. At this point, keep it simple. You just want to learn to draw your character in various poses and get its dimensions right.</p>
<p align="center"><img src="http://www.freewebs.com/rindolphus/Pictures/chardev/chardev02.png" alt="" /><br />
<em>Look for simple shapes that will help you draw your character faster.</em></p>
<p><strong>3. Clean it.</strong> In a new layer, take the pencil or pen tool (something that will give you same width lines, no matter the zoom) and cleanly outline your character. You can take your time with this step. Use your software&#8217;s tools to edit the points or nodes that make up the lines. You&#8217;ll end up with something like this:</p>
<p align="center"><img src="http://www.freewebs.com/rindolphus/Pictures/chardev/chardev03.png" alt="" /><br />
<em>Be very careful with this step.</em></p>
<p align="left"><strong>4. Color it.</strong> Our model sheet is starting to look good. Now it needs some color. You can copy and paste the contents of the clean lines layer onto a new one and color your character there. That way you&#8217;ll have both versions in case you need to revisit your lines (say, if you&#8217;re writing a post about them <img src='http://www.telluastory.com/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> ). Document what colors you are using. If your software doesn&#8217;t have color palette management functionality, make sure you know the RGB values for all of your character&#8217;s colors. You might (and probably will) need them later. Just write them down.</p>
<p align="center"><img src="http://www.freewebs.com/rindolphus/Pictures/chardev/chardev04.png" alt="" /><br />
<em>This is a nice picture you can tape to your wall as reference for your project</em>.</p>
<p align="left">Our model sheets are on the right path now. A couple of expressions and some action poses would be in order, and seem like the next step. What do you think of my process; any suggestions? Tell us all about it in the <a href="http://rindolphus.wordpress.com/2009/01/12/from-a-forgotten-piece-of-paper-to-life/#comments">comment section </a>of this post. See you next time!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.telluastory.com/2009/01/12/from-a-forgotten-piece-of-paper-to-life/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
