<?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>DIY Webmastery &#187; Branding</title>
	<atom:link href="http://www.diywebmastery.com/categories/branding/feed" rel="self" type="application/rss+xml" />
	<link>http://www.diywebmastery.com</link>
	<description>Expedient Web Design for Online Entrepreneurs</description>
	<lastBuildDate>Sat, 24 Sep 2011 17:20:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Make A Cartoon Avatar Using a Photo</title>
		<link>http://www.diywebmastery.com/1438/line-drawing-or-cartoon-avatar</link>
		<comments>http://www.diywebmastery.com/1438/line-drawing-or-cartoon-avatar#comments</comments>
		<pubDate>Tue, 10 Aug 2010 20:28:36 +0000</pubDate>
		<dc:creator>Elizabeth</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Avatars]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Design Tutorials]]></category>

		<guid isPermaLink="false">http://www.diywebmastery.com/?p=1438</guid>
		<description><![CDATA[Are you nervous about using a real photo of your own face as your avatar online? You can use a symbol, maybe your logo instead, or if you want something more personal, you can create a line drawing or even a cartoon version of yourself, if you want to hide your actual face! This article shows you how.]]></description>
			<content:encoded><![CDATA[<p></p><p><object width="670" height="377"><param name="movie" value="http://www.youtube.com/v/u_UqLwZe1_w&amp;hl=en_GB&amp;fs=1?rel=0&amp;hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/u_UqLwZe1_w&amp;hl=en_GB&amp;fs=1?rel=0&amp;hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="670" height="377"></embed></object></p>
<p>If you&#8217;vre read my post about the importance of having <a href="http://www.diywebmastery.com/1167/avatars-and-gravatars">your own avatar</a>, you&#8217;ll maybe want to give this technique a go, and make a cartoon to represent you.</p>
<h3>Nervous About Using Your Photograph?</h3>
<p>Sometimes blog owners are nervous about placing photographs of their faces online in <a href="http://images.diywebmastery.com.s3.amazonaws.com/posts/2010-08/panda.png">avatars</a>. Maybe you don&#8217;t have a good likeness to hand, maybe you&#8217;d like to lose some weight (count me in here), or maybe your face is more suitable to radio. </p>
<p>Whatever the reason, you&#8217;ve decided that a recent photo is <i>not</i> what you want to use to promote yourself online.  Of course you can choose another image altogether. Sometimes for example, I use this one here on the left. <img style="float:left; margin-right:10px;" src="http://images.diywebmastery.com.s3.amazonaws.com/posts/2010-08/panda.png">. I got that by using this <a href="http://www.veryicon.com/">icon search engine</a> to locate images suitable for the persona I wanted to be for that particular forum. What you use is up to you. You can even start with an image of your face, and use it to make a cartoon or line drawing of yourself to use as an avatar.  See the video for an example.</p>
<p>To make your cartoon, you will need your original image, a <a href="http://www.jingproject.com/">free account at Jing</a>, and a photo-editing program like Photoshop to get started. </p>
<p>In this demo, I started with the image of Pamela on the left, then created the cartoon or rather, the line drawing on the right. Pamela is a business coach she specialises in <a href="http://www.pamelabeaudet.com">coaching for copreneurs</a> &#8211; couple in business together. She comes highly recommended.</p>
<table>
<tr>
<td><img src="http://images.diywebmastery.com.s3.amazonaws.com/posts/2010-08/pamela.jpg"></td>
<td><img src="http://images.diywebmastery.com.s3.amazonaws.com/posts/2010-08/pamela-avatar.png"></td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://www.diywebmastery.com/1438/line-drawing-or-cartoon-avatar/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Avatars and Gravatars &#8211; WordPress Branding</title>
		<link>http://www.diywebmastery.com/1167/avatars-and-gravatars</link>
		<comments>http://www.diywebmastery.com/1167/avatars-and-gravatars#comments</comments>
		<pubDate>Tue, 22 Jun 2010 15:09:47 +0000</pubDate>
		<dc:creator>Elizabeth</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Webmaster Tutorials]]></category>
		<category><![CDATA[Avatar]]></category>
		<category><![CDATA[identicon]]></category>
		<category><![CDATA[What Are Gravatars?]]></category>

		<guid isPermaLink="false">http://www.diywebmastery.com/?p=1167</guid>
		<description><![CDATA[<p>When you leave a comment on a blog, if you haven't set yourself up with an avatar your comment will be branded with a default or a generated avatar as chosen by the blog's owner. 
</p>
<p>
Here are some examples of default and generated avatars used on Wordpress blogs for commenters with no avatar of their own.
</p>]]></description>
			<content:encoded><![CDATA[<p></p><p><object width="670" height="390"><param name="movie" value="http://www.youtube.com/v/wicW9kZJXNg&amp;hl=en_GB&amp;fs=1?rel=0&amp;hd=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/wicW9kZJXNg&amp;hl=en_GB&amp;fs=1?rel=0&amp;hd=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="670" height="390"></embed></object></p>
<p>Maybe you&#8217;ve noticed when comments are left on WordPress blogs, that some people have a small personalized image beside their comments while others do not? </p>
<p>When you leave a comment on a blog, if you haven&#8217;t set yourself up with an avatar your comment will be branded with a default or a generated avatar as chosen by the blog&#8217;s owner. This means that when you comment on blogs, post on Twitter, Facebook, most forms of social media in fact, (and some forums), that you won&#8217;t be branding yourself with an image that people in your niche will learn to recognise. </p>
<p>Here are some examples of default and generated avatars used on WordPress blogs for commenters with no avatar of their own.</p>
<table class="avatars">
<tr>
<th>Mystery Man</th>
<td><img src="http://images.diywebmastery.com/posts/2010-06/mysteryman.png" alt="" /></td>
</tr>
<tr>
<th>Gravatar Logo</th>
<td><img src="http://images.diywebmastery.com/posts/2010-06/gravatar-logo.jpg" alt="" /></td>
</tr>
<tr>
<th>Example Monster Avatars<br />(these are generated)</th>
<td><img src="http://images.diywebmastery.com/posts/2010-06/monster1.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/monster2.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/monster3.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/monster4.png" alt="" /></td>
</tr>
<tr>
<th>Example Wavatars<br />(these are generated)</th>
<td><img src="http://images.diywebmastery.com/posts/2010-06/wavatar1.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/wavatar2.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/wavatar3.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/wavatar4.png" alt="" /></td>
</tr>
<tr>
<th>Example Indenticons<br />(these are generated)</th>
<td><img src="http://images.diywebmastery.com/posts/2010-06/identicon1.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/identicon2.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/identicon3.png" alt="" /> <img src="http://images.diywebmastery.com/posts/2010-06/identicon4.png" alt="" /></td>
</tr>
</table>
<p>I&#8217;m sure you recognise them.  </p>
<h2>How Do I Get My Own Avatar?</h2>
<p>The answer is you set up a Globally Recognized Avatar or <b>Gravatar</b>. It&#8217;s easy and it&#8217;s free!</p>
<ol>
<li>Find a photo of yourself or an image of something that you wish to represent you online</li>
<li>Crop it so that it&#8217;s square and about 200px x 200px in size</li>
<li>Go and sign up at <a href="http://www.gravatar.com">Gravatar</a></li>
<li>Associate the photo with your email address or email addresses (if you a number of email addresses you may want to have a different photo for each one. Or you can use the same photo for each email address. It&#8217;s up to you.)</li>
<li>You&#8217;re done. The next time you leave a comment on a blog, or post in a forum your little image will mark the spot. People will get to recognise your little avatar and this helps to build trust.</li>
</ol>
<p>Note that if you sign up for a gravatar, any places that make use of Gravatars where you&#8217;ve already left a comment or a post, will instantly apply your new avatar. This also means that when you tire of your gravatar, you can change it easily and everywhere, all at once.  </p>
]]></content:encoded>
			<wfw:commentRss>http://www.diywebmastery.com/1167/avatars-and-gravatars/feed</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
	</channel>
</rss>

