<?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>eLearning Brothers &#187; images</title>
	<atom:link href="http://elearningbrothers.com/tag/images/feed/" rel="self" type="application/rss+xml" />
	<link>http://elearningbrothers.com</link>
	<description>eLearning games, challenges, flash templates, and development</description>
	<lastBuildDate>Wed, 01 Feb 2012 15:00:06 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>How to Clip out People Images in Photoshop</title>
		<link>http://elearningbrothers.com/how-to-clip-out-people-images-in-photoshop/</link>
		<comments>http://elearningbrothers.com/how-to-clip-out-people-images-in-photoshop/#comments</comments>
		<pubDate>Mon, 25 Apr 2011 14:02:10 +0000</pubDate>
		<dc:creator>Brother Shawn</dc:creator>
				<category><![CDATA[eLearning]]></category>
		<category><![CDATA[eLearning Tips]]></category>
		<category><![CDATA[People Cutouts]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[People Pictures]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://elearningbrothers.com/?p=3966</guid>
		<description><![CDATA[Have you ever wondered how to cutout an object from a background? In this tutorial I show a quick and effective way to remove a background using Adobe Photoshop. Want pre-clipped People Pictures? Check out our People Pictures.]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>Have you ever wondered how to cutout an object from a background? In this tutorial I show a quick and effective way to remove a background using Adobe Photoshop.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="580" height="353" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,115,0"><param name="movie" value="http://cdn.screenr.com/public/1.0/flash/screenr.swf" /><param name="flashvars" value="i=210541&amp;h=t&amp;svr=http://www.screenr.com/&amp;vEmbed=&lt;iframe src=&quot;http://www.screenr.com/embed/PJ5&quot; width=&quot;580&quot; height=&quot;353&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;" /><param name="allowFullScreen" value="true" /><param name="wmode" value="opaque" /><embed width="580" height="353" src="http://cdn.screenr.com/public/1.0/flash/screenr.swf" wmode="opaque" flashvars="i=210541&amp;h=t&amp;svr=http://www.screenr.com/&amp;vEmbed=&lt;iframe src=&quot;http://www.screenr.com/embed/PJ5&quot; width=&quot;580&quot; height=&quot;353&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;" allowfullscreen="true" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></object></p>
<hr />
<p>Want pre-clipped People Pictures? Check out our <a title="People Pictures" href="http://elearningtemplates.com/elearning-people-cutouts/" target="_blank">People Pictures</a>.<br />
<a href="http://elearningtemplates.com/elearning-people-cutouts/" target="_blank"><img class="alignleft size-large wp-image-3669" title="elearning_people" src="http://elearningbrothers.com/wp-content/uploads/2009/12/elearning_people-550x117.jpg" alt="" width="550" height="117" /></a></p>
<div class="shr-publisher-3966"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Felearningbrothers.com%2Fhow-to-clip-out-people-images-in-photoshop%2F' data-shr_title='How+to+Clip+out+People+Images+in+Photoshop'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://elearningbrothers.com/how-to-clip-out-people-images-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Seeing is Believing &#8211; InfoGraphics</title>
		<link>http://elearningbrothers.com/seeing-is-believing-infographics/</link>
		<comments>http://elearningbrothers.com/seeing-is-believing-infographics/#comments</comments>
		<pubDate>Thu, 03 Mar 2011 18:55:49 +0000</pubDate>
		<dc:creator>Brother Andrew</dc:creator>
				<category><![CDATA[eLearning]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Instructional Design Tips]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[infographics]]></category>
		<category><![CDATA[instructional]]></category>

		<guid isPermaLink="false">http://elearningbrothers.com/?p=3642</guid>
		<description><![CDATA[Most online courses have toooooo much text. I&#8217;m a huge fan of info-graphics. Whenever I travel I like to look at the front page of USA Today. There is always an info-graphic that shares some information. It could be something about oil production and gas prices or dogs owners and where they live. The trick [...]]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>Most online courses have toooooo much text. I&#8217;m a huge fan of info-graphics. Whenever I travel I like to look at the front page of USA Today. There is always an info-graphic that shares some information. It could be something about oil production and gas prices or dogs owners and where they live. The trick though is that within a few seconds I can look at the graphic and understand the concept. I don&#8217;t have to read a paragraph of text.</p>
<p>I know that info-graphics can take a lot of time to create but I think that we can use them more in our training content. Many learners are visual and meaningful graphics could really help transfer the concepts.</p>
<p>Here are some info-graphics that gave me some good ideas/inspiration:<br />
(Use these sites as inspiration when you&#8217;re trying to figure out how to create an info-graphic.)</p>
<p><strong>Google API and Developer Tools</strong><br />
This is a great visual and it&#8217;s interactive. Great way to present a lot of resources at once and then let the user go to specific tools.<br />
<a href="http://code.google.com/more/table/" target="_blank"><img class="alignleft size-full wp-image-3644" title="info_google" src="http://elearningbrothers.com/wp-content/uploads/2011/03/info_google.jpg" alt="" width="550" height="201" /></a></p>
<p>&nbsp;</p>
<p><strong>Swine Flu Vaccination </strong><br />
This is a <a href="http://www.informationisbeautiful.net/2009/is-the-h1n1-swine-flu-vaccine-safe/" target="_blank">good example</a> of walking a user through many different questions.</p>
<p><strong>Twitter Users </strong><br />
This graphic is a bit dated but it&#8217;s a nice way to organize information.<br />
<a href="http://www.informationisbeautiful.net/2009/if-twitter-was-100-people/" target="_blank"><img class="alignleft size-full wp-image-3649" title="info_twitter" src="http://elearningbrothers.com/wp-content/uploads/2011/03/info_twitter.jpg" alt="" width="550" height="374" /></a></p>
<p><strong>Haiti Earthquake Donations </strong><br />
This is a simple graphic (just circles) that uses size to indication the amount of money. This would not be a hard concept to integrate into your next course. Any designer can draw circles.<br />
<a href="http://www.informationisbeautiful.net/2010/haiti-earthquake-whos-given-what/" target="_blank"><img class="alignleft size-full wp-image-3645" title="info_haiti" src="http://elearningbrothers.com/wp-content/uploads/2011/03/info_haiti.jpg" alt="" width="550" height="384" /></a></p>
<p><strong>SAP Salary Survey </strong><br />
Here are some simple visuals.<br />
<a href="http://www.coolinfographics.com/blog/2011/2/21/client-infographic-the-2011-sap-salary-survey.html" target="_blank"><img class="alignleft size-full wp-image-3647" title="info_sap" src="http://elearningbrothers.com/wp-content/uploads/2011/03/info_sap.jpg" alt="" width="550" height="431" /></a></p>
<p><strong>Apple Time-Line </strong><br />
Time-lines make great graphics.<br />
<a href="http://www.digitalsurgeons.com/ipod-timeline-infographic/" target="_blank"><img class="alignleft size-large wp-image-3648" title="info_timeline" src="http://elearningbrothers.com/wp-content/uploads/2011/03/info_timeline-550x168.jpg" alt="" width="550" height="168" /></a></p>
<p><strong>LinkedIn Visual Map </strong><br />
I&#8217;m not sure that this gave me a great idea for my next eLearning image but I thought it was pretty cool. You can visualize all of your LinkedIn connections and how they are related. You can click on each person and it will show your shared connections.<br />
<a href="http://inmaps.linkedinlabs.com/network" target="_blank"><img class="alignleft size-full wp-image-3646" title="info_linkedin" src="http://elearningbrothers.com/wp-content/uploads/2011/03/info_linkedin.jpg" alt="" width="550" height="470" /></a></p>
<p>Hopefully these gave you a few thoughts for your next course.</p>
<p>Additional Resources:<br />
<a title="eLearning Design Tips" href="http://elearningbrothers.com/stink-no-more-elearning-deodorant/">&#8220;Stink No More &#8211; eLearning Deodorant&#8221;</a><br />
<a title="eLearning Images" href="http://elearningbrothers.com/use-images-that-make-a-difference/">Images that Make a Difference</a><br />
<a href="http://elearningbrothers.com/using-people-pictures-in-elearning/">Using People Pictures in eLearning</a></p>
<p><a title="eLearning People" href="http://elearningtemplates.com/elearning-people-cutouts/" target="_blank"><img class="alignleft size-large wp-image-3669" title="elearning_people" src="http://elearningbrothers.com/wp-content/uploads/2009/12/elearning_people-550x117.jpg" alt="" width="550" height="117" /></a></p>
<div class="shr-publisher-3642"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Felearningbrothers.com%2Fseeing-is-believing-infographics%2F' data-shr_title='Seeing+is+Believing+-+InfoGraphics'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://elearningbrothers.com/seeing-is-believing-infographics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Use Images that Make a Difference</title>
		<link>http://elearningbrothers.com/use-images-that-make-a-difference/</link>
		<comments>http://elearningbrothers.com/use-images-that-make-a-difference/#comments</comments>
		<pubDate>Tue, 23 Nov 2010 23:38:28 +0000</pubDate>
		<dc:creator>Brother Andrew</dc:creator>
				<category><![CDATA[eLearning]]></category>
		<category><![CDATA[Instructional Design Tips]]></category>
		<category><![CDATA[eLearning best practices]]></category>
		<category><![CDATA[images]]></category>

		<guid isPermaLink="false">http://elearningbrothers.com/?p=3185</guid>
		<description><![CDATA[I&#8217;ve written various blogs about why gratuitous eLearning images are bad. Our images should be relevant and be used as a teaching aid. It has always been interesting to me how many &#8220;bad images&#8221; are used in eLearning. Especially since many of us are primarily visual learners. This probably happens because typing text is a [...]]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>I&#8217;ve written various blogs about why <a href="http://elearningbrothers.com/dont-use-gratuitous-images-in-elearning/" target="_self">gratuitous eLearning images</a> are bad. Our images should be relevant and be used as a teaching aid. It has always been interesting to me how many &#8220;bad images&#8221; are used in eLearning. Especially since many of us are primarily visual learners. This probably happens because typing text is a lot easier and faster than creating meaningful images. (Confession&#8230;I&#8217;ve used my fair share of &#8220;bad images&#8221; over the years.)</p>
<p>Jakob Nielsen has done <a href="http://www.useit.com/alertbox/photo-content.html" target="_blank">various eye tracking studies</a> to determine how users interact with images on websites. I&#8217;d consider eLearning to fall into the same category as websites. Our learners typically browse and scan our courses as they would a site.</p>
<p>Here are the main results of his study:</p>
<p>- Users pay close attention to photos and other images that contain relevant information but ignore fluffy pictures used to &#8220;jazz up&#8221; Web pages.<br />
- Some types of pictures are completely ignored. This is typically the case for big feel-good images that are purely decorative.<br />
- Other types of pictures are treated as important content and scrutinized. Photos of products and real people (as opposed to stock photos of models) often fall into this category.</p>
<p>Basically learners pay attention to &#8220;information-carrying&#8221; images.</p>
<p>Extra Tidbit:<br />
He also mentioned that when a user clicks on an image to enlarge it we should make it at least twice as big. Too often we only enlarge it 20% and that&#8217;s not enough. If the user wants a big picture&#8230;give it to them.</p>
<div class="shr-publisher-3185"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Felearningbrothers.com%2Fuse-images-that-make-a-difference%2F' data-shr_title='Use+Images+that+Make+a+Difference'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://elearningbrothers.com/use-images-that-make-a-difference/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Using People Pictures in eLearning</title>
		<link>http://elearningbrothers.com/using-people-pictures-in-elearning/</link>
		<comments>http://elearningbrothers.com/using-people-pictures-in-elearning/#comments</comments>
		<pubDate>Fri, 06 Aug 2010 17:00:34 +0000</pubDate>
		<dc:creator>Brother Andrew</dc:creator>
				<category><![CDATA[eLearning]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Instructional Design Tips]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[images]]></category>

		<guid isPermaLink="false">http://elearningbrothers.com/?p=2440</guid>
		<description><![CDATA[Sometimes it is very effective to add people pictures to your online courses. They could be used as a guide/narrator that directs the learner through the course or you could use people to create scenarios and graphics. Below are a few simple examples and layouts for using cut-out people pictures in eLearning. The pictures are [...]]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>Sometimes it is very effective to add <a title="people pictures" href="http://elearningtemplates.com/elearning-people-cutouts/" target="_blank">people pictures</a> to your online courses. They could be used as a guide/narrator that directs the learner through the course or you could use people to create scenarios and graphics.</p>
<p>Below are a few simple examples and layouts for using cut-out people pictures in eLearning. The pictures are copied into PowerPoint using pre-build <a title="eLearning course styles" href="http://elearningtemplates.com/elearning-powerpoint-template/" target="_blank">eLearning course styles.</a> (A couple are also published with a custom <a title="Articulate Skins" href="http://elearningtemplates.com/articulate-player-skins/" target="_blank">Articulate Skin</a>.)</p>
<p><a href="http://elearningtemplates.com/elearning-people-cutouts/" target="_blank"><img class="alignleft size-full wp-image-2462" src="http://elearningbrothers.com/wp-content/uploads/2010/08/elearning_people3.jpg" alt="" width="550" height="534" /></a><a href="http://elearningtemplates.com/elearning-people-cutouts/"><img class="alignleft size-full wp-image-2461" src="http://elearningbrothers.com/wp-content/uploads/2010/08/elearning_people2.jpg" alt="" width="550" height="407" /></a><a href="http://elearningtemplates.com/elearning-people-cutouts/" target="_blank"><img class="alignleft size-full wp-image-2460" src="http://elearningbrothers.com/wp-content/uploads/2010/08/elearning_people1.jpg" alt="" width="550" height="468" /></a><a href="http://elearningtemplates.com/elearning-people-cutouts/" target="_blank"><img class="alignleft size-full wp-image-2465" src="http://elearningbrothers.com/wp-content/uploads/2010/08/elearning_people4.jpg" alt="" width="550" height="410" /></a><a href="//elearningtemplates.com/elearning-people-cutouts/" target="_blank"><img class="alignleft size-full wp-image-2466" src="http://elearningbrothers.com/wp-content/uploads/2010/08/elearning_people5.jpg" alt="" width="550" height="500" /></a><a href="http://elearningtemplates.com/elearning-people-cutouts/" target="_blank"><img class="alignleft size-large wp-image-2467" src="http://elearningbrothers.com/wp-content/uploads/2010/08/elearning_people6-550x409.jpg" alt="" width="550" height="409" /></a><a href="http://elearningtemplates.com/elearning-people-cutouts/" target="_blank"><img class="alignleft size-full wp-image-2470" src="http://elearningbrothers.com/wp-content/uploads/2010/08/elearning_people8.jpg" alt="" width="550" height="412" /></a></p>
<div class="shr-publisher-2440"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Felearningbrothers.com%2Fusing-people-pictures-in-elearning%2F' data-shr_title='Using+People+Pictures+in+eLearning'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://elearningbrothers.com/using-people-pictures-in-elearning/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Free Images for Universal Symbols</title>
		<link>http://elearningbrothers.com/free-images-for-universal-symbols/</link>
		<comments>http://elearningbrothers.com/free-images-for-universal-symbols/#comments</comments>
		<pubDate>Mon, 12 Jul 2010 14:21:28 +0000</pubDate>
		<dc:creator>Brother Andrew</dc:creator>
				<category><![CDATA[eLearning Tips]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[images]]></category>

		<guid isPermaLink="false">http://elearningbrothers.com/?p=2291</guid>
		<description><![CDATA[Here is a set of 50 symbols that are used across the globe to help passengers and pedestrians. These could come in handy as you look for symbols/icons to use in your next online course. Take a look at these Universal Symbols. (They are free to download and use.) Pre-cutout People Pictures &#160;]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>Here is a set of 50 symbols that are used across the globe to help passengers and pedestrians. These could come in handy as you look for symbols/icons to use in your next online course.</p>
<p>Take a look at these <a href="http://www.aiga.org/content.cfm/symbol-signs" target="_blank">Universal Symbols</a>. (They are free to download and use.)</p>
<hr />
<p><a title="Pre-cutout People Pictures" href="http://elearningtemplates.com/elearning-people-cutouts/" target="_blank">Pre-cutout People Pictures</a><br />
<a href="http://elearningtemplates.com/elearning-people-cutouts/"><img class="alignleft size-large wp-image-3669" title="elearning_people" src="http://elearningbrothers.com/wp-content/uploads/2009/12/elearning_people-550x117.jpg" alt="" width="550" height="117" /></a></p>
<p>&nbsp;</p>
<div class="shr-publisher-2291"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Felearningbrothers.com%2Ffree-images-for-universal-symbols%2F' data-shr_title='Free+Images+for+Universal+Symbols'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://elearningbrothers.com/free-images-for-universal-symbols/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>eLearning Graphics “ They Make a Huge Impact!</title>
		<link>http://elearningbrothers.com/elearning-graphics/</link>
		<comments>http://elearningbrothers.com/elearning-graphics/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 17:00:00 +0000</pubDate>
		<dc:creator>Brother Andrew</dc:creator>
				<category><![CDATA[eLearning]]></category>
		<category><![CDATA[eLearning Tips]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Instructional Design Tips]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[images]]></category>

		<guid isPermaLink="false">http://elearningbrothers.com/?p=1699</guid>
		<description><![CDATA[There is no doubt that graphics and images greatly improve online training content. The question is how to properly use them. I&#8217;ve come across some good articles lately and thought that I&#8217;d compile and list them here. (the list also includes some posts on graphics that we&#8217;ve done in the past.) Realistic Graphics and Learning: [...]]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>There is no doubt that graphics and images greatly improve online training content. The question is how to properly use them. I&#8217;ve come across some good articles lately and thought that I&#8217;d compile and list them here. (the list also includes some posts on graphics that we&#8217;ve done in the past.)</p>
<p><a href="http://theelearningcoach.com/media/graphics/realistic-graphics-and-learning/" target="_blank">Realistic Graphics and Learning: What&#8217;s most effective?</a> (The eLearning Coach)</p>
<p><a href="http://elearningbrothers.com/really-were-these-the-best-images-we-could-fin/" target="_self">Really&#8230;Were These the Best Images We Could Find?</a> (eLearning Brothers)</p>
<p><a href="http://elearningbrothers.com/dont-use-gratuitous-images-in-elearning/" rel="bookmark" target="_self">Don&#8217;t use Gratuitous Images in eLearning</a> (eLearning Brothers)</p>
<p><a href="http://elearningbrothers.com/adding-reflections/" rel="bookmark">Graphics: Adding Reflections</a> (eLearning Brothers)</p>
<p><a href="http://www.articulate.com/rapid-elearning/5-common-visual-design-mistakes/" target="_blank">5 Common Visual Design Mistakes</a> (The Rapid eLearning Blog)</p>
<p><a href="http://www.elearningpost.com/articles/archives/visual_design_for_instructional_content_part_i/" target="_blank">Visual Design for Instructional Content</a> (eLearning Post)</p>
<p>If you have some more good articles please let me know.</p>
<hr />
<p>Quickly build <a title="eLearning games" href="http://elearningtemplates.com/interaction-builder/" target="_blank">eLearning games</a> and <a title="eLearning interactions" href="http://elearningtemplates.com/interaction-builder/" target="_blank">eLearning interactions</a>. Works with your eLearning authoring tool. No programming needed.<br />
<a href="http://elearningtemplates.com/interaction-builder/" target="_blank"><img class="alignleft size-large wp-image-3283" src="http://elearningbrothers.com/wp-content/uploads/2009/12/eli_ad-550x251.jpg" alt="" width="550" height="251" /></a></p>
<div class="shr-publisher-1699"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Felearningbrothers.com%2Felearning-graphics%2F' data-shr_title='eLearning+Graphics+%E2%80%9C+They+Make+a+Huge+Impact%21'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://elearningbrothers.com/elearning-graphics/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Really&#8230;Were These the Best Images We Could Find?</title>
		<link>http://elearningbrothers.com/really-were-these-the-best-images-we-could-fin/</link>
		<comments>http://elearningbrothers.com/really-were-these-the-best-images-we-could-fin/#comments</comments>
		<pubDate>Thu, 17 Dec 2009 20:09:18 +0000</pubDate>
		<dc:creator>Brother Andrew</dc:creator>
				<category><![CDATA[eLearning Tips]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Instructional Design Tips]]></category>
		<category><![CDATA[eLearning best practices]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[images]]></category>

		<guid isPermaLink="false">http://elearningbrothers.com/?p=1325</guid>
		<description><![CDATA[JOIN THE CRUSADE&#8230;NO MORE CHEESY, ANIMATED CLIPART! How many times have you seen images like these? Images are an important part of online courses. The trick is that the images we use must enhance the instructional qualities of the content. The images must also look professional and give the learner confidence that the material is [...]]]></description>
			<content:encoded><![CDATA[<!-- Start Shareaholic LikeButtonSetTop Automatic --><!-- End Shareaholic LikeButtonSetTop Automatic --><p>JOIN THE CRUSADE&#8230;NO MORE CHEESY, ANIMATED CLIPART!</p>
<p>How many times have you seen images like these?</p>
<table border="0">
<tbody>
<tr>
<td><a href="http://elearningbrothers.com/wp-content/uploads/2009/12/asun1.gif" rel="lightbox[1325]"><img class="alignleft size-full wp-image-1324" title="asun1" src="http://elearningbrothers.com/wp-content/uploads/2009/12/asun1.gif" alt="asun1" width="164" height="173" /></a><a href="http://elearningbrothers.com/wp-content/uploads/2009/12/spinning_smiley_4.gif" rel="lightbox[1325]"><img class="alignleft size-full wp-image-1322" title="spinning_smiley_4" src="http://elearningbrothers.com/wp-content/uploads/2009/12/spinning_smiley_4.gif" alt="spinning_smiley_4" width="40" height="42" /></a><a href="http://elearningbrothers.com/wp-content/uploads/2009/12/whats_new.gif" rel="lightbox[1325]"><img class="alignleft size-full wp-image-1323" title="whats_new" src="http://elearningbrothers.com/wp-content/uploads/2009/12/whats_new.gif" alt="whats_new" width="100" height="49" /></a><a href="http://elearningbrothers.com/wp-content/uploads/2009/12/Business_woman.gif" rel="lightbox[1325]"><img class="alignleft size-full wp-image-1320" title="Business_woman" src="http://elearningbrothers.com/wp-content/uploads/2009/12/Business_woman.gif" alt="Business_woman" width="103" height="192" /></a><a href="http://elearningbrothers.com/wp-content/uploads/2009/12/Cop_waves.gif" rel="lightbox[1325]"><img class="alignleft size-full wp-image-1321" title="Cop_waves" src="http://elearningbrothers.com/wp-content/uploads/2009/12/Cop_waves.gif" alt="Cop_waves" width="85" height="197" /></a></td>
</tr>
</tbody>
</table>
<p>Images are an important part of online courses. The trick is that the images we use must enhance the instructional qualities of the content. The images must also look professional and give the learner confidence that the material is accurate. The images above do not look professional and certainly do not give me a feeling that I can trust the course content.</p>
<table border="0">
<tbody>
<tr>
<td>So what types of images could we use?</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><strong>Photos</strong> &#8211; Photographs are great because they are real. They don&#8217;t look cheesy and they aren&#8217;t animated. If you&#8217;d like to use a guide in your course why not take pictures of a colleague or friend? You could have them do <a title="muliple poses" href="http://elearningtemplates.com/people-cutouts-paul/">multiple poses</a> and then cut out the background in Photoshop. Make sure that you use a high enough quality setting so that you can have full screen images that look crisp.</td>
</tr>
<tr>
<td>There are tons of stock photography sites online. <a href="http://www.istockphoto.com/ski88">iStockphoto</a> is great and lets you just buy the images that you want. You could also purchase access to large libraries that let you use as many as you&#8217;d like. I&#8217;ve used <a href="http://www.photos.com">Photos.com</a> and liked the selection.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><strong>Graphics</strong> &#8211; There are times when you want to design your own graphic. There are several different ideas here:</td>
</tr>
<tr>
<td>
<ul>
<li>Integrate part of the text into the image. Could the text be shortened and integrated into the image?</li>
<li>Charts (pie, bar, etc) are great ways to present information</li>
<li>Illustrate a process with graphics. A step-by-step process can be a create visual image</li>
</ul>
</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td><strong>Icons</strong> &#8211; Every course should have a set of icons. Icons can be standardized and used in multiple courses. These icons give the user direction and add functionality to the course. Also, as the same icons are used over and over, the user begins to quickly recognize and understand them. Here are a few parts/functions of a course that could have corresponding icons:</td>
</tr>
<tr>
<td>
<ul>
<li>Important/Caution</li>
<li>Notes/Additional Information</li>
<li>Launch Simulation</li>
<li>Launch Site</li>
<li>Launch Document/Job Aid</li>
<li>Course Evaluation</li>
<li>Test/Knowledge Check</li>
<li>Activity</li>
<li>Watch Video</li>
</ul>
</td>
</tr>
<tr>
<td>To wrap it all up images should enhance the course content. They should not just be <a href="http://elearningbrothers.com/dont-use-gratuitous-images-in-elearning/">gratuitous graphics</a> that mean nothing. And above all&#8230;cheesy, animated gifs have no place in a course. They scream &#8220;Novice&#8221; and there are so many better options out there.</td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td>Related Articles:<br />
<a href="http://elearningbrothers.com/brand-your-online-training/">Brand online training</a><br />
<a href="http://elearningbrothers.com/adding-reflections/">Adding Reflections to Graphics</a><br />
<a href="http://elearningbrothers.com/541/">Spice up eLearning page layouts</a><br />
<a href="http://elearningbrothers.com/have-fun-with-your-flash-images/">Stylize Flash Images</a>&nbsp;</p>
<p>Here are some great<a title="images for scenarios" href="http://elearningtemplates.com/elearning-stock-images-and-graphics/" target="_blank"> images for scenarios</a>.</td>
</tr>
</tbody>
</table>
<div class="shr-publisher-1325"></div><!-- Start Shareaholic LikeButtonSetBottom Automatic --><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><div class='shareaholic-like-buttonset' style='float:none;height:30px;'><a class='shareaholic-fblike' data-shr_layout='button_count' data-shr_showfaces='false' data-shr_href='http%3A%2F%2Felearningbrothers.com%2Freally-were-these-the-best-images-we-could-fin%2F' data-shr_title='Really...Were+These+the+Best+Images+We+Could+Find%3F'></a></div><div style="clear: both; min-height: 1px; height: 3px; width: 100%;"></div><!-- End Shareaholic LikeButtonSetBottom Automatic -->]]></content:encoded>
			<wfw:commentRss>http://elearningbrothers.com/really-were-these-the-best-images-we-could-fin/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

