<?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>SOSFactory Blog</title>
	<atom:link href="http://www.sosfactory.com/blog/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.sosfactory.com/blog</link>
	<description>Design for Newbies</description>
	<lastBuildDate>Fri, 26 Feb 2010 09:03:55 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Photoshop History Brush: the time traveller</title>
		<link>http://www.sosfactory.com/blog/how-to/photoshop-history-brush-tutorial/</link>
		<comments>http://www.sosfactory.com/blog/how-to/photoshop-history-brush-tutorial/#comments</comments>
		<pubDate>Fri, 26 Feb 2010 09:03:55 +0000</pubDate>
		<dc:creator>Sergio Ordonez</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.sosfactory.com/blog/?p=804</guid>
		<description><![CDATA[
			
				
			
		
Hey guys, this post is an addition to The  longest    Photoshop coloring tutorial, I posted a video in which you could see how I use the History Brush when I use color, but it didn’t seem too clear, so before we go on with the tutorial I will explain in detail [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Fhow-to%2Fphotoshop-history-brush-tutorial%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Fhow-to%2Fphotoshop-history-brush-tutorial%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Hey guys, this post is an addition to <a href="http://www.sosfactory.com/blog/how-to/detailed-photoshop-coloring-tutorial/">The  longest    Photoshop coloring tutorial</a>, I posted a <a href="http://www.youtube.com/watch?v=DvFJ_jGc0pA&#038;feature=player_embedded">video</a> in which you could see how I use the <strong>History Brush</strong> when I use color, but it didn’t seem too clear, so before we go on with the tutorial I will explain in detail what the history brush is, how it works and what applications it can have.</p>
<h3> What is the History Brush?<br />
  </h3>
<p>The History Brush is a Photoshop tool used to <strong>“travel through time”</strong>  to any  event reflected on the History palette. At first it is hard to understand, but as we go further we will see a few examples that you will be able to perfectly understand. </p>
<h3>How does the History Brush work?<br />
  </h3>
<p>Before we understand what the History Brush is, we have to understand the concept of <strong>History</strong>: every action we take in Photoshop is registered in the History panel as an <strong>event</strong>, being the top ones, the oldest. We can freely go back in history, something very useful to fix mistakes. </p>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2010/02/history-panel.jpg" width="540" height="436" alt="History Panel" /></p>
<p>At the left of each event  is a square, and in one of these squares there is an icon of a brush (on the  original snapshot by default) that we can keep changing from location. This square is the one that sets the origin, <strong>the source of the History Brush</strong>.
  </p>
<p>If we mark a particular event as source and then we make changes to the canvas, with the History Brush we can  <strong>“paint some areas of the canvas to make them go back in time” </strong>up to its original state or source. It would be like going back on the History panel, only that the changes don’t affect the whole canvas, <strong>only the area we have painted with the History Brush. </strong></p>
<h3>What use can I give to the History Brush?<br />
  </h3>
<p>The History Brush is a very powerful tool, you can give it unlimited uses; right on top of my head I can think of 3:</p>
<p> <strong>Example 1:</strong> suppose we have a color picture of a subject with a background and we want to leave the background black and white. We can desaturate the image and then with the History Brush we can put some of its previous stage back, I mean some color.</p>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2010/02/history-brush-photo-editing.jpg" width="540" height="1456" alt="History Brush for Photo Editing" /></p>
<p> If we mark the event Desaturate as source and we paint with the History Brush again, the result will be that we are going to return the image back to black and white … we can do it at any stage in history. </p>
<p><strong>Example 2:</strong> suppose that after painting a character I decide to make several tests. It happens that I like the head on the first test, the body on the second and the feet on the third. With the History Brush I could merge all the variants quickly and easily (although with some limitations that we will see later on).  </p>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2010/02/history-brush.jpg" width="540" height="818" alt="History Brush"></p>
<p>Just take snapshots of every version and use the History Brush to join the parts you like from each version. Remember the History Brush works just by individual layers (see limitations below).</p>
<p><strong>Example 3:</strong> I can use the History Brush as a selective eraser. I can erase part of a gradient or stroke, having the rest of the gradients and strokes frozen. Here is when we will connect with  <a href="http://www.sosfactory.com/blog/how-to/detailed-photoshop-coloring-tutorial/">The  longest    Photoshop coloring tutorial</a>.  </p>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2010/02/history-brush-drawing.jpg" width="540" height="1653" alt="History Brush for drawing" /></p>
<p>Now I believe you have an idea of how powerful this tool is <img src='http://www.sosfactory.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<h3> Why is my History Brush not working?<br />
  </h3>
<p>This is one of the most frequent questions; the History Brush is a powerful tool that has its own rules:
  </p>
<ol>
<li><strong>It works on individual layers</strong>. If you want to make changes to several layers, either you do it one by one or you have to flatten the layers. </li>
<li><strong>It  works on existing layers on</strong><strong> both sides of history</strong> (the event we marked as source and the current event). This means that if we mark an event and then we flatten it, erase it or if we create another layer, then the History Brush will not work on the affected layers. </li>
<li><strong>The History stores a limited number of events</strong>, it may happen that you want to go back to a very old event and you find it is not there any longer (though the source event is always kept). This can be solved by creating a snapshot every once in a while. From the Photoshop’s preferences (Edit &gt; Preferences &gt; Performance) panel you can also increment the number of events stored, although it will use more resources. </li>
<li><strong>It works both to go back to the past and to move to the future</strong>. Imagine that you make 10 strokes, you can go back to stroke 5 from history and mark stroke 10 as source, we would be moving to the “future”.      </li>
</ol>
<h3>What  is the Artistic History Brush?</h3>
<p>It is a variant (less  useful) of the History Brush, the concept is basically the same, only the  result is artistic. It is useful in very particular cases in which we need some  kind of texture, for example to paint clouds or give a painting finish to a  photograph, or specific areas of a photograph. </p>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2010/02/art-history-brush.jpg" width="520" height="693" alt="Art History Brush" /></p>
<p>I can´t figure any effective use, it just works fine if you need certain effects.</p>
<h3>Let´s see if you got it !!!</h3>
<p>If after reading this post and seeing  the video again you  can´t still figure the technique I use to paint complex gradients, don´t worry, within the next days I will go ahead with <a href="http://www.sosfactory.com/blog/how-to/detailed-photoshop-coloring-tutorial/">The  longest    Photoshop coloring tutorial</a> and I will explain the proccess in detail.</p>
<div class="entry_image"><object width="520" height="417"><param name="movie" value="http://www.youtube.com/v/DvFJ_jGc0pA&#038;hl=es_ES&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DvFJ_jGc0pA&#038;hl=es_ES&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="520" height="417"></embed></object>
</div>
<p>Remember tweating and spreading the post if you found it useful.<br />
  See you soon!!</p>
<img src="http://www.sosfactory.com/blog/?ak_action=api_record_view&id=804&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.sosfactory.com/blog/how-to/photoshop-history-brush-tutorial/feed/langswitch_lang/en/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Random questions from the blog´s users</title>
		<link>http://www.sosfactory.com/blog/articles/freelancing/random-questions-from-designers/</link>
		<comments>http://www.sosfactory.com/blog/articles/freelancing/random-questions-from-designers/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 14:06:52 +0000</pubDate>
		<dc:creator>Sergio Ordonez</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Ask me]]></category>
		<category><![CDATA[Freelancing]]></category>

		<guid isPermaLink="false">http://www.sosfactory.com/blog/?p=800</guid>
		<description><![CDATA[
			
				
			
		
Hey buddies, I’m finally back from my “holidays” (they weren’t holidays really, I spent this time to move to Berlin). I’m already settled and ready to go on with the blog.
Today we have a post with some questions from the blog users: about copyright,  confidentiality,  how to improve our drawing skills and  [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Farticles%2Ffreelancing%2Frandom-questions-from-designers%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Farticles%2Ffreelancing%2Frandom-questions-from-designers%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Hey buddies, I’m finally back from my “holidays” (they weren’t holidays really, I spent this time to move to Berlin). I’m already settled and ready to go on with the blog.</p>
<p>Today we have a post with some questions from the blog users: about copyright,  confidentiality,  how to improve our drawing skills and  how to learn to design web pages. </p>
<p>So let´s go!</p>
<h3>I’m in a rap band and I’ve designed a logo for it. And my doubt is whether I should register my design or not, just in case I could have any problems in the future.<br />
</h3>
<p>Law (in Spain) protects the artwork since its creation. Registry is not necessary, although it’s good evidence that you’re the author of the artwork.
</p>
<p>The best choice would be to go to a copyright registry office, as far as I know it’s not very expensive.<br />
But be careful, registering the design and registering the brand is not the same, the registry of a brand is much more expensive. Moreover, the name could be already registered, or be very similar to some registered brand in the same sector.</p>
<p> There are some companies dedicated to advise their clients in this area, although you probably don’t need them by now.</p>
<h3> My client ask me to sign a NDA (non-disclosure agreement). It´s fair? Do you have any contract you can share?</h3>
<p> I state in my  <a href="http://sosfactory.com/faq.html">terms of service page</a> I don’t offer confidentiality by default (5th point) since my portfolio is my only marketing tool to promote my services. If somebdoy ask me to sign a NDA I charge a fee, it varies from 0-100% the standard quote depending on my workload, if I’m extremely busy I charge 100%, if I have no work in that moment I negotiate with the client and I even could accept it  with no extra charge.</p>
<p> The client  should ask the NDA upfront since the quote can vary,  but sometimes he does when the order is already finished, then I just   redirect him to my terms of service page. I always charge 50% of the order upfront, so the client has 3 choices:</p>
<ol>
<li> He pays the fee: I sign the NDA and deliver the files.</li>
<li> He doesn’t   pay the fee but he pays the remaining payment: I don´t sign the NDA but I deliver the designs.</li>
<li> He doesn’t pay the fee and  doesn´t pay the remaining payment: I warm him he would loses the design and the down payment, I keep the files to sell it as <a href="http://graphicriver.net/?ref=sosfactory">stock images</a> or  for personal projects, I never resell the designs as custom work.</li>
</ol>
<p>This is not set in stone, if he’s a good client and he’s easy going you can make exceptions, but you need to cover yourself for worst case scenario.</p>
<h3>A confidentiality contract and a copyright transfer, are they both the same thing? </h3>
<p>No, they aren’t, a NDA is a document for confidentiality while a transfer of rights contract is a document where you agree it´s a work by hire and the client owns all rights about your designs, though a contract can include both of them. </p>
<p>While I don´t offer confidentiality by default, I   always transfer all rights to the client, whenever a client ask a contract I provide it.</p>
<p><a href="http://www.sosfactory.com/blog/wp-content/uploads/2010/02/contracts.zip">You can download some contracts here.</a></p>
<h3>How can I learn to give expression to my characters? I usually draw them all with a psychopath face.</h3>
<p> I’m afraid there are no magic tricks to <a href="http://www.sosfactory.com/blog/category/how-to/exercises/">improve your drawing skills</a>, just practice, lots of practice… and lots of observation. </p>
<p>I have a file of facial and corporal expressions, and photographs and images from other artists as well. At first I used to copy a lot, with some time you’ll create your own style. </p>
<p>My advice is to search different sources so your style can be as rich as possible. </p>
<h3>I’ve read your tutorial about creating a web page. It has made some things clear for me but, how did you begin? Did you use any tutorial in particular?  </h3>
<p>I’m afraid it’s not that easy, but you can make it with some patience.  </p>
<ol>
<li>Create a portfolio in some online community, <a href="http://www.deviantart.com">Deviantart</a> for example. This way you have something to show and you can make yourself a name. Besides, there is an area to create a <a href="http://portfolio.deviantart.com/">portfolio</a> independent from the community. It’s not perfect but suitable for a start. </li>
<li>Learn to use <a href="http://www.adobe.com/products/dreamweaver/">Dreamweaver</a>, it’s a good program, very easy to use and you can design web pages visually. It’s not the ideal but a good training for the next step.    </li>
<li>When you’ve get to have a good command of Dreamweaver, you’ll have basics of <a href="http://en.wikipedia.org/wiki/HTML">HTML</a>. Try to improve  and understand the meaning of each tag. You can continue using Dreamweaver or just the Notepad. </li>
<li>Learn <a href="http://en.wikipedia.org/wiki/Cascading_Style_Sheets">CSS</a> to separate  content from presentation. It’s a simple language, the main inconvenience is to manage to make your web look the same in the different browsers (cross browsing).    </li>
<li>Learn about <a href="http://www.usabilitypost.com/">usability</a>, study the trends and practise a lot. </li>
<li>The next step would be to study <a href="http://en.wikipedia.org/wiki/PHP">PHP</a> and <a href="http://en.wikipedia.org/wiki/HTML">MYSQL</a> to add functionality to your web.    </li>
<li>If you want to go further, you can learn Rubi, Ajax, Javascript…</li>
</ol>
<p>If you enjoyed this post, please tweet it!!!</p>
<img src="http://www.sosfactory.com/blog/?ak_action=api_record_view&id=800&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.sosfactory.com/blog/articles/freelancing/random-questions-from-designers/feed/langswitch_lang/en/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>The World´s longest Photoshop coloring tutorial (day 1 to 5)</title>
		<link>http://www.sosfactory.com/blog/how-to/detailed-photoshop-coloring-tutorial/</link>
		<comments>http://www.sosfactory.com/blog/how-to/detailed-photoshop-coloring-tutorial/#comments</comments>
		<pubDate>Wed, 23 Dec 2009 02:03:23 +0000</pubDate>
		<dc:creator>Sergio Ordonez</dc:creator>
				<category><![CDATA[Exercises]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.sosfactory.com/blog/?p=762</guid>
		<description><![CDATA[
			
				
			
		
Hello buddies, time for a very special tutorial, I will try to write the more detailed tutorial you have ever seen about how to color in Photoshop, SOSFactory color style. I will post the tutorial by issues, every issue will have his own video on real time from my Youtube channel, voice courtesy of Anita [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Fhow-to%2Fdetailed-photoshop-coloring-tutorial%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Fhow-to%2Fdetailed-photoshop-coloring-tutorial%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Hello buddies, time for a very special tutorial, I will try to write the more detailed tutorial you have ever seen about how to color in Photoshop, SOSFactory color style. I will post the tutorial by issues, every issue will have his own video on real time from my <a href="http://www.youtube.com/00SOSNewbie00">Youtube</a> channel, voice courtesy of <a href="http://anitanagu.deviantart.com/">Anita Nagu</a> (since my English is quite poor), when we are finish I will offer a pack:</p>
<ul>
<li>The full<strong> tutorial in PDF</strong> format.</li>
<li>A <strong>video compilation in high resolution and comments</strong> in English and Spanish.</li>
<li>The high res <strong>PSD file under creative commons license</strong> (for personal and commercial use).</li>
<li>The <strong>PSD layered</strong> for your own research.</li>
<li>And the color swatches, some Photoshop action&#8230; </li>
</ul>
<p>I think <strong>5-10US$ </strong>for the whole pack would be a fair price&#8230; what do you think? think running a blog like this is not for free, and I need to spend lot of time and energie. Would be a nice way of support, so I can continue offering good quality content.</p>
<h3>INDEX</h3>
<ul>
<li><a href="#day01">Day 1: download the lineart and let´s get started</a></li>
<li><a href="#day02">Day 2: extracting the lineart</a></li>
<li><a href="#day03">Day 3: making the flat colors template</a></li>
<li><a href="#day04">Day 4: painting basic areas</a></li>
<li><a href="#day05">Day 5: painting complex areas: the history brush</a></li>
</ul>
<h3><a name="day01" id="day01"></a>Day 1: Download the lineart and let´s get started</h3>
<p>Some of you <a href="http://www.sosfactory.com/blog/how-to/download-lineart-and-practice-your-coloring-skills-with-photoshop/">already did a try on the lineart</a>, I suggest you color it again following this tutorial, would be nice seeing how you improve your coloring skills. If you didn´t try yet, you can download the lineart here:</p>
<p><a href="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/mascot-sosfactory.tif"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/download-mascot-design.jpg" width="540" height="719" alt="Practice coloring skills" /></a></p>
<p>So we are ready to start! <img src='http://www.sosfactory.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> <br />
  See you in a couple days, stay tunned and don´t forget tweeting the post if you like it.
</p>
<h3><a name="day02" id="day02"></a>Day 2: Extracting the lineart</h3>
<p>The best method to color a drawing is by extracting the lines, because we will have the possibility of coloring them later very easily. Download the drawing, open it with Photoshop and follow these steps:</p>
<ol>
<li>Open your image with Photoshop.</li>
<li>Go to the <strong>Channels</strong> panel and CTRL+click on the blue channel.</li>
<li>Select the <strong>Magic Wand (W)</strong> and right click, choose Select Inverse.</li>
<li>Go to Edit &gt; <strong>Copy</strong> (CTRL+C) and then Edit &gt; <strong>Paste</strong> (CTRL+V). The lines are already separated from the background.</li>
<li>On the &quot;Background&quot; layer, go to Image &gt; Adjustments &gt; <strong>Hue/Saturation</strong> (CTRL+U) and  put the lighting at +100 to obtain a completely white layer.</li>
<li>Rename the new layer to &quot;Lineart&quot; and CTRL+U again, this time put the lighting at -100 to obtain completely black lines.</li>
</ol>
<p><a href="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/extract-lineart.zip"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/extract-lineart.jpg" width="540" height="1290" alt="Extract lineart in Photoshop" /></a></p>
<p>As you can see, <a href="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/mascot-sosfactory.tif">the drawing</a> is ultra-clean because I drew it digitally. In this tutorial we will only focus  on the color, so if you´re interested in obtaining clean lines you can visit this post to learn <a href="http://www.sosfactory.com/blog/how-to/digital-drawing-and-inking-compilation/">how to ink a drawing in Photoshop</a>.</p>
<p>Some <strong>advices</strong> to get clean lines:</p>
<ul>
<li>The best way to ink is digitally, wether it be with a <a href="http://www.sosfactory.com/blog/articles/manual-to-choice-your-first-graphics-tablet/">pen tablet</a> or with the vectorial drawing tools.</li>
<li>Always work in high resolution, the higher the better. Make sure at least about 2.500 x 2.500 pixels.</li>
<li>If you decide to work from a drawing on traditional paper, scan it in grey scale mode or convert it to grey scale in Photoshop before extracting the lines.</li>
<li>Have a look to this post about <a href="http://www.sosfactory.com/blog/how-to/digital-drawing-and-inking-compilation/">How to ink a drawing in Photoshop</a>.</li>
</ul>
<h4>Resume of the day</h4>
<div class="entry_image"><object width="520" height="417"><param name="movie" value="http://www.youtube.com/v/G7EfuvXrfg0&#038;hl=es_ES&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/G7EfuvXrfg0&#038;hl=es_ES&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="520" height="417"></embed></object></p>
<p>We are recording the voice for the videos, will take a while.</p>
</div>
<p>See you soon!!</p>
<h3><a name="day03" id="day03"></a>Day 3: Making the flat colors template</h3>
<p>Let&#8217;s create a new layer between the &quot;Background&quot; layer and the &quot;Lineart&quot; layer, and name it &quot;Flat colors&quot;. Through this flat colors layer we can:</p>
<ol>
<li>Choose our colors template.</li>
<li>Isolate the different areas to make quick selections with the magic wand (W).</li>
</ol>
<p>The quicker way to paint our flat colors is making a selection of the area, using the <strong>Magic Wand (W)</strong> in question  the &quot;Lineart&quot; layer (this one of the advantages of having such a clean lines). After this, expand the selection so the edges don&#8217;t look jagged (Select &gt; Modify &gt; <strong>Expand: 3px</strong>). Now choose the colour you like and click with the paint bucket (G) on the &quot;Flat colors&quot; layer:</p>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/expand-selection.jpg" width="540" alt="Expand Selection" /></p>
<p>Some <strong>advises </strong>to make a good flat colors template:</p>
<ul>
<li>Although you&#8217;re always in time to make changes, visualize the finished design and try to define your color sketch.</li>
<li>Use medium colors, neither too saturated/desaturated, nor too bright/dark.</li>
<li>Rename the layer as &quot;Flat colors&quot;.</li>
<li>Lock the pixels of the image in the &quot;Flat colors&quot; layer, this way you won&#8217;t paint on it by accident.</li>
</ul>
<h4>Resume of the day</h4>
<p>Today we made a flat colors template to make quick selections and increase the workflow. And we decided our color sketch too.</p>
<div class="entry_image">
<object width="520" height="417"><param name="movie" value="http://www.youtube.com/v/1siHjxKSXhs&#038;hl=es_ES&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/1siHjxKSXhs&#038;hl=es_ES&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="520" height="417"></embed></object></p>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/final-flat-colors.jpg" width="520" height="641" alt="Color squeme" /></p>
<p>This is my flat colors template.</p>
</div>
<p>See you in a couple of days!!</p>
<h3><a name="day04" id="day04"></a>Day 4: painting basic areas.</h3>
<p>Finally, our design is ready to color <img src='http://www.sosfactory.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Let&#8217;s begin with something easy like the eyes to explain the technique, and as we go forward the tutorial will become more complex. Considering that many people don&#8217;t own a Wacom tablet, today<strong> I&#8217;ll use the mouse, the vectorial drawing tools and gradients. </strong>You&#8217;ll see the result is the same, but we&#8217;ll have to invest more time. The rest of the days I&#8217;ll use my Wacom to go faster, if you need any help you can check this post about how to  <a href="http://www.sosfactory.com/blog/how-to/digital-drawing-and-inking-compilation/">draw using vectorial drawing tools in Photoshop</a>.</p>
<p>First of all, let me explain a piece of theory. You&#8217;ll find this very useful when it comes to apply a correct lighting:</p>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/painting-eyes-final.jpg" width="540" height="509" alt="Pintando ojos estilo cartoon" /></p>
<p>As you can see in the image, I placed the source of light above and slightly on the left. This means that the illuminated areas will be on top and the shadows below. On the shadows, we&#8217;re adding some reflections to give volume. We&#8217;re not looking for a realist finish, but it must be coherent.</p>
<h4>Step 1: shadows.</h4>
<p>Let&#8217;s create a new group of layers. Name it <strong>&quot;Eyes&quot;</strong> and create a new layer inside it, on which we&#8217;re painting the shadows. Name it <strong>&quot;Shadows&quot; </strong>and put it in  <strong>Multiply</strong> blend mode.</p>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/painting-eyes-01.jpg" width="540" height="202" alt="Pintamos sombras duras" /></p>
<p>Now make a selection of the eyes using the Magic Wand (W) on our Flat Colors layer, then let&#8217;s go back to the &quot;Shadows&quot; layer and paint an outline with the same blue color of the background (#92b6e6). Looks darker because the layer is in Multiply mode. As we said, the light comes from above, so the shadows will be thicker below.</p>
<p><strong>TIP: the dotted lines of the selections can be bothering sometimes. You can hide them pressing CTRL+H.</strong></p>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/painting-eyes-02.jpg" alt="Difuminamos las sombras" width="540" height="201" /></p>
<p>Now we&#8217;re going to soften the outline we created. Let&#8217;s use a thick brush with soft edges. The key is to paint from a distance, to make the outline blur but not to dissapear. Once you&#8217;re finished, put the layer in <strong>Normal</strong> mode again.</p>
<p>Eyes are easy to make because their shape is quite simple. Unfortunately, the whole process is not that easy, we must learn how to use the<strong> History Brush</strong> for more complex shapes (we&#8217;ll talk about this next day).</p>
<h4>Step 2: light.</h4>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/painting-eyes-03.jpg" width="540" height="242" alt="Añadimos un gradiente" /></p>
<p>Let&#8217;s create a new layer under the &quot;Shadows&quot; layer, and name it <strong>&quot;Lightness&quot;. </strong>On this layer we&#8217;re creating a gradient from white to transparent, from above on the left until below on the right. The key is to make this sofly, not covering in white the whole eye.</p>
<h4>Step 3: reflected light.</h4>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/painting-eyes-04.jpg" alt="Pintamos la luz reflejada" width="540" height="277" /></p>
<p>Now we&#8217;re creating reflections to give volume to the eye. Create a new layer and name it  <strong>&quot;Reflected light&quot;</strong>. Make a white outline that doesn&#8217;t cover the whole shadow area. Then merge the inner outline, this time using the <strong>Eraser (E). </strong>Be careful not to erase it  completely, we only want to make it a bit transparent.</p>
<h4>Step 4: painting pupils.</h4>
<p>To paint the character&#8217;s pupils we&#8217;re creating a new group of layers named <strong>&quot;Pupils&quot;</strong>above the &quot;Lineart&quot; layer.</p>
<p>We&#8217;re painting the pupils through 3 layers as we can see in the image:</p>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/painting-cartoon-eyes.jpg" width="540" height="709" alt="Pintando ojos estilo cartoon" /></p>
<ul>
<li><strong>Image 1:</strong> layer we&#8217;re naming  <strong>&quot;Glow&quot;, </strong>we create a slightly oval circle and apply gradient from white to transparent. Try to leave the oval with some transparency instead of fully white.</li>
<li><strong>Image 2:</strong> create a new layer and name it <strong>&quot;Glow 2&quot;</strong>, do a circular gradient with blue colour (#10a4fa), and put the layer in <strong>Linear Dodge</strong> mode.</li>
<li><strong>Image 3:</strong> create a new layer we&#8217;re naming  <strong>&quot;Pupil&quot;</strong>, and paint  something similar to the image with the same blue. </li>
<li><strong>FINAL Image: </strong>this is what we get when we activate the 3 layers.</li>
</ul>
<h4>Step 6: coloring the lines.</h4>
<p>Finally, we create a layer above the &quot;Lineart&quot; layer, and name it <strong>&quot;Color hold&quot;</strong>, we&#8217;ll use this layer to color the lines.</p>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/color-hold.jpg" width="540" height="210" alt="Pintamos las lineas" /></p>
<p>CTRL+Click on the icon of the &quot;Lineart&quot; layer to make a selection of the lines, and go to the &quot;Color hold&quot; layer. Choose a slightly darker blue color (#223171) than the one we used for the eyeballs, this way we make the line merge with the design, but it&#8217;s still recognizable.</p>
<h4>Summary of the day</h4>
<p>Today we painted a simple shape, like the eyes of our character. Next day we&#8217;re painting the teeth, which is more complex, so we&#8217;ll have to learn how to use the <strong>history brush.</strong></p>
<div class="entry_image">
<object width="520" height="417"><param name="movie" value="http://www.youtube.com/v/jU-jmQ_LnkE&#038;hl=es_ES&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/jU-jmQ_LnkE&#038;hl=es_ES&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="520" height="417"></embed></object></p>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/cartoon-eyes.jpg" width="520" height="659" alt="Ojos estilo cartoon" /></p>
</div>
<p>I see you in a couple of days!!!</p>
<h3><a name="day05" id="day05"></a>Day 5: painting complex areas: the history brush.</h3>
<p>Hello guys, tomorrow I´m flying to Berlin and I´m going to take several days off but before I leave I would like to post the last video of <a href="http://www.sosfactory.com/blog/how-to/detailed-photoshop-coloring-tutorial/">The World´s most detailed Photoshop coloring tutorial</a>. </p>
<p>For now there is no tutorial just the video where you can see how I color more complex areas thanks to our buddy the <strong>History Brush</strong>, I put lot of care so hopefully you will understand how the History Brush works by yourself, anyway I will post the tutorial whithin the next days, until then, enjoy the video.</p>
<div class="entry_image"><object width="520" height="417"><param name="movie" value="http://www.youtube.com/v/DvFJ_jGc0pA&#038;hl=es_ES&#038;fs=1&#038;"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/DvFJ_jGc0pA&#038;hl=es_ES&#038;fs=1&#038;" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="520" height="417"></embed></object>
</div>
<p>See you soon!!</p>
<img src="http://www.sosfactory.com/blog/?ak_action=api_record_view&id=762&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.sosfactory.com/blog/how-to/detailed-photoshop-coloring-tutorial/feed/langswitch_lang/en/</wfw:commentRss>
		<slash:comments>92</slash:comments>
		</item>
		<item>
		<title>Download lineart and practice your coloring skills with Photoshop</title>
		<link>http://www.sosfactory.com/blog/how-to/download-lineart-and-practice-your-coloring-skills-with-photoshop/</link>
		<comments>http://www.sosfactory.com/blog/how-to/download-lineart-and-practice-your-coloring-skills-with-photoshop/#comments</comments>
		<pubDate>Sat, 28 Nov 2009 01:26:18 +0000</pubDate>
		<dc:creator>Sergio Ordonez</dc:creator>
				<category><![CDATA[Exercises]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.sosfactory.com/blog/?p=731</guid>
		<description><![CDATA[
			
				
			
		
Time for another exercise, this time let´s practice our digital color in Photoshop over a profesional lineart made by SOSFactory. If you do a try, please email me a JPG of your final image, if you are interested I could post your image here and give you some tips to improve your coloring skills.
Here you [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Fhow-to%2Fdownload-lineart-and-practice-your-coloring-skills-with-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Fhow-to%2Fdownload-lineart-and-practice-your-coloring-skills-with-photoshop%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Time for another exercise, this time let´s practice our digital color in Photoshop over a profesional lineart made by <a href="http://www.sosfactory.com">SOSFactory</a>. If you do a try, please email me a JPG of your final image, if you are interested I could post your image here and give you some tips to improve your coloring skills.</p>
<p>Here you can dowload the high res lineart in Photoshop format of the character:</p>
<p><a href="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/sosfactory-lineart.zip"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/download-mascot-design.jpg" width="540" height="719" alt="Download mascot design" /></a></p>
<p>In the next days I will offer the final <strong>PSD file layered for free download</strong>, so you can do some research to know how I did it or you can use it in your designs.</p>
<h3>Entries</h3>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2010/02/marc-gomez.jpg" width="503" height="600" alt="Marc Gomez"></p>
<p>Color work  by Marc Gomez</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2010/02/m.r.l.jpg" width="520" height="620" alt="M.R.L."></p>
<p>Color work  by M.R.L.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2010/01/mateus-noel.jpg" width="520" height="620" alt="Mateus Noel"></p>
<p>Color work  by our buddy Mateus Noel.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2010/01/shavit-tzuriel.jpg" width="520" height="390" alt="Shavit Tzuriel"></p>
<p>Color work  by our buddy Shavit Tzuriel.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2010/01/diego-ante.jpg" width="520" height="620" alt="Diego Ante"></p>
<p>Color work  by Diego Ante.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2010/01/luis.jpg" width="520" height="620" alt="Luis"></p>
<p>Color work  by Luis.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2010/01/gabi-asensio.jpg" width="520" height="600" alt="Gabi Asensio"></p>
<p>Color work  by Gabi Asensio.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2010/01/victor-caballero.jpg" width="520" height="625" alt="Víctor Caballero"></p>
<p>Color work  by Victor González.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2010/01/jorge-gonzalez.jpg" width="520" height="640" alt="Jorge Gonález"></p>
<p>Another color work  by Jorge González.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/luis-contreras.jpg" width="520" height="640" alt="Luis Contreras"></p>
<p>Another color work  by Luis Contreras.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/color-by-diana.jpg" width="520" height="642" alt="Diana"></p>
<p>Another amazing colour work  by <a href="http://www.greatdiane.daportfolio.com/">Diana</a>.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/jesus-rp.jpg" width="520" height="620" alt="Jesús RP"></p>
<p>This one was made by <a href="http://programadorespelirrojos.blogspot.com/">Jesús</a>.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/12/andre-engel.jpg" width="520" height="625" alt="Andre Engel"></p>
<p>This one was made by <a href="http://a-engel-design.deviantart.com/">Andre Engel</a>.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/saul-santibanez.jpg" width="520" height="620" alt="Saúl Santibáñez"></p>
<p>Another one by Saúl Santibáñez</a>.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/juan-pena.jpg" width="520" height="620" alt="Juan Peña"></p>
<p>Another one by Juan Peña</a>.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/ivan-ropero.jpg" width="520" height="620" alt="Iván Ropero"></p>
<p>Another one by Iván Ropero</a>.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/kozolarts.jpg" width="520" height="625" alt="Kozolarts"></p>
<p>Another really cool entry by <a href="http://kozolarts.deviantart.com/">Kozolarts</a>.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/rodrigo.jpg" width="520" height="625" alt="Adrian Pueyo"></p>
<p>This one was made by <a href="http://tutom.deviantart.com/">Rodrigo</a>.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/lostdz.jpg" width="520" height="625" alt="Adrian Pueyo"></p>
<p>Wow, very nice <a href="http://www.lostdz.deviantart.com/">Adrian Pueyo</a>.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/daniel-de-la-garza.jpg" width="520" height="625" alt="Daniel de la Garza"></p>
<p>Daniel de la Garza made this one.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/ricardo-curiel.jpg" width="520" height="625" alt="Ricardo Curiel"></p>
<p>This one made by Ricardo Curiel.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/nate-hatch.jpg" width="520" height="625" alt="Nate Hatch"></p>
<p>This one made by Nate Hatch.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/israel-marte.jpg" width="520" height="625" alt="Israel Marte"></p>
<p>This one made by Israel Marte.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/lou-tegui.jpg" width="520" height="625" alt="Lou Tegui"></p>
<p>This one made by Lou Tegui, from Florida.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/eros-zabeo.jpg" width="520" height="625" alt="Eros Zabeo"></p>
<p>This one courtesy of <a href="http://n1k4r0.deviantart.com">Eros Zabeo</a>, a 41 years old Italian programmer. Very nice metal reflections!.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/ricardo-dussan.jpg" width="520" height="625" alt="Ricardo Dussan"></p>
<p>This one was made by Ricardo Dussan, green tongue? hehehe.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/mikael.jpg" width="520" height="625" alt="Mikael Cubillan"></p>
<p>Coloring made by Mikael Cubillan, wow!! very nice.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/a-copete.jpg" width="520" height="620" alt="Alejandra Copete"></p>
<p>Coloring made by Alejandra Copete, she is working in Photoshop for just 3 months.</p>
</div>
<h3>Some supporting tutorials</h3>
<p class="centrado"><a href="http://www.smashingmagazine.com/2008/02/13/drunken-monkey-photoshop-tutorial/" target="_blank"><img src="http://www.sosnewbie.com/imagenes/entintado photoshop/drunken-monkey-banner.jpg" alt="Drunken Monkey Tutorial" width="500" height="111" border="0" /></a><br />
      Mascot design in Photoshop tutorial for Smashing Magazine </p>
<p class="centrado"><a href="http://psdtuts.com/designing-tutorials/mascot-design-in-real-time-order-the-sosfactory-way/" target="_blank"><img src="http://www.sosnewbie.com/imagenes/entintado photoshop/mafia_death_tutorial.jpg" alt="Character design" width="500" height="111" border="0" /></a><br />
Character design Photoshop tutorial for PSDTuts </p>
<p class="centrado"><a href="http://psdtuts.com/news/new-plus-tutorial-sosfactory-style-mascot-design-in-photoshop/" target="_blank"><img src="http://www.sosnewbie.com/imagenes/entintado photoshop/mascot-design.jpg" alt="Mascot design" width="500" height="111" border="0" /></a><br />
Character design Photoshop tutorial for PSDTuts (need paid subscription)</p>
<p class="centrado"><a href="http://www.sosnewbie.com/en/mascot-design/vectorial-illustration-with-illustrator/" target="_blank"><img src="http://www.sosnewbie.com/imagenes/entintado photoshop/ilustracion-vectorial.jpg" alt="vectorial Illustration with Illustrator" width="500" height="111" border="0" /></a><br />
      Vectorial illustration with Illustrator</p>
<img src="http://www.sosfactory.com/blog/?ak_action=api_record_view&id=731&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.sosfactory.com/blog/how-to/download-lineart-and-practice-your-coloring-skills-with-photoshop/feed/langswitch_lang/en/</wfw:commentRss>
		<slash:comments>55</slash:comments>
		</item>
		<item>
		<title>Mascot design: fish and fish</title>
		<link>http://www.sosfactory.com/blog/portfolio/mascot-design-fish-and-fish/</link>
		<comments>http://www.sosfactory.com/blog/portfolio/mascot-design-fish-and-fish/#comments</comments>
		<pubDate>Fri, 20 Nov 2009 23:56:29 +0000</pubDate>
		<dc:creator>Sergio Ordonez</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Works]]></category>

		<guid isPermaLink="false">http://www.sosfactory.com/blog/?p=749</guid>
		<description><![CDATA[
			
				
			
		
Hello buddies, at last Friday!! I´m getting ready for my monthly flight to Berlin but before I leave I want to share some pics. I just finished a project I was working on lately, this time I did a ton of character design for a non released yet dating site.
Here you have several of them, [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Fportfolio%2Fmascot-design-fish-and-fish%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Fportfolio%2Fmascot-design-fish-and-fish%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Hello buddies, at last Friday!! I´m getting ready for my monthly flight to Berlin but before I leave I want to share some pics. I just finished a project I was working on lately, this time I did a ton of character design for a non released yet dating site.</p>
<p>Here you have several of them, I hope you like it <img src='http://www.sosfactory.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/fish.jpg" width="520" height="2647" alt="Fish male mascot"></p>
<p>This is the male mascot design.</p>
</div>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/fish2.jpg" width="520" height="1742" alt="Fish female mascot"></p>
<p>This is the female mascot design.</p>
</div>
<p>Have a good weekend!!!<br />
On next week I have scheduled a new tutorial.</p>
<img src="http://www.sosfactory.com/blog/?ak_action=api_record_view&id=749&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.sosfactory.com/blog/portfolio/mascot-design-fish-and-fish/feed/langswitch_lang/en/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>How to integrate a mascot design in your website</title>
		<link>http://www.sosfactory.com/blog/how-to/mascot-design/how-to-integrate-a-mascot-design-in-your-website/</link>
		<comments>http://www.sosfactory.com/blog/how-to/mascot-design/how-to-integrate-a-mascot-design-in-your-website/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 14:37:23 +0000</pubDate>
		<dc:creator>Sergio Ordonez</dc:creator>
				<category><![CDATA[Mascot design]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.sosfactory.com/blog/?p=722</guid>
		<description><![CDATA[
			
				
			
		
Mascot design for webs is one of my specialties, in the last few years I&#8217;ve been designing dozens of corporative characters for webs. Clients are usually very satisfied with the design, but they don&#8217;t know how to make the most out of it.
Sometimes they have to use them at very small sizes, sometimes they are [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Fhow-to%2Fmascot-design%2Fhow-to-integrate-a-mascot-design-in-your-website%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Fhow-to%2Fmascot-design%2Fhow-to-integrate-a-mascot-design-in-your-website%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p><strong>Mascot design</strong> for webs is one of <a href="http://sosfactory.com/mascot-design.html">my specialties</a>, in the last few years I&#8217;ve been designing dozens of corporative characters for webs. Clients are usually very satisfied with the design, but they don&#8217;t know how to make the most out of it.</p>
<p>Sometimes they have to use them at <a href="http://www.hookahlounge.net/">very small sizes</a>, sometimes <a href="http://www.chrisguthrie.net/">they are not well fitted in the context</a>, very often <a href="http://sergitosuanez.deviantart.com/art/Linerider-for-Nintendo-DS-93834491">they modify the design with disastrous results</a>, usually they are too agressive with the compression of the image&#8230; and in many cases <a href="http://www.ninjaotter.com/">they don&#8217;t make a real usage of the designs</a>.</p>
<p><a href="http://sosfactory.com/mascot-design.html"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/mascot-design.jpg" width="520" height="1899" alt="Mascot design" /></a></p>
<h3>Points you should have in consideration to make the most out of your mascot design.</h3>
<ul>
<li>First of all, consider if you really need a mascot design. Is it adecuate for your public objective?</li>
<li>Program your web in order to make the most out of your character design.</li>
<li>Remember: the bigger you show the illustration (within reasonable limits) the nicer it will look.</li>
<li>Leave margins around the illustration, let the design breathe.</li>
<li>Make the mascot interact with the rest of the web, be creative.</li>
<li>Apply your corporative colors to your mascot.</li>
<li>Design a versatile mascot, this way you can use it for banners, avatars, T-shirts, or your &quot;about&quot; page.</li>
<li>Choose a concept that matches your corporative values.</li>
<li>Optimize the weight of the illustration, save it as JPG at 60%.</li>
<li>If you have to make later modifications, ask the author of the design.</li>
<li>Order your designs in high resolution (till 7000&#215;7000px) or in vectorial format. This way you can print any size you need.</li>
<li>Watch if your design fits the <a href="http://www.sosfactory.com/blog/how-to/mascot-design/mascot-design-for-websites/"> basic principles</a> when it comes to design a mascot.</li>
</ul>
<div class="entry_image">
<p><a href="http://www.tylercruz.com/"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/tyler-cruz.jpg" width="520" height="522" alt="Tyler Cruz" /></a></p>
<p>Tyler Cruz customizes his mascot for different occasions, a good idea.</p>
</div>
<h3>Characteristics of a good mascot design</h3>
<ul>
<li>Memorable, it must cause impact.</li>
<li>Easy to remember, it must remain etched in the memory of the observer.</li>
<li>It must be unique, and easy to discriminate from the competitors</li>
<li>Attractive, the character must be attractive for our target public.</li>
<li>Iconic, the character must represent the corporative values of the brand.</li>
<li>Functional, it must work in banners, in the headline of the web, in the logo.</li>
</ul>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/mongrel.jpg" width="520" height="322" alt="Logo design" /></p>
<h3>Effective ways to integrate the designs of the characters in the web.</h3>
<p>The use of the <strong>mascot integrated in the logotype</strong> is the most common way to integrate the character. This way we associate the character with the brand, it´s one of the most effective ways to use a mascot.</p>
<div class="entry_image">
<p><a href="http://www.bigdavestar.com/"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/big-dave-star.jpg" width="520" height="172" alt="Big Dave Star"></a></p>
<p>Notice the mascot use the corporative colors of the web. Very good integration.</p>
</div>
<p><a href="http://www.prisonstruggle.com/"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/prison-struggle.jpg" width="540" height="377" alt="Prison struggle" /></a></p>
<p>We can integrate the mascot very effectively by using it as an icon or <strong>integrating it in the buttons</strong>. We can use it in the &quot;over&quot; state of our buttons and animate it in Flash:</p>
<p><a href="http://www.sosfactory.com/web-design/camholdem/camholdem.jpg"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/camholdem.jpg" width="540" height="188" alt="Cam Holdem"></a></p>
<p>One of the most effective ways consists of<strong> using the illustration all the wide of the web</strong>. You sacrifice a lot of space but you get a great visual impact. <a href="http://www.johncow.com">John Cow</a>&#8217;s web was a good example of this, too bad they are reducing more and more the size of the illustration instead of optimizing the remaining space.</p>
<div class="entry_image">
<p><a href="http://www.johncow.com"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/mascot-header.jpg" width="520" height="508" alt="John cow"></a></p>
<p>Some examples of illustration as all wide headline of the web.</p>
</div>
<p><a href="http://www.freepowerboards.com"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/free-power-boards.jpg" width="540" height="212" alt="Free Power Boards" /></a></p>
<p>We don&#8217;t really need to use the mascot in the headline of the web, we can use it to <strong>highlight certain elements</strong> of the design:</p>
<p><a href="http://www.samuraioflegend.com"> <img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/samurai.jpg" width="540" height="482" alt="Samurai of Legend" /></a></p>
<p><a href="http://www.signaturebar.com"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/siganture-bar.jpg" width="540" height="391" alt="Signature Bar" /></a></p>
<p>To finish, some <strong>banners</strong> with character designs:</p>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/banner-design.jpg" width="520" height="328" alt="Banner design"></p>
<img src="http://www.sosfactory.com/blog/?ak_action=api_record_view&id=722&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.sosfactory.com/blog/how-to/mascot-design/how-to-integrate-a-mascot-design-in-your-website/feed/langswitch_lang/en/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>How to receive payments online and save fees</title>
		<link>http://www.sosfactory.com/blog/articles/freelancing/how-to-receive-payments-online-and-save-fees/</link>
		<comments>http://www.sosfactory.com/blog/articles/freelancing/how-to-receive-payments-online-and-save-fees/#comments</comments>
		<pubDate>Fri, 13 Nov 2009 17:21:51 +0000</pubDate>
		<dc:creator>Sergio Ordonez</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Freelancing]]></category>

		<guid isPermaLink="false">http://www.sosfactory.com/blog/?p=712</guid>
		<description><![CDATA[
			
				
			
		
PayPal is the standard online payment system for both selling and  buying. It is very convenient, instantaneous and secure, that’s why it is  expensive.
It can cost us up to 3.4% out of the money we receive depending on  the country where you live, plus a 2.5% to convert the money to your [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Farticles%2Ffreelancing%2Fhow-to-receive-payments-online-and-save-fees%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Farticles%2Ffreelancing%2Fhow-to-receive-payments-online-and-save-fees%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.paypal.com">PayPal</a> is the standard online payment system for both selling and  buying. It is very convenient, instantaneous and secure, <strong>that’s why it is  expensive.</strong></p>
<p>It can cost us up to 3.4% out of the money we receive depending on  the country where you live, plus a 2.5% to convert the money to your local  currency, so <strong>you might end up paying 600US$ for every 10.000US$ you get.</strong></p>
<h3>Pieces of advice to save money with PayPal</h3>
<ul>
<li>Use a <strong>personal account</strong> instead of a professional one; they don’t have fees, but they have lots of  limitations when it comes to move the money.</li>
<li>Withdraw your money  when the US$ is strong.</li>
<li>Send your payments as  a <strong>personal transaction</strong> instead of doing it as a purchase; you will pay a few  cents, but the recipient will not pay anything.</li>
<li>Send your payments  using the <a href="http://www.sosfactory.com/blog/articles/freelancing/how-to-do-paypal-mass-pay-payments-and-avoid-fees/">mass pay</a> option; you will pay up to 1US$ tops, but the recipient  will get it for free.</li>
<li>Use the <strong>cheapest online  banking</strong> (see below).</li>
<li>Check your monthly  volume to access better fees:</li>
</ul>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/purchase-payments.jpg" width="540" height="120" alt="Paypal" /></p>
<h3><a href="http://www.moneybookers.com">Money Bookers</a></h3>
<h4>Advantages:</h4>
<ul>
<li> It reaches some  countries that PayPal doesn’t.</li>
<li>It is very  <strong>inexpensive</strong>:
<ul>
<li>Send money costs a  maximum of<strong> 0.75US$.</strong></li>
<li>Receiving money is  <strong>free.</strong></li>
<li>Withdrawing money costs  a maximum of <strong>5.24US$.</strong></li>
<li>The money conversion  into your local currency costs<strong> 2%.</strong></li>
</ul>
</li>
</ul>
<h4>Disadvantages:</h4>
<ul>
<li><strong>It is not well known</strong>,  needless to say that imposing an unknown form of payment to your customers is  like giving them a good reason to hire someone else, to delay the order or to  never call us again.</li>
<li>They say they offer  support in almost any language, but it is limited to their web, customer  <strong>support uses English only</strong>.</li>
</ul>
<h3><a href="http://www.epassporte.com">Epassporte</a></h3>
<h4>Advantages:</h4>
<ul>
<li>They offer you a  virtual <strong>Visa credit card</strong> (to be used online only) for free.</li>
<li>It is pretty know for  transactions with adult content.</li>
<li>It is very  <strong>inexpensive:</strong>
<ul>
<li>To send money costs  between <strong>0.3 -1 US$ </strong>per transaction.</li>
<li>Receiving money is  <strong>free</strong>.</li>
<li>Withdrawing money costs  <strong>3US$ </strong>for US residents and<strong> 50US$ </strong>for Europeans.</li>
</ul>
</li>
</ul>
<h4>Disadvantages:</h4>
<ul>
<li>This system<strong> is not  well known</strong>.</li>
<li>Their website is very  confusing and difficult to navigate.</li>
<li>Their customer service  is bad.</li>
<li> To transfer your money  to European accounts you have to pay <strong>50US$</strong>, also you have to request the  transfer to be done in your name, which often takes a long time (last time it  took a month). </li>
</ul>
<h3><a href="http://www.westernunion.com/">Western Union</a></h3>
<h4>Advantages:</h4>
<ul>
<li>It is<strong> less expensive</strong> than PayPal.</li>
<li>It reaches lots of  countries in which PayPal doesn’t.</li>
</ul>
<h4>Disadvantages:</h4>
<ul>
<li>It is not as  instantaneous as the rest of the online forms of payment.</li>
<li>It is more expensive  than Money Bookers and Epassporte.</li>
<li>You have to personally  go to their offices, wait in line and fill out forms. We have the online option,  but it is a lot more expensive.</li>
</ul>
<h3>Fighting the US$ devaluation</h3>
<p>Workers outside the United States have an additional problem that  is the <strong>devaluation of the dollar</strong>, currency in which most online transactions  are done.</strong></p>
<p>The ideal would be to be able to withdraw our US$ from PayPal,  Money Bookers or any other system you use, into a local bank account and wait  until it revaluates. That way we have our money secure and in hand in case we  need it, but I’m afraid it doesn’t matter which system you use; <strong>you will not be  able to withdraw your money in a currency other than your country’s currency.</strong></p>
<p>So, either you:</p>
<ul>
<li><strong>Spend</strong> your US$ in US  shops.</li>
<li><strong>Keep</strong> your US$ in your  virtual bank until the US$ revaluates, which might take months, even years.</li>
<li> <strong>Withdraw</strong> your US$ into  your local bank, subsequently loosing money.</li>
<li>Create a new bank  account in the USA, where you will transfer your US$, which is not very  practical and might not even be possible.</li>
</ul>
<p>None of these alternatives are good, but we have another option  which we’ll see next.</p>
<h3>Multicurrency Bank Accounts<br />
</h3>
<p>The only way to keep your US$ in a bank account outside the USA is  by opening a <strong>multicurrency account</strong> in our local bank. Actually, it is two  linked bank accounts, one in US$ and the other one in your country’s currency,  and they work like any other bank account.</p>
<h4>Advantages</h4>
<ul>
<li>They are usually <strong>very  inexpensive</strong>, they only charge a fee to receive the money, which usually is less  than 10US$ (check with your local bank).</li>
<li> You have the <strong>security</strong> and all the guarantees of having the money in a local bank.</li>
<li>You can keep your  <strong>US dollars</strong> until they revaluate.</li>
<li>You can  instantaneously convert them to Euros whenever you need them.</li>
</ul>
<h4>Disadvantages:</h4>
<ul>
<li>International  transfers may take 3 – 4 days.</li>
<li>You need much more  information to be able to make a transfer.</li>
</ul>
<h3>Conclusion</h3>
<p>The best you can do is to get familiar with each one of the  payment systems mentioned above, and offer several options to your customers,  organized by preference; in my case it would be like this:</p>
<ul>
<li> My first option would  be a<strong> transfer in US$ to my multicurrency bank account</strong>.</li>
<li>If the customer is in  a hurry or the amount is very small, I would offer the <strong>Money Bookers </strong>option.</li>
<li>In case that the  customer doesn’t have an account with Money Bookers and if I see that the order  could be in danger, then I would offer <strong>PayPal</strong>.</li>
<li>In case that PayPal is  not available in their country, I would use <strong>Western Union</strong>.</li>
<li>I would only use  <strong>Epassporte</strong> to receive payments from work with adult content.</li>
</ul>
<img src="http://www.sosfactory.com/blog/?ak_action=api_record_view&id=712&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.sosfactory.com/blog/articles/freelancing/how-to-receive-payments-online-and-save-fees/feed/langswitch_lang/en/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Pros and cons of Illustrative Logo Design</title>
		<link>http://www.sosfactory.com/blog/how-to/pros-and-cons-of-illustrative-logo-design/</link>
		<comments>http://www.sosfactory.com/blog/how-to/pros-and-cons-of-illustrative-logo-design/#comments</comments>
		<pubDate>Sun, 08 Nov 2009 10:32:25 +0000</pubDate>
		<dc:creator>Sergio Ordonez</dc:creator>
				<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.sosfactory.com/blog/?p=698</guid>
		<description><![CDATA[
			
				
			
		
Theory says that a good logotype must be simple, clean, economical, versatile, etc, etc. This is a very pertinent principle but, is it still valid?
In my opinion, it is partially obsolete. The advance of impression techniques, the evolution of the consumers overburdened with publicity and the evolution of the mass media (Internet, Television, mobile phones, [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Fhow-to%2Fpros-and-cons-of-illustrative-logo-design%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Fhow-to%2Fpros-and-cons-of-illustrative-logo-design%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Theory says that a good logotype must be simple, clean, economical, versatile, etc, etc. This is a very pertinent principle but, is it still valid?</p>
<p>In my opinion, it is partially obsolete. The advance of impression techniques, the evolution of the consumers overburdened with publicity and the evolution of the mass media (Internet, Television, mobile phones, videogames industry&#8230;), have released the designers from many restrictions.</p>
<h3>Don´t decorate, comunicate</h3>
<p>The principle <a href="http://www.webdesignfromscratch.com/design-process/dont-decorate-communicate.php">&quot;don´t decorate, communicate&quot;</a> means that we must <strong>put the message itself before its aesthetic aspects, </strong>although we mustn´t leave them aside. I think this would be a more loyal version to its spirit: <strong>&quot;Communicate first, then decorate&quot;, </strong>which is what it really means.</p>
<p>Applying this principle to corporative design we would have two opposite sides (using my own terminology):</p>
<ul>
<li>The ones who follow the principle of simplicity: text logos (Paypal), initials based logos (IBM), logos with graphic elements, iconic logos&#8230;</li>
<li>The ones who don´t follow it: illustrative logos, the ones I like to design.</li>
</ul>
<h3>The art of decorating</h3>
<p>If you know my work in  <a href="http://www.sosfactory.com">SOSFactory</a>, surely you already know I take this stream to the end. My logotypes have gradients, many colors, illustrative elements, sometimes even complex characters. I usually design for a web, so I have much more freedom to create. On the other side, my logotypes are not so versatile, although as we´ll see later, this problem can be solved adapting the logo to the other media.</p>
<p><a href="http://www.sosfactory.com"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/logo-designs.jpg" width="540" height="969" alt="Logo design"></a></p>
<h3>Pros of illustrative logos</h3>
<ol>
<li>They cause more visual impact in big sizes.</li>
<li>More differentiation, they are more difficult to imitate or to mistake with other brands.</li>
<li>More effective for a certain type of consumer (children, for example), industry (videogames, clothing) or media (internet)</li>
<li>The &quot;absorption&quot; of the logo by the consumer is slower but more durable.</li>
<li>It´s easier to sell merchandising with our logo.</li>
<li>It creates a dependence relationship between the designer and the brand (this is &quot;good&quot; for the designer).</li>
</ol>
<h3>Cons of illustrative logos</h3>
<ol>
<li>They are less effective in small sizes or at far distances.</li>
<li>More cost of production (though printing is more and more cheap).</li>
<li>More time needed to identify the brand.</li>
<li>More difficult to copyright as a brand.</li>
<li>Redesigning is more expensive</li>
<li>It creates a dependence relationship between the designer and the brand (bad for the brand).</li>
</ol>
<div class="entry_image">
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/logos-fix.jpg" width="520" height="168" alt="Logo"></p>
<p>A &quot;simple&quot; logo is very easy to imitate, wether it be intentionally or by mere coincidence. <a href="http://logopond.com/gallery/detail/47306">Ed´s Electric</a> vs <a href="http://logopond.com/gallery/detail/60278">City Direct</a></p>
</div>
<h3>The adaptation to the media</h3>
<p>We can solve most of these negative aspects by <strong>adapting the illustrative logo to the different media and sizes. </strong>Obviously, this requires more time, which means a bigger inversion</p>
<p>This way, on one side we have an illustrative version to use it on the screen, where the size of the application is usually bigger (web, tv, mobile phones) and on the other we have a simpler adaptation for possible printed applications, or for the use in smaller sizes.</p>
<p>A <strong>good corporative kit</strong> would include:</p>
<ul>
<li>Bitmap versions in <strong>JPG, PNG, GIF, TIFF, PSD</strong> formats, and vectorial files <strong>AI, EPS</strong>.</li>
<li>Versions of the logotype in <strong>high and low resolution.</strong></li>
<li>Versions of the logotype in <strong>RBG and CMYK</strong>.</li>
<li>Adaptations of the logotype <strong>with and without illustrative elements.</strong></li>
<li>Adaptation of the logo, to <strong>1, 2 and 3 colors, full color and grey scale.</strong></li>
<li>Adaptation of the logo on <strong>dark background and light background.</strong></li>
</ul>
<div class="entry_image"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/11/logo-kit.jpg" width="520" height="3119" alt="Logo"></p>
<p>Different adaptations of the same logotype: full color, 1 color, 3 colors and grey scale.</p>
</div>
<img src="http://www.sosfactory.com/blog/?ak_action=api_record_view&id=698&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.sosfactory.com/blog/how-to/pros-and-cons-of-illustrative-logo-design/feed/langswitch_lang/en/</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
		<item>
		<title>Random questions from a newbie illustrator</title>
		<link>http://www.sosfactory.com/blog/articles/freelancing/random-questions-from-a-newbie-illustrator/</link>
		<comments>http://www.sosfactory.com/blog/articles/freelancing/random-questions-from-a-newbie-illustrator/#comments</comments>
		<pubDate>Thu, 29 Oct 2009 09:24:18 +0000</pubDate>
		<dc:creator>Sergio Ordonez</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Ask me]]></category>
		<category><![CDATA[Freelancing]]></category>

		<guid isPermaLink="false">http://www.sosfactory.com/blog/?p=681</guid>
		<description><![CDATA[
			
				
			
		
From time to time I receive interesting emails from newbie designers or illustrators, who are trying to open up this complex industry for themselves, but they don&#8217;t know where to start; they ask for my help and of course, I do my best to help them. It occurred to me that maybe, if I publish [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Farticles%2Ffreelancing%2Frandom-questions-from-a-newbie-illustrator%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Farticles%2Ffreelancing%2Frandom-questions-from-a-newbie-illustrator%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>From time to time I receive interesting emails from newbie designers or illustrators, who are trying to open up this complex industry for themselves, but they don&rsquo;t know where to start; they ask for my help and of course, I do my best to help them. It occurred to me that maybe, if I publish those emails, everybody could benefit from them and clear those doubts. </p>
<p>So now we are going to start this new section <img src='http://www.sosfactory.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>I&rsquo;ll start with Evangelina&rsquo;s case, beautiful name by the way. <a href="http://thegalleryofeve.deviantart.com/">Eva</a> is argentine but resides in the USA and <B>wants to dedicate herself to the world of illustration</B>, but she has lots of doubts and prejudices that I&rsquo;ll try to clear out; at least orient her to walk her first steps. Here are the most interesting parts of that email:</p>
<h3>I live in USA (I&rsquo;m from Argentina) and I have wrote to many people with my heart in my hands, but not one of those people have found it in their hearts the willingness to help me. I think it is because they fear that I&rsquo;ll get really good and that I might &ldquo;steal&rdquo; their customers if they told me their &ldquo;secret recipe&rdquo;, but&hellip;</h3>
<p>Let&rsquo;s start with the good news, <strong>you live in the USA; this will give you lots of opportunities </strong>that you wouldn&rsquo;t have in Argentina; you are also <strong>optimistic and you really want to make progress</strong>. So you speak English and you&rsquo;re eager, congratulations! You have the minimum requisites to start this difficult career. </p>
<p>Now the bad news <img src='http://www.sosfactory.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>It&rsquo;s not good to expect any help from people, don&rsquo;t take me wrong, there will be lots of people who will be willing to<a href="http://freelanceswitch.com/general/should-freelancers-share-their-knowledge/"> help you altruistically</a>, but that&rsquo;s not the norm; it&rsquo;s due to lack of time or energy rather than because they are evil. That&rsquo;s why you have to keep in mind that every single triumph or failure you get will depend 99% in you, <strong>outside help is always welcome, but don&rsquo;t count on it.</strong></p>
<p><strong>Forget about &ldquo;secret recipes&rdquo;</strong>, nobody will teach them to you because they simply don&rsquo;t exist. The secret recipe is HARD WORK during a long period of time, applied to multiple fields: marketing, interpersonal communication, technical and practical knowledge&hellip; Also keep in mind that what has value for me might not have any value for your; you will have to find your own path. </p>
<div class="entry_image"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/10/bull.jpg" alt="Evangelina´s work" width="520" height="250" />
<p>This is a nice digital painting by Evangelina.</p>
</div>
<h3>I am a completely &ldquo;new&rdquo; newbie. And I would like to start working as a freelancer. I have skills (no degree, though)&#8230;</h3>
<p>Before venturing into freelance, I would recommend that you <strong>try to work for a design agency first;</strong> take it as a contact-making experience. I personally worked part time (4 hours a day) for 6 months at a local agency; the salary was really bad and those were the worst months of my working life, but working there cleared out lots of questions and I learnt a lot. </p>
<p><strong>You don&rsquo;t necessarily need to have formal training</strong> to be good at what you do; it might be harder that way, so you need to <a href="http://www.sosfactory.com/blog/articles/freelancing/portfolio-official-degree/">compensate your lack of formal training with willingness and a great portfolio</a>. I recommend that you read a post I recently wrote about the <a href="http://www.sosfactory.com/blog/articles/freelancing/self-taught-vs-official-education/">advantages of self training vs. formal</a>.</p>
<h3>&#8230; but I believe I can create quality art.</h3>
<p>This is your main weakness, <a href="http://www.aiga.org/content.cfm/art-vs-design">design has an artistic aspect in it, but it&rsquo;s not art</a>; it has a function, its rules and a specific goal, while art doesn&rsquo;t. Clients don&rsquo;t pay you to recreate YOUR vision of the world; they pay you to recreate THEIR vision of the world for a targeted audience. </p>
<p>In other words, <strong>the artist creates without restrictions; the designer or illustrator on request has to adhere to some rules.</strong> So: </p>
<ul>
<li>Do you want to be an artist or you want to design/illustrate on request? </li>
<li>Do you want to be economically stable and create with restrictions, or unstable (at least until you reach to the top), but with the ability to create freely? </li>
</ul>
<p>If you want to be an artist I&rsquo;m afraid I can&rsquo;t help you; if you want to work by request, then keep reading <img src='http://www.sosfactory.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<div class="entry_image">
  <img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/10/casas.jpg" alt="Evangelina´s work" width="520" height="356" />
<p>Very nice, but does it have a market?.</p>
</div>
<h3>I plan to do lots of things, but I have to prepare my website and my portfolio first, I haven&rsquo;t done it yet.</h3>
<p>Having a plan is the first goal, so write down a list of tasks, organize them by priority level and get them done. </p>
<p>Like I said on the previous point you are confusing concepts, your portfolio is very artistic, there is no commercial intention, so you are going to have to <strong>radically change the direction of your work.</strong> A few pieces of advice to <a href="http://www.sosfactory.com/blog/articles/freelancing/how-to-create-a-portfolio-to-sale/">shift your portfolio to possible clients</a>:</p>
<ol>
<li>Work at least 8 hours a day until you reach a quality product. If you don&rsquo;t have a quality product then nobody will buy it. </li>
<li>You already have a portfolio on <a href="http://thegalleryofeve.daportfolio.com/">Deviantart</a>. The next step is to <a href="http://www.sosfactory.com/blog/how-to/how-to-publish-your-first-website/">publish your own website</a>. </li>
<li>Choose your strength and look for its possible commercial use. If your strengths are landscapes, then instead of making traditionalist paintings, <a href="http://www.fengzhudesign.com/gallery.html">why don&rsquo;t you get into the world of video games or films as concept artist</a>? If you like portraits, why don&rsquo;t you make caricatures on request? </li>
<li> Discover reference artists inside your field and study them. What makes them different? Why are they so good? What kind of portfolio do they have? Who does it target? Try to discover their marketing plan. </li>
<li>Make a <a href="http://www.sosfactory.com/blog/articles/freelancing/how-to-get-clients-being-a-freelance-designer/">list of potential clients</a> and put yourself in their shoes. If you were a client, what kind of portfolio would you like to see? What type of work pieces would you be interested in? </li>
<li>Don&rsquo;t forget about the <a href="http://www.sosfactory.com/blog/articles/freelancing/freelancing-in-7-steps/">minimum requisites to work on the internet</a>: English, PayPal and lots of promotion. </li>
<li>Keep working at least 8 hours a day until you reach a quality product. If you don&rsquo;t have a quality product then nobody will buy it. </li>
</ol>
<h3>What if a potential customer sees my portfolio and likes it? They call me and ask me, &ldquo;What are your rates? How much would you charge us?&rdquo; &hellip; What should my answer be? Probably what is preventing me from making any money right now is the fear of not knowing what to say to a potential customer.</h3>
<p>Think about the fact that every single one of us have gone through this and we have learnt from our mistakes; believe in yourself even when things go wrong, think that you have just discovered a way of NOT doing things, if you make mistakes lots of times, then you will have a <a href="http://www.sosfactory.com/blog/articles/freelancing/12-freelancing-lessons-for-2008/">beautiful catalog of mistakes that you shouldn&rsquo;t repeat</a>.</p>
<p><strong>Be honest,</strong> tell the customer that you don&rsquo;t have the experience but you are eager to do the right thing, ask them how much they are willing to invest.<br />
<strong>Be realistic</strong> and don&rsquo;t expect to get paid a fortune, sometimes they might not even pay you, take it as <a href="http://www.sosfactory.com/blog/articles/freelancing/why-your-design-so-cheap/">a semi-paid training session</a>. With time, if you do things right, you will get paid according to your skill.</p>
<div class="entry_image"><a href="http://www.fengzhudesign.com/"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/10/feng-zhu.jpg" alt="Art by Feng Zhu" width="520" height="220" /></a></p>
<p>Concept artist <a href="http://www.fengzhudesign.com/">Feng Zhu</a>. This have a market.</p>
</div>
<h3>I have done my research online to see how other people do it, but most artists don&rsquo;t advertise their rates; they encourage their audience to contact them by e-mail or phone!</h3>
<p>Designers with a lot of demand don&rsquo;t usually publish their rates because it minimizes their negotiation margins. They calculate their overhead, based on their clients&rsquo; capacity and their needs; I recommend that you read this post about the <a href="http://www.sosfactory.com/blog/articles/freelancing/do-you-advertise-your-prices/">pros and cons of publishing your rates</a>. Needless to say that to reach this level you still have a long way to go, don&rsquo;t worry too much about that for now. </p>
<h3>A few final considerations</h3>
<p>Well Eva, first of all thank you for allowing me to share your worries, I&rsquo;m sure that you have helped lots of people. I hope I haven&rsquo;t been too hard on you and that my words have been helpful to you, if you have any doubts just leave me a comment.</p>
<p>Finally, I would like to encourage you to keep working, it won&rsquo;t be easy, there will be moments in which you will feel like crying, you will get disappointed or depressed and you will think that you are going nowhere &hellip; but don&rsquo;t ever stop, keep going with passion and energy, because finding your path is just a matter of time. One day you&rsquo;ll go to sleep with a smile on your face and you will understand that you are living your dream. </p>
<p>And when you get famous, don&rsquo;t forget about us <img src='http://www.sosfactory.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> <br />
Cheers!!!</p>
<h3>How about you, are you also lost? </h3>
<p>If you are a newbie designer and have doubts, contact me and I&rsquo;ll do my best to clear them out for you; I&rsquo;ll publish the most interesting emails in this section. </p>
<img src="http://www.sosfactory.com/blog/?ak_action=api_record_view&id=681&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.sosfactory.com/blog/articles/freelancing/random-questions-from-a-newbie-illustrator/feed/langswitch_lang/en/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Start making passive income with your designs</title>
		<link>http://www.sosfactory.com/blog/articles/freelancing/start-making-passive-income-with-your-designs/</link>
		<comments>http://www.sosfactory.com/blog/articles/freelancing/start-making-passive-income-with-your-designs/#comments</comments>
		<pubDate>Fri, 23 Oct 2009 04:57:07 +0000</pubDate>
		<dc:creator>Sergio Ordonez</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Freelancing]]></category>

		<guid isPermaLink="false">http://www.sosfactory.com/blog/?p=674</guid>
		<description><![CDATA[
			
				
			
		
	If you&#180;re a designer, probably you have lots of unused graphics, webs, loops and Flash files, and you don&#180;t get any profit from them. You could sell the rights of use of these designs (stock design) for a very low price but lifetime. You won&#180;t become a richman but some extra income is always welcome, [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Farticles%2Ffreelancing%2Fstart-making-passive-income-with-your-designs%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.sosfactory.com%2Fblog%2Farticles%2Ffreelancing%2Fstart-making-passive-income-with-your-designs%2F&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>	If you&acute;re a designer, probably you have lots of unused graphics, webs, loops and Flash files, and you don&acute;t get any profit from them. You could sell the rights of use of these designs (stock design) for a very low price but lifetime. You won&acute;t become a richman but some extra income is always welcome, don&acute;t you think?</p>
<p><strong>Imagine you earn 100US$ a month, this would sum 1.200US$ a year</strong>&#8230; Enough to buy a good new computer.</p>
<h3>Advantages of selling stock resources?</h3>
<ol>
<li>You can make some passive income, this means you work once to create the resource and you sell it very cheap, but forever. </li>
<li>It&acute;s a social network, so you can meet other designers. And other designers will use your designs. This facts can help you to make yourself a name.</li>
<li>It&acute;s a market test. Looking at the sales, you can check which product or style has the most success.</li>
</ol>
<h3>Disadvantages of selling stock resources?</h3>
<ol>
<li>As a designer working by order, I had some doubts about this kind of business. Maybe it could impoverish the industry, maybe it could be counterproductive for my business.</li>
<li>You&acute;re letting your resources at the reach of the competence.</li>
<li>Your clients can choose stock images instead of works made by order. In my case I&acute;d have to sell 300 times each design to match the income provided for a single design made by order.</li>
</ol>
<h3>Where to sell your designs?</h3>
<p><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/10/envato.jpg" width="520" height="135" alt="SOSFactory" /></p>
<p>My prefered place is from the  Envato network, creator of such great webs as PSDTuts, Vectortuts, AETuts, Nettuts&#8230; and owner of some marketplaces:</p>
<ul>
<li><a href="http://graphicriver.net?ref=SOSFactory">Graphic River</a> online marketplace for graphic resources.</li>
<li><a href="http://activeden.net?ref=SOSFactory">ActiveDen</a> marketplace for Flash developers</li>
<li><a href="http://themeforest.net?ref=SOSFactory">Theme Forest</a> html templates, WordPress, Joomla, Flash Sites<br />
    PSD Templates, Javascript, PHP Scripts&#8230;</li>
<li><a href="http://videohive.net?ref=SOSFactory">Video Hibe</a> video resources.</li>
<li><a href="http://videohive.net?ref=SOSFactory">Audio Jungle</a> same for audio.</li>
</ul>
<p><a href="http://graphicriver.net/user/SOSFactory"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/10/sosfactory-profile.jpg" width="520" height="333" alt="SOSFactory" /></a></p>
<h3>How does it works?</h3>
<p>You simply have to create an account, fill in a test (quite simple) to demonstrate you&acute;ve understood the terms of use of the web and you&acute;re ready to upload your graphics.</p>
<p>The web itselft sets the prices, quite affordable, and negotiates the whole process.</p>
<div class="entry_image"><a href="http://graphicriver.net/item/mascot-design-melon-/28672"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/10/pm.jpg" width="520" height="569" alt="Power Melon " /></a></div>
<h3>How much can you earn?</h3>
<p>If you sell your graphics exclusively in Graphic River you&acute;ll get  40% of the sales, which is quite a good percentage comparing with other similar webs. If you sell your resources in other sites as well, then you get 20% of the sales.</p>
<p>This web hasn&acute;t been working for a long time, but seems to be as effective as the other ones in the net; for example Flash Den, where some users have earned thousands of dollars selling their resources in Flash.</p>
<p>There is a referral program too, after you create your user you are provided with links like this: <strong>http://videohive.net?ref=SOSFactory</strong>. Whenever somebody click on it and deposit some money I would get a percent of it.</p>
<div class="entry_image"><a href="http://graphicriver.net/item/mascot-design-bboy/29245"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/10/b-boy.jpg" width="520" height="616" alt="B boy" /></a></div>
<h3>My advise</h3>
<p>As a marginal business I think it&acute;s not a bad idea for designers. You can make some easy money, but be careful not to share your best weapons.</p>
<p>I&acute;d sell old works, designs you don&acute;t use anymore, failed orders or made in your free time, experiments&#8230; and I would keep the high quality ones for my own clients.</p>
<div class="entry_image"><a href="http://graphicriver.net/item/wizard/57156"><img src="http://www.sosfactory.com/blog/wp-content/uploads/2009/10/wizard.jpg" width="520" height="616" alt="Wizard" /></a></div>
<img src="http://www.sosfactory.com/blog/?ak_action=api_record_view&id=674&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.sosfactory.com/blog/articles/freelancing/start-making-passive-income-with-your-designs/feed/langswitch_lang/en/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
	</channel>
</rss>
