<?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>1stwebdesigner - Graphic and Web Design Blog &#187; Resources</title>
	<atom:link href="http://www.1stwebdesigner.com/tag/resources/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.1stwebdesigner.com</link>
	<description>1stwebdesigner is a design blog dedicated to bloggers, freelancers, web-developers and designers. Topics focus on web design and inspirational articles.</description>
	<lastBuildDate>Sun, 12 Feb 2012 13:09:13 +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>16 Google Services And Apps For Your WordPress Blog</title>
		<link>http://www.1stwebdesigner.com/design/16-google-services-apps-for-wordpress/</link>
		<comments>http://www.1stwebdesigner.com/design/16-google-services-apps-for-wordpress/#comments</comments>
		<pubDate>Fri, 02 Dec 2011 21:00:32 +0000</pubDate>
		<dc:creator>Sufyan bin Uzayr</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[apps]]></category>
		<category><![CDATA[Developers]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Services]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=59332</guid>
		<description><![CDATA[Google offers seemingly endless services and apps. Even though it began as (and primarily is) a search engine, today Google has a solution for every internet user&#8217;s needs. And when it comes to meeting needs, Google doesn&#8217;t forget the needs of web designers and developers. In this article, we will be taking at a look [...]]]></description>
			<content:encoded><![CDATA[<p>Google offers seemingly endless services and apps. Even though it began as (and primarily is) a search engine, today Google has a solution for every internet user&#8217;s needs. And when it comes to meeting needs, Google doesn&#8217;t forget the needs of web designers and developers. In this article, we will be taking at a look at some of the major Google services and how they can be useful for a WordPress user.</p>
<p><span id="more-59332"></span></p>
<h3><strong>1. Google Custom Search</strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><a href="http://www.google.com/cse/">Google Custom Search</a> creates a custom search engine for your website. You can tweak it to your heart&#8217;s content – it can search your entire website, parts of the website or even multiple websites specified by you! You can also connect your Adsense account to the ads displayed with the search results (free version). The paid version lets you remove ads completely (starting at $100 per year).</p>
<div id="attachment_59334" class="wp-caption alignnone" style="width: 315px"><img class="size-full wp-image-59334" title="Google Custom Search" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/custom-search.jpeg" alt="Google Custom Search" width="305" height="71" /><p class="wp-caption-text">Google Custom Search</p></div>
<h3><strong>2. Google Web Fonts</strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><a href="http://code.google.com/webfonts">Google Web Fonts</a> is perhaps the best friend for web designers/developers looking to use non-standard fonts in their projects. This fonts&#8217; directory lets you easily implement the CSS @font-face technique.</p>
<div id="attachment_59336" class="wp-caption alignnone" style="width: 550px"><img class="size-full wp-image-59336" title="Google Web Fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/web-fonts.jpeg" alt="Google Web Fonts" width="540" height="346" /><p class="wp-caption-text">Google Web Fonts</p></div>
<p>Google Web Fonts are totally free and can be implemented within minutes. You can either use a plugin or an @import command at the top of the CSS file (and then simply use the font&#8217;s name in your stylesheet). For instance:</p>
<p style="padding-left: 30px;"><em>@import url(&#8216;http://fonts.googleapis.com/css?family=Droid+Sans&#8217;); </em></p>
<p style="padding-left: 30px;"><em>#body { font: normal normal normal 14px/20px &#8216;Droid Sans&#8217;, Arial, sans-serif; }</em></p>
<h3><strong>3. Google Adsense/AdWords </strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>If you wish to have advertisements on your website, <a href="http://google.com/adsense" target="_blank">Google Adsense</a> is the easiest way to start. There are many tutorials that let you get the most of Adsense, as well as <a href="http://wordpress.org/extend/plugins/tags/google-adsense">numerous plugins</a> that help you implement Adsense in WordPress.</p>
<div id="attachment_59337" class="wp-caption alignnone" style="width: 550px"><img class="size-full wp-image-59337" title="Google AdWords" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/adwords.jpeg" alt="Google AdWords" width="540" height="289" /><p class="wp-caption-text">Google AdWords</p></div>
<p>With AdWords, you can use the <a href="https://adwords.google.com/select/KeywordToolExternal">Keyword Search</a> to see the trends in search for specific keywords.</p>
<h3><strong>4. Goo.gl URL Shortener</strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>WordPress has its own version of <a href="http://goo.gl/" target="_blank">URL shortener</a> in the form of WP.me – and this feature has now been very well integrated in <a href="http://wordpress.org/extend/plugins/jetpack/">Jetpack</a>. However, Google claims its URL shortener is <a href="http://googlesocialweb.blogspot.com/2010/09/google-url-shortener-gets-website.html">one of a kind</a>! Further more, Google has also released its own <a href="http://googlecode.blogspot.com/2011/01/google-url-shortener-gets-api.html">URL Shortener API</a>. So if you don&#8217;t already use it, it is time you started doing so. To get started, here is an <a href="http://kovshenin.com/2011/01/google-url-shortener-googl-wordpress-2992/">excellent tutorial by Konstantin Kovshenin</a> to help you get started with its integration in WordPress. If you do not wish to code yourself, there are <a href="http://wordpress.org/extend/plugins/search.php?q=goo.gl">many plugins</a> out there to help you.</p>
<div id="attachment_59338" class="wp-caption alignnone" style="width: 509px"><img class="size-full wp-image-59338" title="Google URL Shortener" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/url-shortener.jpeg" alt="Google URL Shortener" width="499" height="179" /><p class="wp-caption-text">Google URL Shortener</p></div>
<h3><strong>5. Feedburner</strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Who doesn&#8217;t know <a href="http://feedburner.google.com/" target="_blank">Feedburner</a>? It is a great tool that lets you track your website&#8217;s progress, number of subscribers, manage RSS and email subscriptions, apart from setting up and tweaking your blog&#8217;s feeds.</p>
<div id="attachment_59339" class="wp-caption alignnone" style="width: 485px"><img class="size-full wp-image-59339" title="Google Feedburner" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/feedburner.jpeg" alt="Google Feedburner" width="475" height="191" /><p class="wp-caption-text">Google Feedburner</p></div>
<h3><strong>6. Google Analytics </strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Everyone uses <a href="http://www.google.com/analytics/" target="_blank">Analytics </a>– well, almost! Analytics is a wonderful tool when it comes to tracking the progress of your websites, clicks, advertisements, referrers and other related information. You can target specific sections and see what portions of your website are more popular than the rest. For WordPress users, <a href="http://yoast.com/wordpress/google-analytics/">Definitive WordPress Analytics</a> by Joost de Valk is perhaps the most popular plugin for Analytics. If you are not familiar with Analytics, you should consider <a href="http://blog.kissmetrics.com/50-resources-for-getting-the-most-out-of-google-analytics/">tutorials by KISSmetrics</a>.</p>
<div id="attachment_59340" class="wp-caption alignnone" style="width: 520px"><img class="size-full wp-image-59340" title="Google Analytics" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/analytics.jpeg" alt="Google Analytics" width="510" height="429" /><p class="wp-caption-text">Google Analytics</p></div>
<h3><strong>7. Google Website Optimizer </strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><a href="https://www.google.com/analytics/siteopt/">Google Website Optimizer</a> lets you perform experiments to see what works best for your website and how you can boost its performance. In other words, it can be useful in &#8216;split-testing&#8217; your website.</p>
<p><iframe src="http://www.youtube.com/embed/XJT9TCqzw4U" frameborder="0" width="420" height="315"></iframe></p>
<p>It is, however, fairly advanced in its operation and if you are looking for a simpler alternative, you should consider the <a href="http://wpcandy.com/reports/free-ab-testing-wordpress-plugin-by-max-foundry">MaxA/B</a> WordPress plugin.</p>
<h3><strong>8. Google Libraries API </strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><a href="http://code.google.com/apis/libraries/" target="_blank">Google Libraries API</a> contains code frameworks which can be used on many platforms, including WordPress. While the truth behind this claim is anyone&#8217;s guess, it is often said that the Google Libraries&#8217; framework is faster than the one that comes packaged with WordPress itself. The easiest way to integrate Google Libraries&#8217; framework is <a href="http://wordpress.org/extend/plugins/use-google-libraries/">using a plugin</a>, but just in case you are adventurous, you can code it manually along the following lines (I&#8217;d personally suggest you use this method in custom extensions/plugins preferably):</p>
<p style="padding-left: 30px;"><em>&lt;?php </em></p>
<p style="padding-left: 30px;"><em>wp_deregister_script(&#8216;jquery&#8217;); </em></p>
<p style="padding-left: 30px;"><em>wp_register_script(&#8216;jquery&#8217;, &#8216;http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js&#8217;); </em></p>
<p style="padding-left: 30px;"><em>wp_enqueue_script(&#8216;query&#8217;); </em></p>
<p style="padding-left: 30px;"><em>?&gt; </em></p>
<p style="padding-left: 30px;">Code Credit: <a href="http://www.w3-edge.com/weblog/2011/02/optimize-social-media-button-performance/">Frederick Townes</a></p>
<p>Google Libraries API currently supports Chrome Frame, Dojo, Ext Core, jQuery, jQuery UI, MooTools, Prototype, script.aculo.us, SWFObject, Yahoo! User Interface Library (YUI), and WebFont Loader. You can check its developer guide <a href="http://code.google.com/intl/en/apis/libraries/devguide.html">here</a>.</p>
<h3><strong>9. Google Chrome Developer Tools </strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>Google Chrome now accounts for nearly <a href="http://www.pcmag.com/article2/0,2817,2379105,00.asp">10% of total browser usage</a>. It comes with its own set of <a href="http://code.google.com/chrome/devtools/" target="_blank">Developer Tools</a>, which is comparable to Firefox&#8217;s <a href="http://getfirebug.com/">Firebug</a>. Owing to the browser&#8217;s ever-increasing popularity, the extensions offered in Chrome DT are also on the rise.</p>
<p><a href="http://www.youtube.com/v/nOEw9iiopwI">http://www.youtube.com/v/nOEw9iiopwI</a></p>
<h3><strong>10. Google Project Hosting </strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><a href="http://code.google.com/projecthosting/">Google Project Hosting</a> lets you maintain a project online. It is similar to <a href="http://github.com/">Github</a> in its mode of operation. You can host projects up to 2 GB in size for free, and it also offers you many features such as subversion, project wikis and issue tracking. From a WordPress user&#8217;s perspective, many heavy-weight projects such as <a href="http://code.google.com/p/thematic/">Thematic</a> are listed.</p>
<div id="attachment_59341" class="wp-caption alignnone" style="width: 550px"><img class="size-full wp-image-59341" title="Google Project Hosting" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/project-hosting.jpeg" alt="Google Project Hosting" width="540" height="404" /><p class="wp-caption-text">Google Project Hosting</p></div>
<h3><strong>11. Google Checkout </strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><a href="http://checkout.google.com/" target="_blank">Google Checkout</a> is a service similar to <a href="http://paypal.com/">Paypal</a>. The best thing about Checkout is its excellent integration with many Google services, such as Adsense and AdWords. On the downside, however, it is <a href="http://checkout.google.com/support/sell/bin/answer.py?hl=en&amp;answer=134420">not yet available in many countries</a>.</p>
<p>Nevertheless, integrating Google Checkout as an alternative payment solution along side Paypal doesn&#8217;t seem to be a bad decision. For WP users, there are many plugins that can help you integrate Google Checkout in your website, such as <a href="http://wordpress.org/extend/plugins/simple-google-checkout-shopping-cart/">Simple Google Checkout</a> and <a href="http://wordpress.org/extend/plugins/lbak-google-checkout/">LBAK Google Checkout</a>.</p>
<h3><strong><a>12. Google Docs and Chart Tools</a> </strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><a href="http://docs.google.com" target="_blank">Google Docs</a> is a web-based Office suite that lets you edit, create and share documents, spreadsheets, presentations and forms. You can even live-edit documents with multiple users.</p>
<div id="attachment_59342" class="wp-caption alignnone" style="width: 550px"><a href="http://www.1stwebdesigner.com/design/16-google-services-apps-for-wordpress/attachment/docs/" rel="attachment wp-att-59342"><img class="size-full wp-image-59342" title="Google Docs" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/docs.jpeg" alt="Google Docs" width="540" height="106" /></a><p class="wp-caption-text">Google Docs</p></div>
<p>Google Docs can be <a href="http://wn.com/How_to_embed_a_Google_Doc_into_Wordpress_Blog">embedded into WordPress</a> too, if you so desire.</p>
<p>Along similar lines, <a href="http://code.google.com/apis/charttools/">Google Chart Tools</a> let you create interactive charts for your blog.</p>
<h3><strong>13. Google Maps </strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>The benefits of <a href="http://maps.google.com/" target="_blank">Google Maps </a>are not unknown to anyone. You can integrate Google Maps on your blog using <a href="http://wordpress.org/extend/plugins/tags/google-maps">multiple plugins</a>, of which the most popular one is <a href="http://wordpress.org/extend/plugins/mappress-google-maps-for-wordpress/">MapPress</a>, that lets you integrate Maps on your WP site in an easy manner.</p>
<div id="attachment_59343" class="wp-caption alignnone" style="width: 550px"><a href="http://www.1stwebdesigner.com/design/16-google-services-apps-for-wordpress/attachment/maps-2/" rel="attachment wp-att-59343"><img class="size-full wp-image-59343" title="Google Maps" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/maps.jpeg" alt="Google Maps" width="540" height="322" /></a><p class="wp-caption-text">Google Maps</p></div>
<h3>14. YouTube</h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>YouTube is another extremely popular Google service that lets users upload and share videos. From your blog&#8217;s perspective, you can easily upload the bulky videos on YouTube and save a considerable amount of bandwidth. With the advent of HTML5, integrating a YouTube video in WordPress is a matter of minutes using <a href="http://codex.wordpress.org/Embeds">embeds</a> – simply enter the URL of the video in a fresh line, and you&#8217;re good to go!</p>
<p>However, if you wish to have total control over the embedded video, you may consider using plugins such as <a href="http://wordpress.org/extend/plugins/tubepress/">TubePress</a> or <a href="http://wordpress.org/extend/plugins/vipers-video-quicktags/">Viper&#8217;s Video Quicktags</a>.</p>
<h3><strong>15. Google Reader </strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p><a href="http://www.google.com/reader/view/" target="_blank">Google Reader</a> is a free web-based RSS feed tool. If you wish to blog about stuff from your RSS reading pane, you can add a &#8216;Send to&#8217; button for your WordPress blog (by default, such mechanism exists for Facebook, Twitter and few other sites, but a WP-powered blog).</p>
<div id="attachment_59344" class="wp-caption alignnone" style="width: 544px"><a href="http://www.1stwebdesigner.com/design/16-google-services-apps-for-wordpress/attachment/reader/" rel="attachment wp-att-59344"><img class="size-full wp-image-59344" title="Google Reader" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/reader.jpeg" alt="Google Reader" width="534" height="368" /></a><p class="wp-caption-text">Google Reader</p></div>
<p>You might be tempted to use WordPress&#8217;s &#8216;Press This&#8217; function in Reader too, but sadly, that is not possible because Press This is javascript and Reader will need a full-fledged URL.</p>
<p>In such a case, we will need to post directly to <em>press-this.php</em></p>
<p>To do so, navigate to &#8216;Send To&#8217; tab under Settings in Google Reader, and click &#8216;Create a custom link&#8217;. In the URL field, enter the URL to your website, along the following lines:</p>
<p style="padding-left: 30px;"><em><a href="http://www.sample-website.com/wp-admin/press-this.php?u=$">http://www.sample-website.com/wp-admin/press-this.php?u=$</a>{url}&amp;t=${title}&amp;s=${source}&amp;v=2</em></p>
<p>Make sure you substitute &#8216;sample-website&#8217; in the above snippet with the URL of your site.</p>
<h3><strong>16. Google Summer of Code </strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>While this is not an extension or an app, <a href="http://code.google.com/intl/en/soc/">Summer of Code</a> offers a wonderful opportunity for young talents to, well, do awesome stuff! WordPress has been a regular participant since 2007, and you can check about its progress <a href="http://codex.wordpress.org/GSoC2011">on the codex</a>.</p>
<h3><strong>To Sum it Up&#8230;</strong></h3>
<hr style="margin-left: 20px;" align="left" width="60%" />
<p>As we have seen, Google offers many services (don&#8217;t forget <a href="http://gmail.com/">GMail</a>) that can be employed to boost our WordPress blogs. Which of these do you use/do not use? Do let me know in the comments!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/16-google-services-apps-for-wordpress/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>60 Beneficial And Great Looking Premium Background from Graphicriver</title>
		<link>http://www.1stwebdesigner.com/design/premium-texture-backgrounds/</link>
		<comments>http://www.1stwebdesigner.com/design/premium-texture-backgrounds/#comments</comments>
		<pubDate>Mon, 21 Nov 2011 21:00:46 +0000</pubDate>
		<dc:creator>Daniels Mekšs</dc:creator>
				<category><![CDATA[1WD Features]]></category>
		<category><![CDATA[Textures]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[premium]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[texture]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=58486</guid>
		<description><![CDATA[Background is an essential yet often overlooked element of any artwork. A suitable background can turn good design into a great design and correspondingly moderate one into a good one. You can come up with a perfect background within minutes or squeeze something out in days. A good background has to be balanced yet giving [...]]]></description>
			<content:encoded><![CDATA[<p>Background is an essential yet often overlooked element of any artwork. A suitable background can turn good design into a great design and correspondingly moderate one into a good one. You can come up with a perfect background within minutes or squeeze something out in days. A good background has to be balanced yet giving the complete look to the artwork. So where to find those neat background for your next project/product presentation/print design and avoid yourself with messing in Photoshop?</p>
<p>Again Graphicriver is the answer. With just over 2000 backgrounds in sales you can be sure you&#8217;ll find the right one just for your needs. In this article we&#8217;ve compiled various backgrounds ranging from subtle textures and patterns to abstract desktop wallpapers to splendid lighting effects. Large part of these background are print-ready so you can use them in almost any way you can think of. Continue reading and check out these 60 useful and neat premium background from Graphicriver.<span id="more-58486"></span></p>
<h2>1. <a href="http://graphicriver.net/item/101-web-20-backgrounds-mega-pack/48341?ref=1stwebdesigner">101 Web 2.0 Backgrounds</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/101-web-20-backgrounds-mega-pack/48341?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/web-2-premium-backgrounds-graphicriver.jpg" alt="Web-2-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Pack include 101 nice and clean web 2.0 style backgrounds for you site templates. 101 Jpegs + 1 PSD with all groups, organized layers, easy to change gradients, size. 150×800.</p>
<h2>2. <a href="http://graphicriver.net/item/wavy-abstract-background-3/47041?ref=1stwebdesigner">Wavy Abstract Background</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/wavy-abstract-background-3/47041?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/wavy-abstract-premium-backgrounds-graphicriver.jpg" alt="Wavy-abstract-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>This is a background in 6 different colors. The files are at height resolution and you can use it anywhere you like. There is a PSD file included so you can change the colors very easy.</p>
<h2>3. <a href="http://graphicriver.net/item/light-trails-5-pack/87227?ref=1stwebdesigner">Light Trails</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/light-trails-5-pack/87227?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/light-trails-premium-backgrounds-graphicriver.jpg" alt="Light-trails-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>5 unique and fully flexible light trails with 3 different colour variations per trail and 2 examples of how these light trails can be added to your graphics.</p>
<h2>4. <a href="http://graphicriver.net/item/extremium-lights-extremely-clean-background-pack/87875?ref=1stwebdesigner">Extremium Lights</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/extremium-lights-extremely-clean-background-pack/87875?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/extremiuim-premium-backgrounds-graphicriver.jpg" alt="Extremiuim-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Modern backgrounds pack contain fuly customizable backgrounds, 1800×1000 resolution, fully layered PSD file, 7 background colors. Ready to be used for any web. project or aplication.</p>
<h2>5. <a href="http://graphicriver.net/item/lighting-backgrounds-v2/68435?ref=1stwebdesigner">Lighting Backgrounds V2</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/lighting-backgrounds-v2/68435?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/lighting-premium-backgrounds-graphicriver.jpg" alt="Lighting-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Lighting backgrounds, especially suited for use in web pages, twitter pages, or any type of project. The way these BG are made it, can enlarge them without losing quality. Changing colors is very easy, you can make the color combination that you like.</p>
<h2>6. <a href="http://graphicriver.net/item/backgrounds-web-kit/153577?ref=1stwebdesigner">Backgrounds Web Kit</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/backgrounds-web-kit/153577?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/web-kit-premium-backgrounds-graphicriver.jpg" alt="Web-kit-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>This file was created for every web designer that wants to work less when designing a web site, plus it can help you build an big number of web backgrounds.</p>
<h2>7. <a href="http://graphicriver.net/item/carbon-fiber-backgrounds-mega-pack-/38597?ref=1stwebdesigner">Carbon Fiber Backgrounds</a> ($9)</h2>
<p><a href="http://graphicriver.net/item/carbon-fiber-backgrounds-mega-pack-/38597?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/carbon-fiber-premium-backgrounds-graphicriver.jpg" alt="Carbon-fiber-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>A collection of 20 exclusive background of carbon fiber, ready for the web.</p>
<h2>8. <a href="http://graphicriver.net/item/torn-paper-backgrounds-textures-5-themes/84212?ref=1stwebdesigner">Torn Paper Backgrounds</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/torn-paper-backgrounds-textures-5-themes/84212?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/torn-paper-premium-backgrounds-graphicriver.jpg" alt="Torn-paper-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>You can find included in the package 5 .PSD files (all the themes are separated in a diferent file) and 5 high resolution .JPG’s. CMYK, 300 DPI.</p>
<h2>9. <a href="http://graphicriver.net/item/space-web-backgrounds/78457?ref=1stwebdesigner">Space Web Backgrounds</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/space-web-backgrounds/78457?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/space-web-premium-backgrounds-graphicriver.jpg" alt="Space-web-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Backgrounds especially for use in web pages, twitter pages, or any type of project. The way these BG are made it, can enlarge them without losing quality. Changing colors is very easy, you can make the color combination that you like.</p>
<h2>10. <a href="http://graphicriver.net/item/scratchbg-modern-grunge-backgrounds/151889?ref=1stwebdesigner">ScratchBG</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/scratchbg-modern-grunge-backgrounds/151889?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/scratch-premium-backgrounds-graphicriver.jpg" alt="Scratch-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>A collection of modern style grunge backgrounds, suitable for use on websites, banners, posters &amp; more.</p>
<h2>11. <a href="http://graphicriver.net/item/venera-night-sky-abstract-background/50357?ref=1stwebdesigner">Venera Night Sky</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/venera-night-sky-abstract-background/50357?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/venera-night-sky-premium-backgrounds-graphicriver.jpg" alt="Venera-night-sky-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Venera Night Sky is abstract background and you can use it anywhere you like. There is a PSD file included so you can make change very easy.</p>
<h2>12. <a href="http://graphicriver.net/item/infinite-white-floor-spotlight-backgrounds-/195944?ref=1stwebdesigner">Infinite White Floor Spotlight</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/infinite-white-floor-spotlight-backgrounds-/195944?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/white-floor-premium-backgrounds-graphicriver.jpg" alt="White-floor-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Six modern High resolution Web backgrounds 3000×1875 px 72dpi. Modern and fresh design great for faking a spotlight and photographic ambient.</p>
<h2>13. <a href="http://graphicriver.net/item/stylish-mosaic-background-wallpaper/51191?ref=1stwebdesigner">Stylish Mosaic</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/stylish-mosaic-background-wallpaper/51191?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/stylish-mosaic-premium-backgrounds-graphicriver.jpg" alt="Stylish-mosaic-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Come’s complete with 7 pre-set color versions for you with an easy to change background to create your own variations.</p>
<h2>14. <a href="http://graphicriver.net/item/worn-psd-background-pack/70079?ref=1stwebdesigner">WORN PSD Background</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/worn-psd-background-pack/70079?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/worn-premium-backgrounds-graphicriver.jpg" alt="Worn-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>A set of six distressed PSD backgrounds in earth tones for you to use in your designs</p>
<h2>15. <a href="http://graphicriver.net/item/awesome-web-20-incorporated-clouds-backround/95188?ref=1stwebdesigner">Awesome web 2.0 incorporated clouds</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/awesome-web-20-incorporated-clouds-backround/95188?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/incorporate-clouds-premium-backgrounds-graphicriver.jpg" alt="Incorporate-clouds-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Massive, beautiful and peaceful cloud background. Works great as a website background, artwork background, print, anything. Massive resolution of 3508×2480 at 300 dpi.</p>
<h2>16. <a href="http://graphicriver.net/item/shape-shift-background/101762?ref=1stwebdesigner">Shape Shift Background</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/shape-shift-background/101762?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/shape-shift-premium-backgrounds-graphicriver.jpg" alt="Shape-shift-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Included is a full layered PSD file and 7 different colored JPG images. 3000x2250px.</p>
<h2>17. <a href="http://graphicriver.net/item/silk-light-abstract-background/95543?ref=1stwebdesigner">Silk Light Abstract Background</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/silk-light-abstract-background/95543?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/silk-light-premium-backgrounds-graphicriver.jpg" alt="Silk-light-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>4 color variations. Hi-res resolution. There is a PSD file included so you can change the colors.</p>
<h2>18. <a href="http://graphicriver.net/item/60-retro-stripe-grunge-backgrounds/166642?ref=1stwebdesigner">60 Retro Stripe Grunge Backgrounds</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/60-retro-stripe-grunge-backgrounds/166642?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/retro-grunge-premium-backgrounds-graphicriver.jpg" alt="Retro-grunge-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>This set includes 60 retro stripe textured backgrounds for your design projects. Use them however you like to give your projects a professional look and feel. 1600x1200px.</p>
<h2>19. <a href="http://graphicriver.net/item/abstract-background-3a/143152?ref=1stwebdesigner">Abstract Background</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/abstract-background-3a/143152?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/abstract-premium-backgrounds-graphicriver.jpg" alt="Abstract-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Beautiful backgrounds that are great for desktop wallpaper, web background, mobile phone wallpaper, etc. 3300x2550px, 300 DPI.</p>
<h2>20. <a href="http://graphicriver.net/item/beautiful-floating-islands-scene/83284?ref=1stwebdesigner">Beautiful Floating Islands Scene</a> ($6)</h2>
<p><a href="http://graphicriver.net/item/beautiful-floating-islands-scene/83284?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/floating-islands-premium-backgrounds-graphicriver.jpg" alt="Floating-islands-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Floating Islands Scene v1 is a page background that can be broken up into many segments and re-arranged completely for a unique look. Ready to go right out of the box. 3000x1230px.</p>
<h2>21. <a href="http://graphicriver.net/item/paper-backgrounds-vol1/47080?ref=1stwebdesigner">Paper Backgrounds</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/paper-backgrounds-vol1/47080?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/paper-premium-backgrounds-graphicriver.jpg" alt="Paper-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Photorealistic pack contain 4 jpegs good quality and 1 PSD to change color and to edit structure of backgrounds. This backgrounds good for templates, blogs and other your stuff. 2700×2072 res. 300 dpi.</p>
<h2>22. <a href="http://graphicriver.net/item/vintage-wallpaper-03/41039?ref=1stwebdesigner">Vintage Wallpaper</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/vintage-wallpaper-03/41039?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/vintage-premium-backgrounds-graphicriver.jpg" alt="Vintage-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Included in the zip file you will find a psd file that contains the illustration and an ai file that is the wallpaper pattern in vector format so you can use it in any way you wish.</p>
<h2>23. <a href="http://graphicriver.net/item/studio-backdrops/234575?ref=1stwebdesigner">Studio Backdrops</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/studio-backdrops/234575?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/studio-backdrops-premium-backgrounds-graphicriver.jpg" alt="Studio-backdrops-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Simulate a realistic studio photo shoot with this 7 backdrops/backgrounds. Great to showcase your products, images, posters, webpages or any type of work. It can also be used for web backgrounds. 4000×2500 px 72dpi.</p>
<h2>24. <a href="http://graphicriver.net/item/grunge-old-paper/135876?ref=1stwebdesigner">Grunge Old Paper</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/grunge-old-paper/135876?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/grunge-paper-premium-backgrounds-graphicriver.jpg" alt="Grunge-paper-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>High resolution –  2827×4000px, layered PSD file where you can adjust the intensity of the texture and/or the intensity of the dark edges, 2 JPEG files saved from the PSD, optional torn edges.</p>
<h2>25. <a href="http://graphicriver.net/item/vintage-tileable-wallpaper-pack-01/89716?ref=1stwebdesigner">Vintage Tileable Wallpaper Pack</a> ($11)</h2>
<p><a href="http://graphicriver.net/item/vintage-tileable-wallpaper-pack-01/89716?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/vintage-tileable-premium-backgrounds-graphicriver.jpg" alt="Vintage-tileable-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Inside the zip file you will find a full set of individual jpg files of all the tiles for tileable backgrounds for your websites or whatever use you see fit and  a photoshop pattern file which you can load into your photoshop from the preset manager and use them as pattern fills.</p>
<h2>26. <a href="http://graphicriver.net/item/world-map-classic-black-white-and-lined/90415?ref=1stwebdesigner">World Map</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/world-map-classic-black-white-and-lined/90415?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/world-map-premium-backgrounds-graphicriver.jpg" alt="World-map-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>This is clean layered psd world map classic black / white and lined version included. 4500x3000px.</p>
<h2>27. <a href="http://graphicriver.net/item/retro-rays-background-pack/119336?ref=1stwebdesigner">Retro Rays Background</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/retro-rays-background-pack/119336?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/retro-rays-premium-backgrounds-graphicriver.jpg" alt="Retro-rays-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>12 colors, high-resolution &amp; quality backgrounds – 2400×1680px.</p>
<h2>28. <a href="http://graphicriver.net/item/premium-vintage-backgrounds/40162?ref=1stwebdesigner">Premium Vintage Backgrounds</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/premium-vintage-backgrounds/40162?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/vintage-2-premium-backgrounds-graphicriver.jpg" alt="Vintage-2-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Classic look with an awesome style to use in any design project, website backgrounds, twitter accounts, desktop wallpapers, blogs, etc.</p>
<h2>29. <a href="http://graphicriver.net/item/abstract-waves-in-colors-2/47645?ref=1stwebdesigner">Abstract Waves In Colors</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/abstract-waves-in-colors-2/47645?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/abstract-waves-premium-backgrounds-graphicriver.jpg" alt="Abstract-waves-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Abstract Waves In Colors #2 is abstract background at hi-res. There is a PSD file included so you can change the color very easy. 4000&#215;3000, 300 DPI.</p>
<h2>30. <a href="http://graphicriver.net/item/light-bokeh-backgrounds/75584?ref=1stwebdesigner">light &amp; bokeh backgrounds</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/light-bokeh-backgrounds/75584?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/light-bokeh-premium-backgrounds-graphicriver.jpg" alt="Light-bokeh-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>8 amazing colored backgrounds. Very nice light and bokeh effects. 2 styles (with &amp; without lite noise effect).</p>
<h2>31. <a href="http://graphicriver.net/item/metal-backgrounds/62864?ref=1stwebdesigner">Metal Backgrounds</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/metal-backgrounds/62864?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/metal-premium-backgrounds-graphicriver.jpg" alt="Metal-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>6 Metal backgrounds, 1024×768, jpeg.</p>
<h2>32. <a href="http://graphicriver.net/item/massive-abstract-backgrounds/164674?ref=1stwebdesigner">Massive Abstract Backgrounds</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/massive-abstract-backgrounds/164674?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/abstract-massive-premium-backgrounds-graphicriver.jpg" alt="Abstract-massive-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Massive Abstract Backgrounds 4 Light Effects. 3 Style of Background (Bokeh,Clean,Dust) 8 colors each. 2560x1600px.</p>
<h2>33. <a href="http://graphicriver.net/item/underwater-backgrounds/130159?ref=1stwebdesigner">Underwater Backgrounds</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/underwater-backgrounds/130159?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/underwater-premium-backgrounds-graphicriver.jpg" alt="Underwater-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Clean underwater backgrounds at 2 variations, 4 colors, 2560×1600 res, 300 dpi. PSD included and well organized.</p>
<h2>34. <a href="http://graphicriver.net/item/retro-paper-background/41569?ref=1stwebdesigner">Retro Paper background</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/retro-paper-background/41569?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/retro-paper-premium-backgrounds-graphicriver.jpg" alt="Retro-paper-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Retro Paper background. Full HD resolution (1920×1080px). Background to use in your web design projects andor as your desktop background. Pattern included (200×200px).</p>
<h2>35. <a href="http://graphicriver.net/item/faux-leather-textures-pack-of-5/30811?ref=1stwebdesigner">Faux Leather Textures</a> ($7)</h2>
<p><a href="http://graphicriver.net/item/faux-leather-textures-pack-of-5/30811?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/faux-leather-premium-backgrounds-graphicriver.jpg" alt="Faux-leather-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>A collection of 5 faux leather textures perfect for backgrounds, 3D modeling and design projects. Images are all in JPG format sized 3000px x 2000px. Each graphic/texture has been rendered separately, meaning that each texture is unique.</p>
<h2>36. <a href="http://graphicriver.net/item/6-darken-wood-backgrounds/87353?ref=1stwebdesigner">6 Darken Wood Backgrounds</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/6-darken-wood-backgrounds/87353?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/darken-wood-premium-backgrounds-graphicriver.jpg" alt="Darken-wood-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>6 HQ Wood Backgrounds, 2000×1500 px</p>
<h2>37. <a href="http://graphicriver.net/item/halloween-night/127982?ref=1stwebdesigner">Halloween Night</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/halloween-night/127982?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/halloween-night-premium-backgrounds-graphicriver.jpg" alt="Halloween-night-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Scary Pumpkin within a graveyard. Background for designs.2524×3774px.</p>
<h2>38. <a href="http://graphicriver.net/item/linen/475094?ref=1stwebdesigner">Linen</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/linen/475094?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/linen-premium-backgrounds-graphicriver.jpg" alt="Linen-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>2560x1600px, PSD file included, easily changeable colors and saturation.</p>
<h2>39. <a href="http://graphicriver.net/item/abstract-color-waves/73602?ref=1stwebdesigner">Abstract color waves</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/abstract-color-waves/73602?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/abstract-color-waves-premium-backgrounds-graphicriver.jpg" alt="Abstract-color-waves-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Abstract color waves that can be used for a website, presentation or print. Clean colors, well-organized and easy to edit. 2000x1500px, 300 DPI.</p>
<h2>40. <a href="http://graphicriver.net/item/plume-background/113630?ref=1stwebdesigner">Plume Background</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/plume-background/113630?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/plume-premium-backgrounds-graphicriver.jpg" alt="Plume-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Layered PSD file – 3000×2250px, 72dpi, 5 color variation backgrounds included.</p>
<h2>41. <a href="http://graphicriver.net/item/backgrounds-pro-2012-bundle/511145?ref=1stwebdesigner">Backgrounds Pro 2012 Bundle</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/backgrounds-pro-2012-bundle/511145?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/pro-bundle-premium-backgrounds-graphicriver.jpg" alt="Pro-bundle-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>This file is a Bundle/Collection of 22 different professional backgrounds. These backgrounds come in handy when designing different stage environments to display products, photos and text. 3000x2500px, 300 DPI.</p>
<h2>42. <a href="http://graphicriver.net/item/fresh-grass-meadow-and-tree/120961?ref=1stwebdesigner">Fresh Grass Meadow and Tree</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/fresh-grass-meadow-and-tree/120961?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/grass-tree-premium-backgrounds-graphicriver.jpg" alt="Grass-tree-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>A fresh summer morning with mist and a solo tree.</p>
<h2>43. <a href="http://graphicriver.net/item/explosive-background/100648?ref=1stwebdesigner">Explosive Background</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/explosive-background/100648?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/explosive-premium-backgrounds-graphicriver.jpg" alt="Explosive-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Full layered PSD File and 7 different colored jpg images. 3000×2250px.</p>
<h2>44. <a href="http://graphicriver.net/item/8-hires-textured-backgrounds/155811?ref=1stwebdesigner">Hi-res Textured Background</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/8-hires-textured-backgrounds/155811?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/textured-premium-backgrounds-graphicriver.jpg" alt="Textured-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>really textured and detailed. comes in 8 different colors. 2500x2000px.</p>
<h2>45. <a href="http://graphicriver.net/item/abstract-aurora-backgrounds/114968?ref=1stwebdesigner">Abstract Aurora Backgrounds</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/abstract-aurora-backgrounds/114968?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/abstract-aurora-premium-backgrounds-graphicriver.jpg" alt="Abstract-aurora-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Abstract Aurora Backgrounds. 5 Backgrounds, 3 colors each, 15 variations. Use for print, web or design. 2500x1600px.</p>
<h2>46. <a href="http://graphicriver.net/item/background-5a/234999?ref=1stwebdesigner">Background 5A</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/background-5a/234999?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/5a-premium-backgrounds-graphicriver.jpg" alt="5a-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Ultra-high quality backgrounds that are great for desktop wallpaper, web background, mobile phone wallpaper, etc. 2 fully editable PSD files, 2400x2000px, 300 DPI.</p>
<h2>47. <a href="http://graphicriver.net/item/interior-backgrounds/240588?ref=1stwebdesigner">Interior Backgrounds</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/interior-backgrounds/240588?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/interior-premium-backgrounds-graphicriver.jpg" alt="Interior-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Simulate a realistic studio photo shoot with these 18 background possibilities (3 clean interiors and 5 light set-ups). Great to showcase your products, images, posters, webpages or any type of work. It can also be used for web backgrounds. 4000×2500 px 72 dpi.</p>
<h2>48. <a href="http://graphicriver.net/item/paper-holes/124019?ref=1stwebdesigner">Paper Holes</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/paper-holes/124019?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/paper-holes-premium-backgrounds-graphicriver.jpg" alt="Paper-holes-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>4 Paper Hole Backgrounds. Including PSD and JPEG at 3072×2304.</p>
<h2>49. <a href="http://graphicriver.net/item/denim-background-texture/477884?ref=1stwebdesigner">Denim Background / Texture</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/denim-background-texture/477884?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/denim-premium-backgrounds-graphicriver.jpg" alt="Denim-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>PSD File Included in 2560×1600 resolution, customizable colors, customizable patterns and effects.</p>
<h2>50. <a href="http://graphicriver.net/item/hill-and-villages/52096?ref=1stwebdesigner">Hill and villages</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/hill-and-villages/52096?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/hill-villages-premium-backgrounds-graphicriver.jpg" alt="Hill-villages-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Hill and villages with beautiful landscape. PSD included, 300 DPI.</p>
<h2>51. <a href="http://graphicriver.net/item/jute-wrap-/497910?ref=1stwebdesigner">Jute Wrap</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/jute-wrap-/497910?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/jute-wrap-premium-backgrounds-graphicriver.jpg" alt="Jute-wrap-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Available for several common resolutions including i-devices, psd included for easy customizations, change color in one go.</p>
<h2>52. <a href="http://graphicriver.net/item/10-retro-graphic-backgrounds-ii/461801?ref=1stwebdesigner">10 Retro Graphic Backgrounds</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/10-retro-graphic-backgrounds-ii/461801?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/retro-graphic-premium-backgrounds-graphicriver.jpg" alt="Retro-graphic-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>10 colored high-resolution &amp; quality backgrounds with halftone elements. 3200×2267px, layered.</p>
<h2>53. <a href="http://graphicriver.net/item/vintage-floral-backgrounds-in-7-colors-2448x3264/122112?ref=1stwebdesigner">Vintage Floral backgrounds</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/vintage-floral-backgrounds-in-7-colors-2448x3264/122112?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/floral-premium-backgrounds-graphicriver.jpg" alt="Floral-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Vintage Floral backgrounds in 6 colors 2448×3264px.</p>
<h2>54. <a href="http://graphicriver.net/item/subtle-wallpaper/553145?ref=1stwebdesigner">Subtle Wallpaper</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/subtle-wallpaper/553145?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/subtle-premium-backgrounds-graphicriver.jpg" alt="Subtle-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>5 JPEG with different color variations, layered .PSD file, 1920x1080px.</p>
<h2>55. <a href="http://graphicriver.net/item/stripes-vintage-background/459922?ref=1stwebdesigner">Stripes Vintage Background</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/stripes-vintage-background/459922?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/stripes-vintage-premium-backgrounds-graphicriver.jpg" alt="Stripes-vintage-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>Looks awesome for product presentation, 4 colors, various resolutions up to 2560×1920px.</p>
<h2>56. <a href="http://graphicriver.net/item/fabric-backgrounds/428366?ref=1stwebdesigner">Fabric Backgrounds</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/fabric-backgrounds/428366?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/fabric-premium-backgrounds-graphicriver.jpg" alt="Fabric-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>A palpable background resource for your premium websites or any graphics project.</p>
<h2>57. <a href="http://graphicriver.net/item/urban-backgrounds/547997?ref=1stwebdesigner">Urban Backgrounds</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/urban-backgrounds/547997?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/urban-premium-backgrounds-graphicriver.jpg" alt="Urban-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>1200×720px, 300dpi.</p>
<h2>58. <a href="http://graphicriver.net/item/geometric-grunge-pattern-backgrounds/742662?ref=1stwebdesigner">Geometric Grunge Pattern</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/geometric-grunge-pattern-backgrounds/742662?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/geometric-grunge-premium-backgrounds-graphicriver.jpg" alt="Geometric-grunge-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>A set of geometric pattern backgrounds with grunge effect (not tileable). Layered PSD file, 4167×2917px, layered vector geometric pattern included.</p>
<h2>59. <a href="http://graphicriver.net/item/patterned-paper-set/719233?ref=1stwebdesigner">Patterned Paper Set</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/patterned-paper-set/719233?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/patterned-paper-premium-backgrounds-graphicriver.jpg" alt="Patterned-paper-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>A set of high quality patterned papers. Ideal for use in backgrounds, designs, presentations, wallpapers etc. 3000x2300px.</p>
<h2>60. <a href="http://graphicriver.net/item/wornout-carbon-background/709782?ref=1stwebdesigner">Worn-out Carbon Background</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/wornout-carbon-background/709782?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/premium-backgrounds/worn-out-carbon-premium-backgrounds-graphicriver.jpg" alt="Worn-out-carbon-premium-backgrounds-graphicriver" border="0" /></a></p>
<p>The file can be transformed into clean carbon by hiding the “dirt” layer. Layered PSD, 2560×1440px.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/premium-texture-backgrounds/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>50 Practical And Time Saving Premium Product Mockups From Graphicriver</title>
		<link>http://www.1stwebdesigner.com/design/premium-product-mockups/</link>
		<comments>http://www.1stwebdesigner.com/design/premium-product-mockups/#comments</comments>
		<pubDate>Wed, 16 Nov 2011 21:00:22 +0000</pubDate>
		<dc:creator>Daniels Mekšs</dc:creator>
				<category><![CDATA[1WD Features]]></category>
		<category><![CDATA[Templates]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[premium]]></category>
		<category><![CDATA[product mockup]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[templates]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=58092</guid>
		<description><![CDATA[Which is more important to you &#8211; the content or the package? No doubt, it&#8217;s a discussable question but the compromise we might agree on is that both are equally important. Package and product design plays a massive role in marketing and consumer alluring. Yet we shouldn&#8217;t forget about the web &#8211; product showcase is [...]]]></description>
			<content:encoded><![CDATA[<p>Which is more important to you &#8211; the content or the package? No doubt, it&#8217;s a discussable question but the compromise we might agree on is that both are equally important. Package and product design plays a massive role in marketing and consumer alluring. Yet we shouldn&#8217;t forget about the web &#8211; product showcase is important here as well. And especially when consumers aren&#8217;t able to touch the goods &#8211; the design and presentation will be crucial.<br />
<span id="more-58092"></span><br />
As we continue our series of articles featuring items from Graphicriver today we&#8217;ve prepared yet another great array of items &#8211; product mockups. Although more suited for web than real world you&#8217;ll also find some print-ready items for your posters or packages. Items collected here range from simple business card mockups to clothe mockups and even a vinyl record template. Continue reading and check out these 50 outstanding and practical premium product mockups from Graphicriver.</p>
<h2>1. <a href="http://graphicriver.net/item/great-business-card-mockup-pack-4-styles/114970?ref=1stwebdesigner">Great Business Card Mock-up Pack</a> ($6)</h2>
<p><a href="http://graphicriver.net/item/great-business-card-mockup-pack-4-styles/114970?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/business-card-pack-premium-product-mockups.jpg" alt="Business-card-pack-premium-product-mockups" border="0" /></a></p>
<p>Best way to present your business card in 4 fancy &amp; different styles. All you have to do is copy and paste. Your flat graphic files magically turn into 3D (print simulation) with impressive angles and lighting. Best for print preview and advertising.</p>
<h2>2. <a href="http://graphicriver.net/item/3d-asymmetrical-web-page-display/102250?ref=1stwebdesigner">3D Asymmetrical Web Page Display</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/3d-asymmetrical-web-page-display/102250?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/web-page-display-premium-product-mockups.jpg" alt="Web-page-display-premium-product-mockups" border="0" /></a></p>
<p>Perfect for displaying templates, web pages, photos etc. Each image is a smart object so editing the images is super easy. No need to worry about placements and reflections, it’s all done automatically.</p>
<h2>3. <a href="http://graphicriver.net/item/5-realistic-logo-mockups-smart-template-v2-/410555?ref=1stwebdesigner">5 Realistic Logo Mockups</a> ($6)</h2>
<p><a href="http://graphicriver.net/item/5-realistic-logo-mockups-smart-template-v2-/410555?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/realistic-logo-premium-product-mockups.jpg" alt="Realistic-logo-premium-product-mockups" border="0" /></a></p>
<p>Create a realistic display for your logo in few seconds. These PSD files uses the Smart-Object feature, so you can replace the mockup content easily and quickly.</p>
<h2>4. <a href="http://graphicriver.net/item/mega-pack-web-mockup-3/668714?ref=1stwebdesigner">Mega Pack WEB Mock-Up 3</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/mega-pack-web-mockup-3/668714?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/mega-pack-web-premium-product-mockups.jpg" alt="Mega-pack-web-premium-product-mockups" border="0" /></a></p>
<p>This innovative package mock-ups is especially designed to show your web sites. in an elegant and attractive way, giving such a unique and real.</p>
<h2>5. <a href="http://graphicriver.net/item/3-fold-brochure-iii/400369?ref=1stwebdesigner">3 Fold Brochure III</a> ($6)</h2>
<p><a href="http://graphicriver.net/item/3-fold-brochure-iii/400369?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/fold-brochure-premium-product-mockups.jpg" alt="Fold-brochure-premium-product-mockups" border="0" /></a></p>
<p>A design that breaks the traditional tri-fold design for brochures, giving a truly modern and original style all your ideas. 11&#215;8,5.</p>
<h2>6. <a href="http://graphicriver.net/item/magazine-mockups-closely-version/533387?ref=1stwebdesigner">Magazine Mockups – Closely Version</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/magazine-mockups-closely-version/533387?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/magazine-closely-premium-product-mockups.jpg" alt="Magazine-closely-premium-product-mockups" border="0" /></a></p>
<p>Magazine Mockups – Closely Version is a file, specially designed to create presentations of magazines designs, wanting to show these amazing designs an elegant, sophisticated and beautiful way.</p>
<h2>7. <a href="http://graphicriver.net/item/tee-mockup-your-clothing/118676?ref=1stwebdesigner">Tee Mockup</a> ($6)</h2>
<p><a href="http://graphicriver.net/item/tee-mockup-your-clothing/118676?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/tee-mockup-premium-product-mockups.jpg" alt="Tee-mockup-premium-product-mockups" border="0" /></a></p>
<p>This t-shirt mock-up file can be easily used and opened in Adobe Photoshop CS or higher. Place any image/logo or whatever on the mock-up, and place it on your website or shop.</p>
<h2>8. <a href="http://graphicriver.net/item/smart-3d-package-box/92367?ref=1stwebdesigner">Smart 3D package box</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/smart-3d-package-box/92367?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/smart-3d-box-premium-product-mockups.jpg" alt="Smart-3d-box-premium-product-mockups" border="0" /></a></p>
<p>Elegant 3D box elements that will enhance your graphic and web projects alike to make it further visually appealing. The boxes are Smart Objects that requires jus placing your image and the box will be updated automatically.</p>
<h2>9. <a href="http://graphicriver.net/item/poster-mockup-templates/151546?ref=1stwebdesigner">Poster Mock-up Templates</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/poster-mockup-templates/151546?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/poster-templates-premium-product-mockups.jpg" alt="Poster-templates-premium-product-mockups" border="0" /></a></p>
<p>4 psd template files with 3 different poster sizes. Very easy to modify. All you have to do is copy and paste your image.</p>
<h2>10. <a href="http://graphicriver.net/item/sleek-screen-mockup/160938?ref=1stwebdesigner">Sleek Screen Mockup</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/sleek-screen-mockup/160938?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/sleek-screen-premium-product-mockups.jpg" alt="Sleek-screen-premium-product-mockups" border="0" /></a></p>
<p>Layered PSD file of a sleek display in 16:9. The file comes with four different screen resolutions to choose from.</p>
<h2>11. <a href="http://graphicriver.net/item/sleek-phone-mockup/234922?ref=1stwebdesigner">Sleek Phone Mockup</a> ($6)</h2>
<p><a href="http://graphicriver.net/item/sleek-phone-mockup/234922?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/sleek-phone-premium-product-mockups.jpg" alt="Sleek-phone-premium-product-mockups" border="0" /></a></p>
<p>Layered PSD file of a sleek phone. The file comes with two different screen resolutions to choose from on three different groups of phones and 8 single phone layouts.</p>
<h2>12. <a href="http://graphicriver.net/item/corporate-design-mockups-bundle-v1/72429?ref=1stwebdesigner">Corporate Design Mock-ups</a> ($11)</h2>
<p><a href="http://graphicriver.net/item/corporate-design-mockups-bundle-v1/72429?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/corporate-design-premium-product-mockups.jpg" alt="Corporate-design-premium-product-mockups" border="0" /></a></p>
<p>A spectacular mock-ups collection unprecedented, with photo-realistic effects and high-definition, Designed especially for presenting branding on different promotional pieces.</p>
<h2>13. <a href="http://graphicriver.net/item/sleek-laptop-mockup/187455?ref=1stwebdesigner">Sleek Laptop Mockup</a> ($6)</h2>
<p><a href="http://graphicriver.net/item/sleek-laptop-mockup/187455?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/sleek-laptop-premium-product-mockups.jpg" alt="Sleek-laptop-premium-product-mockups" border="0" /></a></p>
<p>Pixel-perfect image that are perfect to show of your latest wallpaper or homepage layout. Works with any background.</p>
<h2>14. <a href="http://graphicriver.net/item/album-cover-cd-mockups/135538?ref=1stwebdesigner">Album Cover CD Mock-Ups</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/album-cover-cd-mockups/135538?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/album-cover-premium-product-mockups.jpg" alt="Album-cover-premium-product-mockups" border="0" /></a></p>
<p>Display your album cover design with these mock-up files. Simple to use with just a copy and past to edit both the cover art and background textures. Jewel case and digipack mock-ups included.</p>
<h2>15. <a href="http://graphicriver.net/item/set-of-2-billboards-for-productlogo-mockup/108972?ref=1stwebdesigner">Set of 2 billboards</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/set-of-2-billboards-for-productlogo-mockup/108972?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/billboards-premium-product-mockups.jpg" alt="Billboards-premium-product-mockups" border="0" /></a></p>
<p>This is a set of two isolated billboards, with interchangeable backgrounds (3 included), smart objects for one-click editing and effects for a realistic photography look.</p>
<h2>16. <a href="http://graphicriver.net/item/mobilisimo-mobile-phone-mobile-pad-mockups/400964?ref=1stwebdesigner">Mobilisimo Mobile Phone &amp; Mobile Pad Mock-ups</a> ($9)</h2>
<p><a href="http://graphicriver.net/item/mobilisimo-mobile-phone-mobile-pad-mockups/400964?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/mobilessimo-premium-product-mockups.jpg" alt="Mobilessimo-premium-product-mockups" border="0" /></a></p>
<p>Perfect to show your latest wallpaper, website or app. Works with any background.</p>
<h2>17. <a href="http://graphicriver.net/item/hands-on-tablet/134123?ref=1stwebdesigner">Hands on tablet</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/hands-on-tablet/134123?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/hands-tablet-premium-product-mockups.jpg" alt="Hands-tablet-premium-product-mockups" border="0" /></a></p>
<p>4 hands templates which are holding the tablet, which can be easily applied with your application screenshot. The hands are the different layer, so you can move, rotate, combine them, or anything that gets on your mind.</p>
<h2>18. <a href="http://graphicriver.net/item/mega-pack-brochure-mockup-2-/103275?ref=1stwebdesigner">Mega pack Brochure</a> ($7)</h2>
<p><a href="http://graphicriver.net/item/mega-pack-brochure-mockup-2-/103275?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/mega-pack-brochure-product-mockups.jpg" alt="Mega-pack-brochure-product-mockups" border="0" /></a></p>
<p>This innovative package mock-ups is especially designed to show your creations in brochures or three-fold. in an elegant and attractive way, giving such a unique and real, let your works be seen truly spectacular.</p>
<h2>19. <a href="http://graphicriver.net/item/shopping-bag-mockup/88320?ref=1stwebdesigner">Shopping bag mockup</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/shopping-bag-mockup/88320?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/shopping-bag-premium-product-mockups.jpg" alt="Shopping-bag-premium-product-mockups" border="0" /></a></p>
<p>Give your graphic creations another look by testing in real objects the design details which cannot be visualized from the initial drawings and sketches.</p>
<h2>20. <a href="http://graphicriver.net/item/bottles-and-ice-cool-mockup-brand-showcase/166196?ref=1stwebdesigner">Bottles and Ice cool Mock-Up</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/bottles-and-ice-cool-mockup-brand-showcase/166196?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/bottle-ice-premium-product-mockups.jpg" alt="Bottle-ice-premium-product-mockups" border="0" /></a></p>
<p>This very useful graphic template is a great showcase for drinks, cocktails, toothpaste and every product that needs to be showed on a frosty cool scenery.</p>
<h2>21. <a href="http://graphicriver.net/item/stand-display-mockup-rollup-smart-template/168028?ref=1stwebdesigner">Stand Display Mockup</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/stand-display-mockup-rollup-smart-template/168028?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/stand-display-premium-product-mockups.jpg" alt="Stand-display-premium-product-mockups" border="0" /></a></p>
<p>This PSD item uses the Smart-Object feature, so you can replace mockup’s content easily and quickly. The item includes a view from three different angles for optimal display.</p>
<h2>22. <a href="http://graphicriver.net/item/3d-google-map-mockup/506123?ref=1stwebdesigner">3D Google Map Mock-up</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/3d-google-map-mockup/506123?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/google-map-premium-product-mockups.jpg" alt="Google-map-premium-product-mockups" border="0" /></a></p>
<p>Quickly illustrate a stylish 3D arrival map mockup. Place your own map or a Google map. You can add any background or use transparent one.</p>
<h2>23. <a href="http://graphicriver.net/item/business-card-mockup-display-smart-template-02/106983?ref=1stwebdesigner">Business card mockup display</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/business-card-mockup-display-smart-template-02/106983?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/business-card-premium-product-mockups.jpg" alt="Business-card-premium-product-mockups" border="0" /></a></p>
<p>You can use this file to display the front and back of your card or to show 2 different cards together. The PSD file uses the Smart-Object feature, so you can replace mock-up content easily and quickly.</p>
<h2>24. <a href="http://graphicriver.net/item/autoframe/145119?ref=1stwebdesigner">AutoFrame</a> ($2)</h2>
<p><a href="http://graphicriver.net/item/autoframe/145119?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/autoframe-premium-product-mockups.jpg" alt="Autoframe-premium-product-mockups" border="0" /></a></p>
<p>This item automatically generates a frame of your image without action. Just edit and save the smart object. Frames can be resized.</p>
<h2>25. <a href="http://graphicriver.net/item/paint-can/160303?ref=1stwebdesigner">Paint Can</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/paint-can/160303?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/paint-can-premium-product-mockups.jpg" alt="Paint-can-premium-product-mockups" border="0" /></a></p>
<p>Layered PSD file of an paint can that uses Smart Objects to create the labels so they can be created in separate files.</p>
<p>26. <a href="http://graphicriver.net/item/computer-monitor-set/133258?ref=1stwebdesigner">Computer &amp; Monitor Set</a> ($4)</p>
<p><a href="http://graphicriver.net/item/computer-monitor-set/133258?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/computer-monitor-premium-product-mockups.jpg" alt="Computer-monitor-premium-product-mockups" border="0" /></a></p>
<p>All items are in resolution 2400×1680px and highest quality. Everything is able to change (color, resizeable shapes).</p>
<h2>27. <a href="http://graphicriver.net/item/trade-show-booth-mock-up-part-2/628409?ref=1stwebdesigner">Trade Show Boot Mock-up</a> ($6)</h2>
<p><a href="http://graphicriver.net/item/trade-show-booth-mock-up-part-2/628409?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/trade-show-premium-product-mockups.jpg" alt="Trade-show-premium-product-mockups" border="0" /></a></p>
<p>Fully editable Booth PSD file. To generate your own Booth replace and adjust the corresponding Layers.</p>
<h2>28. <a href="http://graphicriver.net/item/-pro-3d-web-showcase-mockups/548570?ref=1stwebdesigner">PRO 3d Web Showcase</a> ($6)</h2>
<p><a href="http://graphicriver.net/item/-pro-3d-web-showcase-mockups/548570?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/web-showcase-premium-product-mockups.jpg" alt="Web-showcase-premium-product-mockups" border="0" /></a></p>
<p>Best for your web designs, pictures, artwork, portfolio etc. Full layered Photoshop .PSD Files (5 styles)</p>
<h2>29. <a href="http://graphicriver.net/item/professional-cap-mockup/165981?ref=1stwebdesigner">Professional Cap Mock-up</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/professional-cap-mockup/165981?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/cap-premium-product-mockups.jpg" alt="Cap-premium-product-mockups" border="0" /></a></p>
<p>Quickly illustrate A cap mock up. You can add any background, edit 3 areas of colors, add a pattern, image, or a design of your own.</p>
<h2>30. <a href="http://graphicriver.net/item/splash-bundle/156458?ref=1stwebdesigner">Splash Bundle</a> ($6)</h2>
<p><a href="http://graphicriver.net/item/splash-bundle/156458?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/splash-premium-product-mockups.jpg" alt="Splash-premium-product-mockups" border="0" /></a></p>
<p>This awesome bundle contains 4 different juicy splashes with 4 different materials of which is: water, blood, milk &amp; chocolate. It’s all high quality 3d rendered and fine tuned in Photoshop.</p>
<h2>31. <a href="http://graphicriver.net/item/paper-mockup/108353?ref=1stwebdesigner">Paper Mock-Up</a> (44)</h2>
<p><a href="http://graphicriver.net/item/paper-mockup/108353?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/paper-premium-product-mockups.jpg" alt="Paper-premium-product-mockups" border="0" /></a></p>
<p>If you design a page and want to show or want to see how he could now printed in a magazine or book, this mock-up is perfect for presentation.</p>
<h2>32. <a href="http://graphicriver.net/item/the-store-maker/232140?ref=1stwebdesigner">The Store Maker</a> ($7)</h2>
<p><a href="http://graphicriver.net/item/the-store-maker/232140?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/store-maker-premium-product-mockups.jpg" alt="Store-maker-premium-product-mockups" border="0" /></a></p>
<p>All elements have a very detailed design and they are all editable. All layers are named and well-organized.</p>
<h2>33. <a href="http://graphicriver.net/item/pixel-screen-mockup-bundle/535073?ref=1stwebdesigner">Pixel Screen Mock-up</a> ($6)</h2>
<p><a href="http://graphicriver.net/item/pixel-screen-mockup-bundle/535073?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/pixel-screen-premium-product-mockups.jpg" alt="Pixel-screen-premium-product-mockups" border="0" /></a></p>
<p>Ultra realistic LCD pixel screen mock-ups. A unique way to display your images.</p>
<h2>34. <a href="http://graphicriver.net/item/premium-product-presentation-10/235535?ref=1stwebdesigner">Premium Product Presentation</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/premium-product-presentation-10/235535?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/presentation-premium-product-mockups.jpg" alt="Presentation-premium-product-mockups" border="0" /></a></p>
<p>Premium product presentation can be used for any of your website project for showcasing your website,products etc. Full layered,named and editable.</p>
<h2>35. <a href="http://graphicriver.net/item/chocolatecandy-bar-mockup-design-preview/398516?ref=1stwebdesigner">Chocolate/Candy Bar Mock-Up</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/chocolatecandy-bar-mockup-design-preview/398516?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/chocolate-premium-product-mockups.jpg" alt="Chocolate-premium-product-mockups" border="0" /></a></p>
<p>The file you get is set up at 3222×1812px, preview ready.</p>
<h2>36. <a href="http://graphicriver.net/item/3d-box-mockup/449480?ref=1stwebdesigner">3D Box Mockup</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/3d-box-mockup/449480?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/3d-box-premium-product-mockups.jpg" alt="3d-box-premium-product-mockups" border="0" /></a></p>
<p>6 Variations, Smart Layers, easily editable, 2560×1600px.</p>
<h2>37. <a href="http://graphicriver.net/item/allstar-shoes-mockup/164795?ref=1stwebdesigner">All-Star Shoes Mock-up</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/allstar-shoes-mockup/164795?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/shoes-premium-product-mockups.jpg" alt="Shoes-premium-product-mockups" border="0" /></a></p>
<p>Quickly illustrate a shoes mock-up. You can add any background, choose the shoes color, place your own pattern design.</p>
<h2>38. <a href="http://graphicriver.net/item/piecemaker-mockup/166187?ref=1stwebdesigner">Piecemaker Mock-up</a> (#3)</h2>
<p><a href="http://graphicriver.net/item/piecemaker-mockup/166187?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/piecemaker-premium-product-mockups.jpg" alt="Piecemaker-premium-product-mockups" border="0" /></a></p>
<p>All elements have a very detailed design and they are all vector shapes (even shadows). Double-click easy image change (change one image and all pieces are updated).</p>
<h2>39. <a href="http://graphicriver.net/item/professional-trifold-brochure-mockup/548456?ref=1stwebdesigner">Professional Trifold Brochure Mock-Up</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/professional-trifold-brochure-mockup/548456?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/trifold-brochure-premium-product-mockups.jpg" alt="Trifold-brochure-premium-product-mockups" border="0" /></a></p>
<p>Display your brochure design with this professional mock-up file. Simple and easy to use with smart-object feature and hue/saturation adjustment to change background color.</p>
<h2>40. <a href="http://graphicriver.net/item/cosmetic-packaging-mock-ups/602899?ref=1stwebdesigner">Cosmetic Packaging Mock Ups</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/cosmetic-packaging-mock-ups/602899?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/cosmetic-premium-product-mockups.jpg" alt="Cosmetic-premium-product-mockups" border="0" /></a></p>
<p>Layered PSD files of beauty hand cream mock ups. Add some flair to your designs with these editable files.</p>
<h2>41. <a href="http://graphicriver.net/item/creative-book-shelves-for-about-us-page-including-icons/409194?ref=1stwebdesigner">Creative Book Shelves Including Icons</a> ($7)</h2>
<p><a href="http://graphicriver.net/item/creative-book-shelves-for-about-us-page-including-icons/409194?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/book-shelves-premium-product-mockups.jpg" alt="Book-shelves-premium-product-mockups" border="0" /></a></p>
<p>Uber high quality objects with insane amount of details arranged as shelf stuff. Design agency, photographer, travel company or any private blog can use this illustrations for about page design.</p>
<h2>42. <a href="http://graphicriver.net/item/candy-bar-wrapper-packaging-mockup/705549?ref=1stwebdesigner">Food-Bag Product Mock-Up</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/candy-bar-wrapper-packaging-mockup/705549?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/food-bag-premium-product-mockups.jpg" alt="Food-bag-premium-product-mockups" border="0" /></a></p>
<p>Simple and easy to edit graphic food-bag mock-up with smart objects for one-click editing.</p>
<h2>43. <a href="http://graphicriver.net/item/grungy-crumpled-paper-mockup-templates/681984?ref=1stwebdesigner">Grungy Crumpled Paper Mock-up</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/grungy-crumpled-paper-mockup-templates/681984?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/grungy-paper-premium-product-mockups.jpg" alt="Grungy-paper-premium-product-mockups" border="0" /></a></p>
<p>11 Grungy crumpled paper mock-up psd templates. It’s easy to edit. It is perfect for your product showcase, for your unique gallery, for print or any other awesome project.</p>
<h2>44. <a href="http://graphicriver.net/item/vinyl-records/228649?ref=1stwebdesigner">Vinyl Records</a> ($3)</h2>
<p><a href="http://graphicriver.net/item/vinyl-records/228649?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/vinyl-records-premium-product-mockups.jpg" alt="Vinyl-records-premium-product-mockups" border="0" /></a></p>
<p>A set of cool Vinyl Records for your project fully editable PSD build in vector layers.</p>
<h2>45. <a href="http://graphicriver.net/item/red-wine-bottles-and-grapes/592638?ref=1stwebdesigner">Red Wine Bottles and Grapes</a> ($6)</h2>
<p><a href="http://graphicriver.net/item/red-wine-bottles-and-grapes/592638?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/red-wine-premium-product-mockups.jpg" alt="Red-wine-premium-product-mockups" border="0" /></a></p>
<p>This mock-up consists of one bottle in two states: brand new and from the cellar – old and decayed. The bottle is very layered and each layer is vector smart object, so the whole thing is scalable.</p>
<h2>46. <a href="http://graphicriver.net/item/food-packaging-mockup/514737?ref=1stwebdesigner">Food Packaging Mock-Up</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/food-packaging-mockup/514737?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/food-premium-product-mockups.jpg" alt="Food-premium-product-mockups" border="0" /></a></p>
<p>Simple and easy to edit graphic food packaging mock-up with smart objects for one-click editing.</p>
<h2>47. <a href="http://graphicriver.net/item/paper-bag-mockup/673943?ref=1stwebdesigner">Paper Bag Mock-Up</a> ($8)</h2>
<p><a href="http://graphicriver.net/item/paper-bag-mockup/673943?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/paper-bag-premium-product-mockups.jpg" alt="Paper-bag-premium-product-mockups" border="0" /></a></p>
<p>High resolution 2000&#215;1500. Easily editable via smart object (automatically transforms two-dimensional images into realistic three-dimensional previews).</p>
<h2>48. <a href="http://graphicriver.net/item/tshirt-mock-ups-pack-shirt-template/649127?ref=1stwebdesigner">T-Shirt Mock ups</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/tshirt-mock-ups-pack-shirt-template/649127?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/tshirt-mockup-premium-product-mockups.jpg" alt="Tshirt-mockup-premium-product-mockups" border="0" /></a></p>
<p>Best professional t-Shirt mockup pack to present your t-Shirt design and organize your online store. Changeable shirt color and background.</p>
<h2>49. <a href="http://graphicriver.net/item/textures-business-card-mockup/595482?ref=1stwebdesigner">Textures Business Card Mock-up</a> ($5)</h2>
<p><a href="http://graphicriver.net/item/textures-business-card-mockup/595482?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/textures-business-card-premium-product-mockups.jpg" alt="Textures-business-card-premium-product-mockups" border="0" /></a></p>
<p>1000×750px, 3 Styles.</p>
<h2>50. <a href="http://graphicriver.net/item/pie-chart-creator-graph-tool/595131?ref=1stwebdesigner">Pie Chart Creator</a> ($4)</h2>
<p><a href="http://graphicriver.net/item/pie-chart-creator-graph-tool/595131?ref=1stwebdesigner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/11/product-mockups/pie-chart-premium-product-mockups.jpg" alt="Pie-chart-premium-product-mockups" border="0" /></a></p>
<p>Quickly illustrate a stylish 3D pie chart mock-up. Generate graphs within minutes, change the segments size as you wish x4 shaded graph styles, x8 different colors You can add any background or use transparent one.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/premium-product-mockups/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Photoshop WebDesigner Toolbox: All the Resources You&#8217;ll Ever Need</title>
		<link>http://www.1stwebdesigner.com/design/photoshop-webdesigner-toolbox/</link>
		<comments>http://www.1stwebdesigner.com/design/photoshop-webdesigner-toolbox/#comments</comments>
		<pubDate>Fri, 20 May 2011 10:00:50 +0000</pubDate>
		<dc:creator>Daniels Mekšs</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[toolbox]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=44415</guid>
		<description><![CDATA[If you&#8217;re using Photoshop daily it&#8217;s essential to have an asset library. Having a pre made toolbox or asset library can be extremely handy. Having the right toolbox can save you a whale of a time and provide you with nifty resources. If you&#8217;re a web designer, your asset library will probably differ from a [...]]]></description>
			<content:encoded><![CDATA[<p>If you&#8217;re using Photoshop daily it&#8217;s essential to have an asset library. Having a pre made toolbox or asset library can be extremely handy. Having the right toolbox can save you a whale of a time and provide you with nifty resources. If you&#8217;re a web designer, your asset library will probably differ from a photographers library, however there are things which should be found in every Photoshop user&#8217;s toolbox. While you could spend countless hours making your own resources, usually there&#8217;s no need to do that. Nowadays the web is full of pre made high-quality resources. I&#8217;ve collected various resources, sites and tools that can considerably boost your workflow, free up some time on your agenda and simply enhance your projects. If you don&#8217;t see your favourite resource/site/tool, please, feel free to mention it in comments because  maybe I&#8217;ve missed something great and noteworthy.<span id="more-44415"></span></p>
<h2>Brushes</h2>
<h3>1. <a href="http://www.brusheezy.com/">Brusheezy</a></h3>
<p><a href="http://www.brusheezy.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/brusheezy-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Brusheezy-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Brusheezy is the place to share your free Photoshop brushes and other Photoshop related resources. Here you can explore and discuss the creations of other artists from around the world, or just find that perfect little freebie for your next Photoshop project. Brusheezy makes it easy to explore thousands of resources created by artists from all over the globe.</p>
<h3>2. <a href="http://www.psbrushes.net/">PS Brushes</a></h3>
<p><a href="http://www.psbrushes.net/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/brushes-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Brushes-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>PS Brushes is another place where Photoshop brushes are gathered. With weekly brush updates this site is a place you should definitely check out if you&#8217;re looking for fresh and neat brushes.</p>
<h3>3. <a href="http://www.brushlovers.com/">Brush Lovers</a></h3>
<p><a href="http://www.brushlovers.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/brush-lovers-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Brush-lovers-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>BrushLovers has one of the largest collections of exclusive and high-quality Photoshop brushes on the Web. They feature hundreds of Photoshop brushes that are free for both personal and commercial use. You won&#8217;t find this collection anywhere else.</p>
<h2>Patterns</h2>
<h3>1. <a href="http://www.colourlovers.com/patterns">Colour Lovers</a></h3>
<p><a href="http://www.colourlovers.com/patterns"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/colour-lovers-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Colour-lovers-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>COLOURlovers is an international community of designers and artists of all kinds who visit the site to get color inspiration, ideas and feedback for both their professional and personal projects. In the ColourLovers pattern section you&#8217;ll find over 1,410,989 user-created seamless patterns to use in your creative projects.</p>
<h3>2. <a href="http://www.squidfingers.com/patterns/1/">Squid Fingers</a></h3>
<p><a href="http://www.squidfingers.com/patterns/1/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/squid-fingers-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Squid-fingers-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>At Squid Fingers you can find over 100 creative patterns to use for your projects. They come as GIFs and are free to use.</p>
<h3>3. <a href="http://bgpatterns.com/">BG Patterns</a></h3>
<p><a href="http://bgpatterns.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/bg-patterns-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Bg-patterns-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>BgPatterns is a tiny web app for making background patterns in a few clicks. It was created mostly for fun and was an experiment by Sergii Iavorskyi.</p>
<h3>4. <a href="http://www.backgroundlabs.com/">Background Labs</a></h3>
<p><a href="http://www.backgroundlabs.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/background-labs-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Background-labs-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Background Labs feature a wide variety of Photoshop backgrounds, patterns, textures and graphics for use in customizing your Twitter profile, blogs and websites. Browse by color, by tags and styles. It can&#8217;t get any simpler to find graphics than on Background Labs!</p>
<h2>Textures</h2>
<h3>1. <a href="http://cgtextures.com/">CG Textures</a></h3>
<p><a href="http://cgtextures.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/cg-textures-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Cg-textures-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>CGTextures strives to be the world&#8217;s best texture site. It can be quite difficult to create textures without good photo materials. Making textures should be about creativity, not about frustrating hours looking for images on the Internet. By supplying good quality textures in an organized manner, CG Textures makes your everyday work easier and more enjoyable.</p>
<h3>2. <a href="http://www.textureking.com/">Texture King</a></h3>
<p><a href="http://www.textureking.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/texture-king-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Texture-king-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Texture King is a resource for free stock textures. Currently the site has over 300 textures in 16 categories.</p>
<h3>3. <a href="http://lostandtaken.com/">Lost &amp; Taken</a></h3>
<p><a href="http://lostandtaken.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/lost-taken-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Lost-taken-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Lost and Taken was created over two and a half years ago with one intention: to helps designers by giving away the best free textures available. To this day, Lost and Taken textures have been viewed tens of millions of times and has helped thousands of designers accomplish their jobs a little easier and with more beautiful results.</p>
<h3>4. <a href="http://mayang.com/textures/index.htm">Mayang&#8217;s Free Textures</a></h3>
<p><a href="http://mayang.com/textures/index.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/mayang-free-textures-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Mayang-free-textures-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Mayang&#8217;s texture library has over 3800 free to download, high-resolution textures. The reason I included this site is because here you can find a lot of unseen and different kinds of textures you won&#8217;t find anywhere else.</p>
<h3>5. <a href="http://www.texturelovers.com/">Texture Lovers</a></h3>
<p><a href="http://www.texturelovers.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/texture-lovers-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Texture-lovers-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>The purpose of Texture Lovers is to archive some of the best free textures from around the web, and better yet, only archive the ones that are free to use in commercial and personal work without worrying about giving credit to the source (no attribution).</p>
<h2>Stock photos</h2>
<h3>1.<a href="http://www.sxc.hu/" target="_blank">Stoxk.xchng</a></h3>
<p><a href="http://www.sxc.hu/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/sxc-toolbox-enhance-work-productivity.jpg" alt="Sxc-toolbox-enhance-work-productivity3" border="0" /></a></p>
<p>Sxc.hu is the world&#8217;s best free stock site. SXC was launched in February 2001 as an alternative for expensive stock photography. The idea was to create a site where creative people could exchange their photos for inspiration or work. The site has evolved into the massive community you see today — there are over 2,500,000 registered users and around 400,000 photos online.</p>
<h3>2.<a href="http://www.everystockphoto.com/" target="_blank">Everystockphoto</a></h3>
<p><a href="http://www.everystockphoto.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/every-stock-photo-toolbox-enhance-work-productivity.jpg" alt="Every-stock-photo-toolbox-enhance-work-productivity3" border="0" /></a></p>
<p>Everystockphoto is a license-specific photo search engine. Currently they index and search millions of freely licensed photos, from many sources, and present them in an integrated search. It&#8217;s usually my second choice if I can&#8217;t find what I&#8217;m looking for in sxc.</p>
<h3>3.<a href="http://www.morguefile.com/" target="_blank">Morguefile</a></h3>
<p><a href="http://www.morguefile.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/morguefile-toolbox-enhance-work-productivity.jpg" alt="Morguefile-toolbox-enhance-work-productivity3" border="0" /></a></p>
<p>Morguefile is the third largest free stock photo site. The Morguefile contains photographs freely contributed by many artists to be used in creative projects by visitors to the site. The purpose of this site is to provide free image reference material for illustrators, comic book artist, designers, teachers and all creative pursuits.</p>
<h2>Icons</h2>
<h3>1. <a href="http://www.iconfinder.com/">IconFinder</a></h3>
<p><a href="http://www.iconfinder.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/icon-finder-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Icon-finder-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Iconfinder provides high quality icons for web designers and developers in an easy and efficient way. The site launched in 2007 as the first search engine focused on icons.</p>
<h3>2. <a href="http://findicons.com/">FindIcons</a></h3>
<p><a href="http://findicons.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/find-icons-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Find-icons-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>FindIcons is an icon search engine helps you find free icons. They have the largest searchable free icons database in the world and both a sophisticated search filtering and result matching system make it possible for you to get an icon you need for every design task.</p>
<h2>Fonts</h2>
<h3>1. <a href="http://www.dafont.com/">Dafont</a></h3>
<p><a href="http://www.dafont.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/dafont-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Dafont-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Dafont is the largest free font library on the web. Nearly all free fonts make their way onto dafont and it&#8217;s definitely the first place to check if looking for qualitative fonts for your projects.</p>
<h3>2. <a href="http://www.fontsquirrel.com/">Font Squirrel</a></h3>
<p><a href="http://www.fontsquirrel.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/font-squirrel-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Font-squirrel-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Font Squirrel is your best resource for free, hand-picked, high-quality, commercial-use fonts. Even if that means they send you elsewhere to get them.</p>
<h2>Cheat Sheets</h2>
<h3>1. <a href="http://www.howtogeek.com/56487/download-the-how-to-geek-photoshop-cs5-cheat-sheet/">The Photoshop CS5 How To Geek Cheat Sheet</a></h3>
<p><a href="http://www.howtogeek.com/56487/download-the-how-to-geek-photoshop-cs5-cheat-sheet/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/geek-cheat-sheet-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Geek-cheat-sheet-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>The Photoshop CS5 Cheat Sheet is a great tool for all Photoshop users, with keyboard shortcuts, graphs and graphics not only good for CS5, but also valid for most versions of Photoshop. The cheat sheet comes in PDF format, which you can easily print using your favorite PDF reader.</p>
<h3>2. <a href="http://simplephotoshop.com/photoshop_tools/index.htm">Photoshop Toolbox Reference</a></h3>
<p><a href="http://simplephotoshop.com/photoshop_tools/index.htm"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/reference-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Reference-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>This is a comprehensive Photoshop toolbox reference. You can click on each tool to view its video-manual. It&#8217;s very handy if you&#8217;re just starting off with Photoshop though even experienced users can find something useful here.</p>
<h3>3. <a href="http://photoshopetiquette.com/">Photoshop Etiquette</a></h3>
<p><a href="http://photoshopetiquette.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/etiquette-manifesto-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Etiquette-manifesto-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>The Photoshop Etiquette Manifesto for Web Designers is a list of helpful and subtle suggestions to organize Photoshop documents, making the transfer of them less painful.</p>
<h2>General Resources, PSDs</h2>
<h3>1. <a href="http://www.bluevertigo.com.ar/">Blue Vertigo</a></h3>
<p><a href="http://www.bluevertigo.com.ar/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/blue-vertigo-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Blue-vertigo-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<h2>1.1. <a href="http://graphicclouds.com/">Graphic Clouds</a></h2>
<p>GraphicClouds.com is a graphic &amp; web design blog providing high quality  photoshop resources with original PSD files and other graphic design resources like textures, icons, patterns, brushes, gimp brushes.</p>
<p>&nbsp;</p>
<p><a href="http://graphicclouds.com/"><img class="alignnone size-full wp-image-53561" title="graphic-clouds-psd-design-tools" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/graphic-clouds-psd-design-tools.jpg" alt="" width="570" height="417" /></a></p>
<p>Blue Vertigo is a huge design resources site established in 2003. You can find almost anything there – starting from stock photo marketplaces and ending with color scheme sites.</p>
<h3>2. <a href="http://www.premiumpixels.com/">Premium Pixels</a></h3>
<p><a href="http://www.premiumpixels.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/premium-pixels-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Premium-pixels-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Premium Pixels is a bunch of free design resources &amp; tutorials created by Orman Clark. Oman Clark created Premium Pixels to share some of the resources and files he&#8217;s created in his quest to make the web a more attractive place.</p>
<h3>3. <a href="http://www.swiftpsd.com/">Swift PSD</a></h3>
<p><a href="http://www.swiftpsd.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/swiftpsd-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Swiftpsd-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Swiftpsd offers stunning resources for web, iPhone and iPad. It&#8217;s created by Ed Cousins, and swiftpsd is his venture to supply high-quality resources to designers around the world. Launched only couple months ago SwiftPSD looks like a site I&#8217;m going to visit often.</p>
<h3>4. <a href="http://designmoo.com/">Designmoo</a></h3>
<p><a href="http://designmoo.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/designmoo-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Designmoo-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Designmoo is a community for discovering and sharing free PSDs, vectors, textures, patterns, fonts, and more. Their goal is to build a great network of designers and community resources and provide a centralized location for finding great-looking free design resources.</p>
<h3>5. <a href="http://freepsd.com/">Free PSD</a></h3>
<p><a href="http://freepsd.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/free-psd-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Free-psd-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Free PSD offers bunch of free high-quality PSD templates for your use. You&#8217;ll find tutorials, brushes, patterns and other Photoshop resources there as well.</p>
<h3>6. <a href="http://www.designkindle.com/">Design Kindle</a></h3>
<p><a href="http://www.designkindle.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/design-kindle-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Design-kindle-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Design Kindle is an idea of Build Interactive, a small web design studio founded by Adrian Pelletier. Their goal is to provide the best free design resources on the web by keeping the file quality incredibly high. You can submit files for review too by sending us an e-mail with a preview of the download you’d like to contribute.</p>
<h3>7. <a href="http://365psd.com/">365psd</a></h3>
<p><a href="http://365psd.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/365psd-photoshop-toolbox-enhance-work-productivity3.jpg" alt="365psd-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>365psd is the world’s highest quality source of PSDs that are free for both personal and commercial use. That means any PSD you download can be reused in any project without worrying about licensing.</p>
<h3>8. <a href="http://littlepsd.com/psds/viewall/newest">Little PSD</a></h3>
<p><a href="http://littlepsd.com/psds/viewall/newest"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/little-psd-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Little-psd-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Little PSD is a brand new (in fact it seems it&#8217;s launched only couple days ago) site to find high-quality PSD files.</p>
<h3>9. <a href="http://psdho.me/">PSD Home</a></h3>
<p><a href="http://psdho.me/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/psd-home-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Psd-home-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>PSD Home is a web gallery for Photoshop PSD files. It collects PSD files, that’s designers give from everywhere to a single website. At PSD Home you can find PSDs pertaining to buttons, icons, text effects, themes, graphics and much more.</p>
<h3>10. <a href="http://www.psdgraphics.com/">PSD Graphics</a></h3>
<p><a href="http://www.psdgraphics.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/psd-graphics-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Psd-graphics-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Psdgraphics is one man show, launched as a hobby site.Here you can find a lot of free stuff for webmasters and designers. Enjoy fully editable Photoshop PSD files and high resolution stuff.</p>
<h2>Plugins</h2>
<h3>1. <a href="http://www.niksoftware.com/">Nik Software</a></h3>
<p><a href="http://www.niksoftware.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/nik-software-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Nik-software-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Nik Software, Inc. is a privately-held American company that develops software solutions for the growing digital-imaging and photography markets. Although their plugins are premium only, they&#8217;re really worth it. Particularly developed for photo retouching Nik Software is giving photographers the most powerful tools for precise and natural photographic enhancements and corrections without the need for complicated selections or layer masks. You can apply for their live training sections to see the power of this software in action.</p>
<h3>2. <a href="http://www.vertustech.com/fluidMask/overview.html">Fluid Mask 3</a></h3>
<p><a href="http://www.vertustech.com/fluidMask/overview.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/fluid-mask-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Fluid-mask-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Fluid Mask 3 is a very effective tool for separating complex objects from their backgrounds. Fluid Mask 3 lets you isolate difficult areas and apply alternative selections with all new edges find options &#8211; making the tough bits easier. It&#8217;s a premium plugin, though you can check out the demo version and tutorials to decide whether you want to purchase it or not.</p>
<h3>3. <a href="http://www.topazlabs.com/">Topaz Labs</a></h3>
<p><a href="http://www.topazlabs.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/topaz-labs-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Topaz-labs-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Topaz Labs distills the latest in imaging technology into useful products that deliver excellent results at a reasonable price. Topaz plugins makes it quick and easy to create stunning and dynamic enhancements that will instantly make your images pop with detail, color and depth. Although they&#8217;re not free I consider these plugins the second best choice after Nik Software to enhance your photos remarkably.</p>
<h2>Tools</h2>
<h3>1. <a href="http://www.divine-project.com/">Divine</a></h3>
<p><a href="http://www.divine-project.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/divine-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Divine-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Divine is a plugin that helps you convert Photoshop to WordPress in a few minutes instead of long hours. The idea of making Divine came to a young but talented designer who himself was fed up with wasting time on coding. As soon as you get a tool to convert PSD to WordPress, you save your time, effort and patience. You need no special extended knowledge about HTML, no special skills in coding, basics are completely enough to convert PSD to WordPress.</p>
<h3>2. <a href="http://script-arsenal.com/">Script Arsenal</a></h3>
<p><a href="http://script-arsenal.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/script-arsenal-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Script-arsenal-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Script Arsenal is a handy catalog allowing you to quickly find and apply the required script. It comes to you with 100+ ready-made scripts for creating various effects and streamlining your everyday work flow. Using most of them doesn&#8217;t require a substantial Photoshop experience.</p>
<h3>3. <a href="http://pixelnovel.com/comparepsd/">Compare PSD</a></h3>
<p><a href="http://pixelnovel.com/comparepsd/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/compare-psd-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Compare-psd-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>ComparePSD compares two Adobe Photoshop PSD files for you and highlights the differences. Layer by layer. Effect by effect. Simple. Plus it is absolutely free.</p>
<h3>4. <a href="http://mrstacks.com/">Mr Stacks</a></h3>
<p><a href="http://mrstacks.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/mr-stacks-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Mr-stacks-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Mr. Stacks is a Photoshop script that rapidly generates storyboards, stacks, and PDF(s) for CD check-ins, client-ish presentations, and whatever else it is you do. Helping to nail some of the most monotonous tasks in art direction.</p>
<h3>5. <a href="http://modulargrid.org/">Modular Grid Pattern</a></h3>
<p><a href="http://modulargrid.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/modular-grid-pattern-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Modular-grid-pattern-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Modular Grid Pattern is an application for web designers, which helps you quickly and easily to create a modular grid in Adobe Photoshop, Adobe Fireworks, GIMP, Microsoft Expression Design and other. To use the app directly in Photoshop you only need to download and install the convenient extension.</p>
<h3>6. <a href="http://foxgui.de/">foxGuide</a></h3>
<p><a href="http://foxgui.de/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/foxguide-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Foxguide-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>foxGuide is a firefox extension that displays horizontal and vertical guides. Guides will appear as thin lines that float over the webpage. You can move or remove them just the way you do it photoshop. Guides are useful for laying out elements symmetrically, structure a design and improving the overall layout.</p>
<h3>7. <a href="http://www.photoshop.com/products/mobile">Photoshop Touch Apps</a></h3>
<p><a href="http://www.photoshop.com/products/mobile"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/touch-apps-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Touch-apps-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Touch, mobility, and Adobe Photoshop® CS5 software—how&#8217; that for a creative combination? Adobe and the developer community can now create apps that communicate with Photoshop CS5 via a range of devices and platforms. Explore new Adobe Photoshop Touch apps for iPad, the first to tap into this new connectivity.</p>
<h3>8. <a href="http://punchcut.com/perspectives/expanding-universe-toolset-managing-screen-resolutions">Pixel Proliferation</a></h3>
<p><a href="http://punchcut.com/perspectives/expanding-universe-toolset-managing-screen-resolutions"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/pixel-proliferation-photoshop-toolbox-enhance-work-productivity3.jpg" alt="Pixel-proliferation-photoshop-toolbox-enhance-work-productivity" border="0" /></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>Change is a constant. The device landscape is always changing and the device types are proliferating. With the increasing demand for unique mid-screen devices, it is becoming an even more arduous task to keep all of the device resolutions and screen sizes straight. This toolset includes Photoshop CS5 marquee tool presets for common screen resolutions, a collection of layered Photoshop CS5 PSDs each providing common devices for comping and design presentations and a reference chart for resolutions and device landscape.</p>
<h3>9.<a href="http://960.gs/" target="_blank">960 Grid System</a></h3>
<p><a href="http://960.gs/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/960gs-toolbox-enhance-work-productivity.jpg" alt="960gs-toolbox-enhance-work-productivity3" border="0" /></a></p>
<p>The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.</p>
<h3>10.<a href="http://www.cameronmcefee.com/guideguide/" target="_blank">GuideGuide</a></h3>
<p><a href="http://www.cameronmcefee.com/guideguide/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/guide-toolbox-enhance-work-productivity.jpg" alt="Guide-toolbox-enhance-work-productivity3" border="0" /></a></p>
<p>GuideGuide is a tool for columns, rows and mid­points panel for Pho­to­shop CS4 &amp; CS5. It works similarly to the grid tool in InDesign. With GuideGuide it&#8217;s incredibly easy to create columns, guides, gutters and midpoints with just a single click.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/photoshop-webdesigner-toolbox/feed/</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>Don&#8217;t Reinvent the Wheel &#8211; 100+ Links of Design Elements and Resources</title>
		<link>http://www.1stwebdesigner.com/inspiration/100-design-elements-resources/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/100-design-elements-resources/#comments</comments>
		<pubDate>Sun, 15 May 2011 10:00:20 +0000</pubDate>
		<dc:creator>Rochester Oliveira</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[design elements]]></category>
		<category><![CDATA[designers]]></category>
		<category><![CDATA[Graphics]]></category>
		<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=45424</guid>
		<description><![CDATA[This time we will review some helpful resources for designers, how you can find them, and how can they help you. Have you ever thought that every day, while you are busy doing your work, there are a lot of people doing almost the same thing as you? And they are releasing it. For free. And [...]]]></description>
			<content:encoded><![CDATA[<p>This time we will review some helpful resources for designers, how you can find them, and how can they help you.</p>
<p>Have you ever thought that every day, while you are busy doing your work, there are a lot of people doing almost the same thing as you? And they are releasing it. For free.</p>
<p>And sometimes we just forget all this stuff and lose a lot of time doing things that just didn&#8217;t need to be done. Someone else has done it for us. Why should you start from scratch if you can get some cool things and just make them better?</p>
<p>So, this is a post with a lot of links, and with my opinion about many of them. In short, we will be talking about:<br />
• Creative photos collections<br />
• Cool Icon packs, Buttons &amp; Menus<br />
• Professional Font faces<br />
• Useful patterns, brushes, backgrounds, textures<br />
• Templates and other miscellaneous elements<br />
• Online generators and other tools</p>
<p>So, let&#8217;s rock!</p>
<p><span id="more-45424"></span></p>
<h2>Creative Photo Collections</h2>
<p><a title="How to make this photo manipulation" rel="attachment wp-att-46114" href="http://www.1stwebdesigner.com/inspiration/100-design-elements-resources/attachment/photos/"><img class="alignnone size-full wp-image-46114" title="Creative photo manipulation" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/photos.jpg" alt="" width="500" height="248" /></a></p>
<p>Actually, most of you always use stock photos in your layouts. Yeah, they are nice, but many of them just don&#8217;t get the point across that you want. Don&#8217;t get mad, they don&#8217;t ruin your work. But they don&#8217;t make it brilliant either.</p>
<p>So, usually you have 2 options:</p>
<ol>
<li>Use premium stock photos</li>
<li>Take your own photos</li>
</ol>
<p>I think there is a third option that we almost always forget: Some really artistic and creative photos out there.</p>
<p>We have a lot of photo collections, with photos for specific situations. Think about it, when you are talking about victory, for example, it&#8217;s much better to use a <a href="http://totallycoolpix.com/wp-content/uploads/2010/02122010_top_sport_2010/sport_37.jpg">real emotional winner photo</a> than a <a href="http://www.google.com/search?q=trophy&amp;oe=utf-8&amp;rls=org.mozilla:pt-BR:official&amp;client=firefox-a&amp;um=1&amp;ie=UTF-8&amp;tbm=isch&amp;source=og&amp;sa=N&amp;hl=pt-BR&amp;tab=wi&amp;biw=1440&amp;bih=694">commodity clip art trophy image</a>.</p>
<p><strong>Why they are good:</strong> Using in-context funny or emotional images is the easiest way to get your reader&#8217;s attention, so you get more time to explain your point.</p>
<p><strong>What you should pay attention to:</strong> You must pay attention in copyright notices for images. We can&#8217;t steal someone elses image just because it is on the web.</p>
<p><strong>Good Start points:</strong></p>
<ul>
<li>Search for: Photo manipulations, Photo manipulation tutorials, [type] photography (&#8220;tilt-shift photography&#8221;, for example), [type] examples, [type] showcase, [type] collection</li>
<li><a href="http://www.1stwebdesigner.com/category/inspiration/photography-inspiration/">1StWebDesigner (Photography inspiration)</a> &#8211; I think you heard about this blog before, it is amazing, isn&#8217;t it?</li>
<li><a href="http://fromme-toyou.tumblr.com/">From me to you</a> &#8211; Jamie&#8217;s photography blog, with some <a href="http://fromme-toyou.tumblr.com/post/5243713634/a-charmed-life-locked-in-love-with-tiffanys">amazingly amazing gifs</a></li>
<li><a href="http://www.instantshift.com/search/?cx=partner-pub-7312757316631264%3Avb7t1079ir7&amp;cof=FORID%3A11&amp;ie=ISO-8859-1&amp;q=photo&amp;sa.x=0&amp;sa.y=0&amp;sa=Search#1392">Instant Shift (Photo search)</a> &#8211; Artistic photo manipulations galleries, like this <a href="http://www.instantshift.com/2009/07/20/80-excellent-examples-of-photo-manipulation-art/">80 excellent example of photo manipulation art</a>.</li>
<li><a href="http://www.thedesignwork.com/tag/photos/">The design work (tag photos)</a> &#8211; Fascinating photo collections, like this <a href="http://www.thedesignwork.com/fascinating-panoramic-photography-by-gilles-vidal/">panoramic photography gallery</a></li>
<li><a href="http://www.thisaintnodisco.com/">This Ain&#8217;t no Disco </a>- Cool workspaces galleries. As they say &#8220;Try not to drool too much&#8221;.</li>
<li><a href="http://vandelaydesign.com/blog/search-results/?cx=008282924670782866767%3Az4fshfwbccm&amp;cof=FORID%3A11&amp;ie=UTF-8&amp;q=photo&amp;sa=Search&amp;siteurl=vandelaydesign.com%2Fblog%2Fdesign%2Fphotoshop-photo-manipulation%2F#1415">VanderlayDesign (photo search)</a> &#8211; Good for design inspiration in general. You should check this cool <a href="http://vandelaydesign.com/blog/galleries/rain-photography/">rain photography collection</a>.</li>
<li><a href="http://www.google.com/cse?cx=partner-pub-1297095445712931%3Ait37s4au7ds&amp;ie=ISO-8859-1&amp;q=photo&amp;sa=Search&amp;siteurl=webdesignledger.com%2Finspiration%2Fshowcase-of-inspiring-foggy-photography">Web Designer Ledger (photo search)</a> &#8211; Really good for inspiration. Check this <a href="http://webdesignledger.com/inspiration/40-awesome-photography-shots-from-daily-life-to-change-your-mood">awesome photography shots to change your mood</a>!</li>
<li><a href="http://www.flickr.com/creativecommons">Flickr (Creative Commons)</a> has always really good photos, and a powerful search engine, that make things even easier.</li>
<li><a href="http://totallycoolpix.com/">TotallyCoolPix</a>, as its name says, is focused on cool photography. This <a href="http://totallycoolpix.com/2010/12/top-100-sports-pictures-of-2010/">sports pictures collection</a>, for example, is really useful!</li>
<li>We have also this <a href="http://www.inspiredm.com/best-deviantart-groups/">10 most inspirational deviantart groups</a> (really good, seriously, you must to check this out).</li>
<li>Some traditional free / paid stock photo sites like <a href="http://www.veer.com/products/free/" target="_blank">Veer</a>, <a href="http://www.public-domain-photos.com/" target="_blank">Public-Domain-Photos</a>, <a href="http://www.pixelperfectdigital.com/free_stock_photos/" target="_blank">Pixel Perfect Digital</a>, <a href="http://www.imageafter.com/" target="_blank">Image After</a>, <a href="http://www.designpacks.com/" target="_blank">Design Packs</a>, <a href="http://www.freerangestock.com/" target="_blank">Free Range Stock</a>, <a href="http://www.cepolina.com/freephoto" target="_blank">Cepolina</a>, <a href="http://www.sxc.hu/" target="_blank">Stock.XCHNG</a>, <a href="http://www.morguefile.com/" target="_blank">Morguefile</a>, <a href="http://www.toasto.com/" target="_blank">Toasto</a> and others, are also always a good source.</li>
<li>Last but not the least, <a href="http://translate.google.com/translate?u=http%3A%2F%2Fhaznos.org%2Ftag%2Fimagens%2F&amp;sl=pt&amp;tl=en&amp;hl=&amp;ie=UTF-8">Haznos.org/images</a> (brazilian blog, with google translated version) has a lot of cool collections, like this <a href="http://translate.googleusercontent.com/translate_c?hl=pt-BR&amp;ie=UTF-8&amp;sl=pt&amp;tl=en&amp;u=http://haznos.org/2011/05/bicicletas/&amp;rurl=translate.google.com&amp;twu=1&amp;usg=ALkJrhhfJBBMDmkZvjvJP4xnjLby0X-OnA">funny bikes gallery</a></li>
</ul>
<h2>Cool Icon Packs, Buttons &amp; Menus</h2>
<p><a rel="attachment wp-att-46153" href="http://www.1stwebdesigner.com/inspiration/100-design-elements-resources/attachment/blur-step4/"><img class="alignnone size-full wp-image-46153" title="Cool blurry menu" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/blur-step4.jpg" alt="" width="560" height="284" /></a></p>
<p>Sometimes we need an idea of how could we put those 20 links that the customer wants in a really good-looking menu. Moreover, you have to worry about all the &#8220;call to actions&#8221; and semiotics stuff for icon and button design.</p>
<p>When you feel like  this, it is time to steal someone elses design :D</p>
<p><strong>Why they are good:</strong> Depending on the site you use to search, it is possible to find really complete icon packs, with &#8220;generic&#8221; icons for customization (just the background, for example). Many people may have solved the problem with 30 links in the same menu already.</p>
<p><strong>What you should pay attention:</strong> It is worthless to find a really cool icon pack, button or menu that you don&#8217;t know how to customize. So, if you get a cool wooden icon pack, but don&#8217;t know how to make a &#8220;home&#8221; icon (maybe it is missing), you can&#8217;t use it.</p>
<p><strong>Good Start points:</strong></p>
<ul>
<li>Almost every good design blog has an &#8220;icon&#8221; section, or icon tutorials, they are helpful.</li>
<li><a href="http://dryicons.com/free-icons/">DryIcons </a>- Free and good icon packs</li>
<li><a href="http://houseofbuttons.tumblr.com/">HouseOfButtons</a> has the best buttons seen in the web</li>
<li>Really useful <a href="http://tympanus.net/Development/MegaWebButtonsPack1/">mega buttons pack</a></li>
<li><a href="http://www.1stwebdesigner.com/css/blurry-menu-css-tutorial/">Awesome blurry menu</a> by 1stWebDesigner</li>
<li><a href="http://www.designdeck.co.uk/article_details.php?id=1215">Simple navigation PSD</a> by designdeck</li>
<li><a href="http://savedelete.com/best-free-icon-search-engines.html">10 best icon search engines</a> by savedelete</li>
<li><a href="http://www.smashingapps.com/2011/04/04/50-high-quality-and-free-to-use-minimalist-icon-sets.html">50 high quality and free to use minimalist icon</a> sets by smashingapps</li>
<li><a href="http://www.onextrapixel.com/2011/04/20/47-clean-and-high-quality-icon-packs-for-designers/">47 Clean and High Quality Icon Packs for Designers</a> by onextrapixel</li>
<li><a href="http://www.premiumpixels.com/freebies/simple-tabbed-navigation-psd/">Simple tabbed navigation in psd</a> by premiumpixels</li>
<li><a href="http://www.premiumpixels.com/freebies/dark-navigation-menu-psd/">Dark navigation in psd</a> by premiumpixels</li>
<li><a href="http://www.designkindle.com/2011/04/12/basal-icons/">Cool Basal icons pack</a> by designkindle</li>
<li><a href="http://folksnetdesktop.com/freebies/item/clean-social-icons.html">Clean Social icons</a> by folksnetdesktop</li>
<li><a href="http://www.noupe.com/freebie/fresh-icon-sets-to-improve-your-designs.html">Fresh icons sets to improve your design</a> by noupe</li>
<li><a href="http://speckyboy.com/2010/08/04/top-10-country-flag-icon-sets/">Top 10 country flag icon sets</a> by speckyboy</li>
<li><a href="http://webdesignfan.com/20-examples-of-great-navigation/">20 examples of great navigation</a> by webdesignfan</li>
</ul>
<h2>Professional Font Faces</h2>
<p><img class="alignnone size-full wp-image-46175" title="fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/fonts.jpg" alt="" width="480" height="250" /></p>
<p>I have to tell you a secret. I don&#8217;t know anything about typography. For real. I know just the basics, that serif and sans-serif stuff, but anything beyond this, don&#8217;t count on me.</p>
<p>Everytime I read something about typography I get amazed on how this is a wide field to study. And how we are getting better and better at it.</p>
<p>With all this @font-face stuff, it is almost a crime to not use a really professional font in your headlines (at least) without fear of the monster of cross-browser compatibility.</p>
<p><strong>Why they are good:</strong> They give a really professional look to your project and they are easy to use.</p>
<p><strong>What you should pay attention:</strong> You should notice copyright restrictions (yeah, not every font is free), and whether or not the font you want has some special characters (it is hard to find, for example, c with cedilla or grave accent, really used in Portuguese).</p>
<p><strong>Good Start points:</strong></p>
<ul>
<li>We have a lot of free font download sites, like <a href="http://dafont.com">dafont</a>, <a href="www.1001freefonts.com">1001 free fonts</a>, <a href="http://www.acidfonts.com/">acidfonts</a>, <a href="http://www.urbanfonts.com/">urbanfonts</a>, <a href="http://www.fontstock.net/">fontstock</a> and much more, just google it :D .</li>
<li><a href="http://abduzeedo.com/tags/ffff">Abduzeedo&#8217;s friday fresh free fonts series</a> &#8211; 99 episodes in this series, so you have a lot of fonts to try.</li>
<li><a href="http://designinstruct.com/articles/resources/font-collections/font-collection-10-excellent-free-comic-book-fonts/">Design instruct (Jacob gube&#8217;s posts)</a> &#8211; I don&#8217;t know where he finds those fonts, but they are just amazing.</li>
<li><a href="http://www.hongkiat.com/blog/index.php?s=fonts">HongKiat (fonts search)</a> &#8211; Some really good collections!</li>
<li>1StWebDesigner awesome <a href="http://www.1stwebdesigner.com/resources/minimal-web-design-fonts/">minimal fonts collection</a> and <a href="http://www.1stwebdesigner.com/resources/professional-fonts-design/">professional fonts collection</a>.</li>
<li><a href="http://www.google.com/cse?cx=partner-pub-1297095445712931%3Ait37s4au7ds&amp;ie=ISO-8859-1&amp;q=fonts&amp;sa=Search&amp;siteurl=webdesignledger.com%2Ffreebies%2F10-fresh-high-quality-free-fonts">WebDesignerLedger (fonts search)</a> &#8211; Some good ones, like this <a href="http://webdesignledger.com/freebies/11-fresh-high-quality-free-fonts">11 fonts collection</a>.</li>
<li><a href="http://www.webdesignerdepot.com/2010/09/massive-collection-of-elegant-thin-fonts/">Massive collection of elegant thin fonts</a> and <a href="http://www.webdesignerdepot.com/2011/02/30-of-the-best-font-foundries/">30 of the best font foundries</a> by webdesignerdepot</li>
<li><a href="http://djdesignerlab.com/2010/09/29/25-popular-websites-to-download-free-fonts/">25 popular websites to download free fonts</a> by djdesignerlab</li>
<li><a href="http://creativenerds.co.uk/freebies/40-beautiful-free-fonts-for-creating-attractive-typography-headlines/">40 beautiful free fonts for creating attractive typography headlines</a>, <a href="http://creativenerds.co.uk/freebies/30-free-fonts-which-are-perfect-for-professional-logo-designs/">30 free fonts which are perfect for professional logo designs</a> and <a href="http://creativenerds.co.uk/freebies/30-top-best-free-fonts-from-2010/">30 top best free fonts from 2010</a> by creativenerds</li>
<li><a href="http://slicescript.com/15-free-high-quality-fonts-for-minimal-designs/">15 free high quality fonts for minimal designs</a> by slicescript</li>
<li><a href="http://speckyboy.com/2010/12/29/25-free-fonts-perfect-for-fontface-revived/">25 free fonts perfect for fontface revived</a> by speckyboy</li>
<li><a href="http://www.reencoded.com/2010/12/17/30-websites-to-download-great-fonts/">30 websites to download great fonts</a> and <a href="http://www.reencoded.com/2011/05/06/15-free-graffiti-fonts-for-your-design-needs/">15 free graffiti fonts for your design needs</a> by reencoded</li>
<li><a href="http://visionwidget.com/resources/fonts/564-free-script-fonts-for-calligraphy.html">30 free script fonts for calligraphy</a> and <a href="http://visionwidget.com/resources/fonts/566-free-grunge-fonts-for-abstract-designs.html">35 free grunge fonts for abstract designs</a> by visionwidget<br />
<a href="http://webdesignledger.com/freebies/7-new-high-quality-free-fonts"></a></li>
</ul>
<h2>Useful Patterns, Backgrounds, Textures</h2>
<p><img class="alignnone size-full wp-image-46176" title="patterns" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/patterns.jpg" alt="" width="540" height="300" /></p>
<p>Yeah, I love patterns and textures. I used to download patterns because some of them I just don&#8217;t know how to create myself, and sometimes I just need a preview of how the work would look with that pattern. Actually, there are so many combinations of patterns, textures and brushes that you could spend all your life just trying combinations. So it is better just to pick some good samples, isn&#8217;t it?</p>
<p><strong>Why they are good:</strong> They save you a lot of time, with complex and tiled patterns.</p>
<p><strong>What you should pay attention:</strong> When you use a texture for websites you have to pay attention in their screen size, because we have a lot of different screen dimensions nowadays, thus many users can see that ugly white background when your texture ends.</p>
<p><strong>Good Start points:</strong></p>
<ul>
<li>Previously said photo stock sites (actually a texture can be a photo :D)</li>
<li><a href="http://subtlepatterns.com/">Subtlepatterns</a>, <a href="http://www.patterncooler.com/index.php">Patterncooler</a> &#8211; Whole sites dedicated to patterns!</li>
<li><a href="http://designm.ag/resources/41-free-texture-packs/">41 free texture packs</a> and <a href="http://www.google.com/cse?cx=partner-pub-1758473191854726%3Ajnigloid3h3&amp;ie=ISO-8859-1&amp;q=textures&amp;sa=Search">other textures (texture search)</a> by designm.ag</li>
<li><a href="http://visionwidget.com/resources/photos.html">visionwidget&#8217;s free HQ photos</a> &#8211; like this <a href="http://visionwidget.com/resources/photos/611-showcased-high-resolutions-free-wood-textures.html">awesome wooden textures colection</a></li>
<li><a href="http://vandelaydesign.com/blog/search-results/?cx=008282924670782866767%3Az4fshfwbccm&amp;cof=FORID%3A11&amp;ie=UTF-8&amp;q=textures&amp;sa=Search&amp;siteurl=vandelaydesign.com%2Fblog%2Fsite-news%2Ffree-set-of-concrete-textures%2F">Vanderlaydesign (texture search)</a></li>
<li><a href="http://www.myinkblog.com/category/freebies/textures-freebies/">Myinkblog (textures category)</a> &#8211; Really good collections, like this <a href="http://www.myinkblog.com/2010/02/14/7-high-resolution-stone-textures/">7 High Resolution Stone Textures</a></li>
<li>WebDesignerDepot <a href="http://www.webdesignerdepot.com/category/patterns/">patterns</a> and <a href="http://www.webdesignerdepot.com/category/textures/">textures</a> &#8211; like this <a href="http://www.webdesignerdepot.com/2011/03/exclusive-freebie-funkies-patterns/">funkies patterns collection</a></li>
<li><a href="http://www.makeuseof.com/tag/20-great-resources-download-free-patterns/">20 great resources download free patterns</a> by makeuseof</li>
<li><a href="http://webdesignledger.com/freebies/best-free-textures-and-patterns-of-2010">Best free textures and patterns of 2010</a> by webdesignledger</li>
<li><a href="http://www.photoshoproadmap.com/Photoshop-blog/2009/03/20/60-beautiful-high-resolution-paper-backgrounds/">60 beautiful high resolution paper backgrounds</a> by photoshoproadmap</li>
<li><a href="http://naldzgraphics.net/freebies/a-collection-of-free-carpet-textures/">A collection of free carpet textures</a> by naldzgraphics</li>
<li><a href="http://www.reencoded.com/2011/04/07/50-free-wood-textures-for-your-designs/">50 free wood textures for your designs</a> and <a href="http://www.reencoded.com/2011/03/30/45-awesome-abstract-textures/">45 awesome abstract textures</a> by reencoded</li>
<li><a href="http://speckyboy.com/2011/03/21/1000-grunge-photoshop-brushes-40-sets/">1000 grunge photoshop brushes</a> (Yeah, brushes, why not?) and <a href="http://speckyboy.com/2011/03/04/50-fantastic-textures-for-your-toolbox/">50 fantastic textures for your toolbox</a> by speckyboy</li>
<li><a href="http://www.inspiremonkey.com/2011/03/34-must-have-texture-packs-for-web-designers/">34 must have texture packs for web designers</a> by inspiremonkey</li>
<li><a href=" http://pelfusion.com/freebies/awesome-collection-of-60-high-quality-free-textures/">Awesome collection of 60 high quality free textures</a> by pelfusion</li>
<li><a href="http://naldzgraphics.net/freebies/34-pebble-textures-for-a-cool-round-up-of-design-choices/">34 pebble textures for a cool round up of design choices</a> by naldzgraphics</li>
<li><a href="http://designresourcebox.com/drb/35-free-adobe-illustrator-patterns-sets-a-designer-should-use/">35 free adobe illustrator patterns sets a designer should use</a> by designresourcebox</li>
<li><a href="http://designmodo.com/35-free-abstract-background-pattern-and-texture-designs/">35 free abstract background pattern and texture designs</a> by designmodo</li>
</ul>
<h2>Templates and Other Elements</h2>
<p><a href="http://webdesignfan.com/create-a-portfolio-web-layout-in-photoshop/"><img class="alignnone size-full wp-image-46177" title="miscelements" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/05/miscelements.jpg" alt="" width="490" height="240" /></a></p>
<p>Yeah, we have a lot of other elements ready to use, that couldn&#8217;t be in above list. There are a lot of boxes, ribbons, slide shows, form elements, complete page templates and many other things that you could use in your work. There are a lot of creative design solutions for problems that we all could pass (like slide shows, or complete admin panels), and with this samples, you save a lot of precious hours.</p>
<p><strong>Why they are good:</strong> They surely save you a lot of time, and brings you inspiration for common problems.</p>
<p><strong>What you should pay attention:</strong> For every element we have a lot of possibilities, and many of them could be good. You don&#8217;t have to find a magical unique solution for everything, for each problem there&#8217;s more than likely a solution out there. This is why we have so many links in here :D</p>
<p><strong>Good Start points:</strong></p>
<ul>
<li>Some good sites like <a href="http://net.tutsplus.com/">NetTuts+</a>, <a href="http://designinstruct.com/free-resources/">DesignInstruct</a> and <a href="http://freepsdfiles.net/">Freepsdfiles.net</a> are full of good samples and elements</li>
<li><a href="http://blog.medhley.com/2011/03/10-useful-search-engines-for-graphic-designers.html">10 useful search engines for graphic designers</a> by blog.medhley.com</li>
<li><a href="http://inspirationfeed.com/2011/05/50-stunning-pixel-perfect-psd-freebies/">50 stunning pixel perfect psd freebies</a> by inspirationfeed</li>
<li><a href="http://webdesignfan.com/create-a-portfolio-web-layout-in-photoshop/">Create a portfolio web layout in photoshop</a> by webdesignfan</li>
<li><a href="http://visionwidget.com/showcase/graphics/597-free-travel-and-hotel-website-templates.html">Free travel and hotel website templates</a> and <a href="http://visionwidget.com/resources/vectors/596-web-design-elements-psds-for-user-interface-design.html">Web design elements psds for user interface design</a> by visionwidget</li>
<li><a href="http://creativefan.com/30-energy-infused-free-photoshop-web-design-psd-files/" target="_blank">30 energy infused free photoshop web design psd files</a> by creativefan</li>
<li><a href="http://www.reencoded.com/2011/04/11/get-inspired-50-creative-web-interfaces-from-deviantart/" target="_blank">50 creative web interfaces from deviantart</a> by reencoded</li>
<li><a href="http://designmodo.com/25-photoshop-web-layout-design-tutorials/" target="_blank">25 photoshop web layout design tutorials</a> by designmodo</li>
<li><a href="http://inspiredology.com/best-sites-for-web-resources/" target="_blank">Best sites for web resources</a> by inspiredology</li>
<li><a href="http://speckyboy.com/2011/04/11/50-free-psd-ui-kits-and-templates-for-web-designers/">50 free psd ui kits and templates for web designers</a> by speckyboy</li>
<li>Awesome <a href="http://medialoot.com/item/html5-admin-template/" target="_blank">Html5 admin template</a> by medialoot</li>
<li><a href="http://www.netdreams.co.uk/index.php/blog/2010/02/18/free-admin-skin-available-for-download/">Free admin skin available for download</a> by netdreams</li>
<li><a href="http://indeziner.com/resources/freebies/free-css-templates/free-htmlcss-jquery-admin-panel-inadmin/">Free html/css &amp; jquery admin panel inadmin</a> by indeziner</li>
<li><a href="http://chocotemplates.com/gui-free-css-template/spring-time/">GUI free css template</a> by chocotemplates</li>
<li><a href="http://mathew-davies.co.uk/2010/03/13/free-admin-template.html">Free admin template</a> by Mathew Davies</li>
</ul>
<h2>Are You Hungry Yet?</h2>
<p>I know that you have some useful links to share too. Why don&#8217;t you put them in comments, or write a response in your blog?</p>
<p>I&#8217;m sure that we will always need new sources to make our designing process more effective.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/100-design-elements-resources/feed/</wfw:commentRss>
		<slash:comments>36</slash:comments>
		</item>
		<item>
		<title>Designing Quality Infographics: Tips, Resources and Inspiration</title>
		<link>http://www.1stwebdesigner.com/inspiration/infographics-tips-resources/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/infographics-tips-resources/#comments</comments>
		<pubDate>Mon, 21 Mar 2011 10:00:51 +0000</pubDate>
		<dc:creator>Daniels Mekšs</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Interfaces]]></category>
		<category><![CDATA[infographics]]></category>
		<category><![CDATA[interface]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=42289</guid>
		<description><![CDATA[Infographics are graphic visual representations of data and information. They come in extremely handy when you need to explain complex information, numbers or data rather quickly and effectively. Infographics are used worldwide from magazines to metro stations. A great infographic can render complicated information easily understandable and engrossing. However, infographics can be pretty hard to design since [...]]]></description>
			<content:encoded><![CDATA[<p>Infographics are graphic visual representations of data and information. They come in extremely handy when you need to explain complex information, numbers or data rather quickly and effectively. Infographics are used worldwide from magazines to metro stations. A great infographic can render complicated information easily understandable and engrossing. However, infographics can be pretty hard to design since you have to gather together a lot of information and make it look good. In this article you&#8217;ll find some tips for designing outstanding infographics as well as some resources and inspiration.</p>
<p><span id="more-42289"></span></p>
<h3>Succinctness</h3>
<p>When creating an infographic your main goal is to answer a specific question or problem. Broach a question you want to cover in your graphic and start by answering it concisely. After you&#8217;ve done that you can add additional facts or information to make your graphic broader. Being concise about your topic will also help to create a more effective visualization of the graphic.</p>
<p><a href="http://www.travelinsurance.org/oil-spills/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/disastrous-oil-spills-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Disastrous-oil-spills-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://www.travelinsurance.org/oil-spills/">The World&#8217;s Most Disastrous Oil Spills</a> is the title for an infographic created by <a href="http://www.travelinsurance.org/">Travel Insurance</a>. Their infographic answers the question precisely. After the map with biggest oil spills they&#8217;ve added more significant and interesting facts. This is a prime example of being concise and relevant.</p>
<h3>Creativity</h3>
<p>Ingenuity and design is what separates an infographic from the simple charts you see elsewhere. Think of an infographic as a poster in which you can express yourself while keeping in mind the information you have to include. Don&#8217;t be afraid to use typography, illustrations, icons or other design elements. Creativity and a bit of an audacious design will make your infographics stand out.</p>
<p><a href="http://www.minicrane-hire.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/spider-crane-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Spider-crane-design-outstanding-infographics-tips-resources" /></a></p>
<p>This graphic, supplied by <a href="http://www.minicrane-hire.com/">Minicrane-Hire</a> provides some information about the original UNIC mini-spidercrane, which is celebrating its 8th anniversary this year. The design is definitely unique and creative,and is more about catchy and light facts than a serious analysis, so the emphasis is on creativity. The design is sort of grungy and resembles a poster. It&#8217;s really pleasing and engaging.</p>
<h3>Visualization</h3>
<p>You don&#8217;t want your infographic to be just plain text. Plain data is boring and can sometimes be hard to comprehend. Use geometric shapes, charts, diagrams, anything that can help people visualize your data. If possible, replace words with icons or symbols. Of course, you have to keep the information front and center since that&#8217;s the &#8216;info&#8217; in infographic. Nevertheless, remember that nowadays people are a lot more visual thanks to technology, and aren&#8217;t as interested in plainly presented information.</p>
<p><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/big-byte-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Big-byte-design-outstanding-infographics-tips-resources" /></p>
<p>This infographic by <a href="http://www.rackspace.com/">Rackscape</a> is an outstanding example of visualization in infographics. They&#8217;ve created a graphic about bytes, which may seem quite boring, though they&#8217;ve managed to make it extremely enjoyable and interesting. Each piece of information is accompanied by a large colorful illustration so the infographic is easy to comprehend.</p>
<h3>Organization</h3>
<p>Precise and well-organized information is the basis of any great infographic. Compare various information sources, make sure your acquired data is objective and relevant enough. Even the most elegant design won&#8217;t attract readers if the information is incorrect. Sometimes Google won&#8217;t be enough, you&#8217;ll have to visit a library or even turn to an expert. Infographics will be easier to create if you have some prior knowledge about the topic, or have a really good idea where to research the information. Information organization is one of the most essential things when designing an infographic. You have to try to organize your information contextually and visually.</p>
<p><a href="http://www.good.is/post/transparency-where-will-the-next-earthquake-hit/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/plates-collide-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Plates-collide-design-outstanding-infographics-tips-resources" /></a></p>
<p>This infographic about earthquakes is a collaboration between <a href="http://www.good.is/">GOOD</a> and <a href="http://www.columnfivemedia.com/">Column Five Media</a>. Design is not playing the main role in this graphic though the information and facts are very applicable and neatly organized. They&#8217;ve includes some important facts together with some demonstrative graphs.</p>
<h3>Transparency</h3>
<p>Infographics can be subjective and lead readers to biased conclusions. Always cite your information sources and give readers the chance to explore the information deeper if they want to. Give them the opportunity to find additional information straight from your infographic. Don&#8217;t hide your information (no matter how &#8216;top secret&#8217; you think the source is) because you&#8217;re publishing the graphic one way or another.</p>
<p><a href="http://www.good.is/post/african-electricity-and-renewable-energy/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/quest-power-africa-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Quest-power-africa-design-outstanding-infographics-tips-resources" /></a></p>
<p>This is another collaboration between <a href="http://www.good.is/">GOOD</a> and <a href="http://www.columnfivemedia.com/">Column Five Media</a>. They&#8217;ve created an infographic about electricity and energy supplies in Africa. It&#8217;s a complex subject so some people might want to look deeper into it. Though they&#8217;ve not included direct links, there is the list of sources used in the bottom of infographic.</p>
<h3>Accuracy</h3>
<p>Be accurate and precise when designing infographics. It&#8217;s easy to make mistakes when you&#8217;re trying to scale your data in charts and graphics. Use different sizes and shapes that visualize data, but don&#8217;t be excessive. You should never draw the shapes by hand and without a base scale. Use mathematical equations, compare the numbers and then use the same proportions in graphics.</p>
<p><a href="http://www.columnfivemedia.com/what-are-people-buying-online/?display=wide"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/people-buy-online-design-outstanding-infographics-tips-resources.jpg" border="0" alt="People-buy-online-design-outstanding-infographics-tips-resources" /></a></p>
<p>In this infographic by <a href="http://www.columnfivemedia.com/">Column Five Media</a> we can see perfect proportions being used. They&#8217;re using proportional semicircles to compare goods purchased in store with goods purchased online. The radius ratio of circles ideally matches the ratio of numbers.</p>
<h3>Relevance</h3>
<p>Find the style and look that fits your infographic. If you&#8217;re creating an infographic about an important and sensitive topic don&#8217;t make it bright and dashing. Choose a design that&#8217;s appropriate and reflects the topic best.</p>
<p><a href="http://www.visionsserviceadventures.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/struggling-countries-around-world-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Struggling-countries-around-world-design-outstanding-infographics-tips-resources" /></a></p>
<p>This infographic by <a href="http://www.visionsserviceadventures.com/">Visions Service Adventures</a> is a perfect example of appropriate infographic design. They&#8217;ve made an infographic about struggling countries in the world so they&#8217;ve included a world map as well as some illustrative icons and illustrations that reflect on the topic.</p>
<h3>Simplicity</h3>
<p>Don&#8217;t exaggerate with visual elements and the amount of information in infographics. Having a neatly-designed and informative infographic is good, but too much detail can make it too scattered and difficult to comprehend. Knowing your target audience will also help you to adjust the visual complexity and design of the infographic. If you&#8217;re designing an infographic, let&#8217;s say, for a poster that&#8217;s going to be seen on a streetlight a simple infographic is more likely to attract attention. People are not willing to spend time on complex graphics and data if they&#8217;re in rush. However if you&#8217;re creating an infographic for a magazine you can afford to include more complicated charts and in-depth information because it&#8217;s more likely that people will spend more time looking at your infographic.</p>
<p><a href="http://www.flowtown.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/deal-bloggers-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Deal-bloggers-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="file:///C:/Program%20Files%20(x86)/BlogJet/Data/Templates/blogosphere">What&#8217;s The Deal With Bloggers</a> by <a href="http://www.flowtown.com/">Flowtown</a> is a great example of simplicity in infographics. They&#8217;ve used a plain background, solid colors and simple charts to present the data. The result is a splendid, demonstrative and easy to understand infographic.</p>
<h3>Blogs &amp; Related Sites</h3>
<p>Just like with web design, there are many blogs out there dedicated to infographics and data visualization. Even if you&#8217;re not so interested in infographics you can find really useful and interesting information on some of them. Below you&#8217;ll find 10 of the best blogs and websites dedicated to infographics, data visualization and the art of information.</p>
<h2>1. <a href="http://flowingdata.com/">Flowing Data</a></h2>
<p><a href="http://flowingdata.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/flowing-data-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Flowing-data-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://flowingdata.com/">FlowingData</a> explores how designers, statisticians, and computer scientists are using data to understand ourselves better &#8211; mainly through data visualization. Money spent, reps at the gym, time you waste, and personal information you enter online are all forms of data. How can we understand these data flows? Data visualization lets non-experts make sense of it all.</p>
<h2>2. <a href="http://infosthetics.com/">Information Aesthetics</a></h2>
<p><a href="http://infosthetics.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/information-aesthetics-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Information-aesthetics-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://infosthetics.com/">Information Aesthetics</a> is a weblog that explores the symbiotic relationship between creative design and the field of information visualization. More specifically, it collects projects that represent data or information in original or intriguing ways.</p>
<h2>3. <a href="http://www.infographicsshowcase.com/">The Infographics Showcase</a></h2>
<p><a href="http://www.infographicsshowcase.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/showcase-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Showcase-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://www.infographicsshowcase.com/">Infographics Showcase</a> is collecting the best of the web infographics with a nod to some exciting graphic design. If you love information communicated in a visually appealing and simple manner then you are in the right place.</p>
<h2>4. <a href="http://www.informationisbeautiful.net/">Information Is Beautiful</a></h2>
<p><a href="http://www.informationisbeautiful.net/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/information-beautiful-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Information-beautiful-design-outstanding-infographics-tips-resources" /></a></p>
<p>David McCandless, is a London-based author, writer and designer. He&#8217;s written for The Guardian, Wired and others. He&#8217;s into anything strange and interesting. <a href="http://www.informationisbeautiful.net/">Information Is Beautiful</a> is his blog where you&#8217;ll find visualized ideas, issues, knowledge and data.</p>
<h2>5. <a href="http://www.coolinfographics.com/">Cool Infographics</a></h2>
<p><a href="http://www.coolinfographics.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/cool-infographics-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Cool-infographics-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://www.coolinfographics.com/">Cool Infographics</a> is a blog that highlights some of the best examples of data visualizations and infographics found in magazines, newspapers and on the Internet.</p>
<h2>6. <a href="http://bigthink.com/blogs/strange-maps">Strange Maps</a></h2>
<p><a href="http://bigthink.com/blogs/strange-maps"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/strange-maps-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Strange-maps-design-outstanding-infographics-tips-resources" /></a></p>
<p>Frank Jacobs loves maps, but finds most atlases too predictable. He collects and comments on all kinds of intriguing maps—real, fictional, and what-if ones—and has been writing the <a href="http://bigthink.com/blogs/strange-maps">Strange Maps</a> blog since 2006.</p>
<h2>7. <a href="http://chartporn.org/">Chart Porn</a></h2>
<p><a href="http://chartporn.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/chart-porn-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Chart-porn-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://chartporn.org/">Chart Porn</a> is compiled by Washington DC based economist/artist Dustin Smith.  This site grew out of an admiration for all the amazing data analysis work being done in the world, and the desire to pull it all together in one place.  The blog’s original focus on economics and graphic design has expanded over time to cover a wide range of topics.</p>
<h2>8. <a href="http://www.visualcomplexity.com/">Visual Complexity</a></h2>
<p><a href="http://www.visualcomplexity.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/visual-complexity-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Visual-complexity-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://www.visualcomplexity.com/">VisualComplexity</a> intends to be a unified resource space for anyone interested in the visualization of complex networks. The project&#8217;s main goal is to leverage a critical understanding of different visualization methods, across a series of disciplines, as diverse as Biology, Social Networks or the World Wide Web.</p>
<h2>9. <a href="http://datavisualization.ch/">Data Visualization</a></h2>
<p><a href="http://datavisualization.ch/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/data-visualization-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Data-visualization-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://datavisualization.ch/">Data Visualization</a> is a transversal discipline which harnesses the immense power of visual communication in order to explain, in an understandable manner, the relationships of meaning, cause and dependency which can be found among the great abstract masses of information generated by scientific and social processes.</p>
<h2>10. <a href="http://infographicsnews.blogspot.com/">Infographics News</a></h2>
<p><a href="http://infographicsnews.blogspot.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/news-design-outstanding-infographics-tips-resources.jpg" border="0" alt="News-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://infographicsnews.blogspot.com/">Infographics News</a> is a blog dedicated primarily to news, curiosities and information about infographics. They also cover news related to data visualization and unusual infographics.</p>
<h3>Information Sources &amp; Resources</h3>
<p>Information quality is crucial in infographics. If you have to work with infographics quite often, having a resource and data library is very important. I&#8217;ve gathered some of the best free websites and services that offer high-quality current data in many categories.</p>
<h2>1. <a href="http://www.census.gov/">U.S. Census Bureau</a></h2>
<p><a href="http://www.census.gov/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/census-bureau-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Census-bureau-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://www.census.gov/">U.S. Census Bureau</a> is the leading source of quality data about the nation&#8217;s people and economy. They provide the best mix of timeliness, relevancy, quality, and cost for the data they collect and provide. This website contains the Census Bureau’s Statistical Quality Standards, information quality guidelines, and procedures to seek correction of information that does not comply with the information quality guidelines.</p>
<h2>2. <a href="http://www.gallup.com/">Gallup</a></h2>
<p><a href="http://www.gallup.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/gallup-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Gallup-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://www.gallup.com/">Gallup Daily News</a> provides unique, unrivaled insight into the political, economic, and social issues of the moment. Gallup Daily and global tracking make Gallup Daily News a must-read for audiences that need the most accurate and up-to-date information on the thoughts of people around the world.</p>
<h2>3. <a href="http://www.reuters.com/">Reuters</a></h2>
<p><a href="http://www.reuters.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/reuters-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Reuters-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://www.reuters.com/">Thomson Reuters</a> is the world&#8217;s largest international multimedia news agency, providing investing news, world news, business news, technology news, headline news, small business news, news alerts, personal finance, stock market, and mutual funds information available on Reuters.com, video, mobile, and interactive television platforms.</p>
<h2>4. <a href="http://mbendi.com/">Mbendi</a></h2>
<h2><a href="http://mbendi.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/mbendi-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Mbendi-design-outstanding-infographics-tips-resources" /></a></h2>
<p><a href="http://mbendi.com/">MBendi</a> Information Services (Pty) Ltd is a privately owned Internet business publishing company founded in 1995 and based in Cape Town, South Africa. The company uses the Internet to support business and political decision makers worldwide.</p>
<h2>5. <a href="http://www.numberof.net/">NumberOf</a></h2>
<h2><a href="http://www.numberof.net/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/number-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Number-design-outstanding-infographics-tips-resources" /></a></h2>
<p>Here at <a href="http://www.numberof.net/">NumberOf</a> they try to answer the question that begins with “How Many..?”. All the facts are divided into five different categories. In order to keep the facts correct, they verify each fact after 6 months of its last modification.</p>
<h2>6. <a href="http://www.nationmaster.com/">Nation Master</a></h2>
<p><a href="http://www.nationmaster.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/nation-master-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Nation-master-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://www.nationmaster.com/">Nation Master</a> is a massive central data source and a handy way to graphically compare nations. NationMaster has a vast compilation of data from such sources as the CIA World Factbook, UN, and OECD. Using the form above, you can generate maps and graphs on all kinds of statistics with ease.</p>
<h2>7. <a href="http://ers.usda.gov/">Economic Research Service</a></h2>
<p><a href="http://ers.usda.gov/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/economic-research-service-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Economic-research-service-design-outstanding-infographics-tips-resources" /></a></p>
<p>The <a href="http://ers.usda.gov/">Economic Research Service</a> is a primary source of economic information and research in the U.S. Department of Agriculture. With over 350 employees, ERS conducts a research program to inform public and private decision making on economic and policy issues involving food, farming, natural resources, and rural development.</p>
<h2>8. <a href="http://www.everyblock.com/">Every Block</a></h2>
<p><a href="http://www.everyblock.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/every-block-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Every-block-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://www.everyblock.com/">EveryBlock</a> filters an assortment of local news by location so you can keep track of what’s happening on your block, in your neighborhood and all over your city. They aim to collect all of the news and civic goings-on that have happened recently in your city, and make it simple for you to keep track of news in particular areas. They’re a geographic filter — a “news feed” for your neighborhood, or, yes, even your block.</p>
<h2>9. <a href="http://www.guardian.co.uk/news/datablog">Guardian Data Blog</a></h2>
<p><a href="http://www.guardian.co.uk/news/datablog"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/guardian-data-blog-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Guardian-data-blog-design-outstanding-infographics-tips-resources" /></a></p>
<p>Guardian News &amp; Media (GNM) is the national division of Guardian Media Group. It publishes the Group&#8217;s flagship national newspapers – the Guardian and the Observer – as well as Guardian Weekly, one of the world&#8217;s best-selling international weekly newspapers, and the guardian.co.uk website. Their Data Blog is an awesome place to find infographics and data visualization daily.</p>
<h2>10. <a href="http://data.worldbank.org/">World Bank Data</a></h2>
<p><a href="http://data.worldbank.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/world-bank-data-design-outstanding-infographics-tips-resources.jpg" border="0" alt="World-bank-data-design-outstanding-infographics-tips-resources" /></a></p>
<p>This site is meant to provide all users with improved access to World Bank data and to make that data easy to find and use. The World Bank recognizes that transparency and accountability are essential to the development process and central to achieving the Bank’s mission to alleviate poverty.</p>
<h2>11. <a href="http://www.freebase.com/">Freebase</a></h2>
<p><a href="http://www.freebase.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/freebase-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Freebase-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://www.freebase.com/">Freebase</a> is an open, Creative Commons licensed repository of structured data of almost 20 million entities. An entity is a single person, place, or thing. Freebase connects entities together as a graph. Most of the topics are associated with one or more types (such as people, places, books, films, etc) and may have additional properties like &#8220;date of birth&#8221; for a person or latitude and longitude for a location. These types and properties and related concepts are called Schema.</p>
<h2>12. <a href="http://geocommons.com/">Geo Commons</a></h2>
<p><a href="http://geocommons.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/geo-commons-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Geo-commons-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://geocommons.com/">GeoCommons</a> enables everyone to find, use and share geographic data and maps. Easily create rich interactive visualizations to solve problems without any experience using traditional mapping tools.</p>
<h2>13. <a href="http://transparencydata.com/">Transparency Data</a></h2>
<p><a href="http://transparencydata.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/transparency-data-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Transparency-data-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://transparencydata.com/">Transparency Data</a> is a central source for federal lobbying disclosure, federal grants and contracts, earmarks and federal and state campaign contributions. Here you can begin your search, find the information you need, and then download records of what a candidate has received, what an individual has given, how much an organization has spent on lobbying, and many other queries.</p>
<h2>14. <a href="http://stats.oecd.org/">OECD Statistics</a></h2>
<p><a href="http://stats.oecd.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/oecd-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Oecd-design-outstanding-infographics-tips-resources" /></a></p>
<p>The mission of the Organisation for Economic Co-operation and Development (OECD) is to promote policies that will improve the economic and social well-being of people around the world. OECD.Stat includes data and metadata for OECD countries and selected non-member economies.</p>
<h2>15. <a href="http://www.globalhealthfacts.org/">Kaiser Family Foundation</a></h2>
<p><a href="http://www.globalhealthfacts.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/global-health-facts-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Global-health-facts-design-outstanding-infographics-tips-resources" /></a></p>
<p>A leader in health policy and communications, the <a href="http://www.globalhealthfacts.org/">Kaiser Family Foundation</a> is a non-profit, private operating foundation focusing on the major health care issues facing the U.S., as well as the U.S. role in global health policy.  Unlike grant-making foundations, Kaiser develops and runs its own research and communications programs, sometimes in partnership with other non-profit research organizations or major media companies.</p>
<h3>Premium Resources</h3>
<p>Finding high-quality data newspapers and other free services and sorting it in the way you need it can often be quite frustrating and time-consuming. We&#8217;d all love to get the exact data we need neatly delivered and as cheap as possible. I&#8217;ve gathered a couple of premium data marketplaces and sources for you to find dozens of high-quality data sheets. You can also make a requests for specific data you&#8217;re looking for. Unfortunately, I was able to find only three services, so if you know some more you could share them in the comments section.</p>
<h2>1. <a href="http://datamarket.com/">Data Market</a></h2>
<p><a href="http://datamarket.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/data-market-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Data-market-design-outstanding-infographics-tips-resources" /></a></p>
<p>Launched in May 2010, <a href="http://datamarket.com/">DataMarket</a> is a data portal that provides access to statistics and structured data from various public and private sector organizations. This enables users to find, compare, visualize and download statistics from organizations such as the UN, World Bank, Eurostat, Gapminder and others in a single place. Time series can be linked to news events and any selected data can be downloaded in a format suitable for use elsewhere, e.g. in Excel.</p>
<h2>2. <a href="http://www.datamarketplace.com/">Data Marketplace</a></h2>
<p><a href="http://www.datamarketplace.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/data-marketplace-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Data-marketplace-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://www.datamarketplace.com/">Data Marketplace</a> makes it easy for people to find, buy and sell data online. Most data must be aggregated, cleaned, and analyzed to extract useful information. It doesn&#8217;t make sense that the same person should do all of these things. Data Marketplace connects people who need data with people who are good at collecting, cleaning, and analyzing it.</p>
<h2>3. <a href="http://www.infochimps.com/">Infochimps</a></h2>
<p><a href="http://www.infochimps.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/infochimps-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Infochimps-design-outstanding-infographics-tips-resources" /></a></p>
<p><a href="http://www.infochimps.com/">Infochimps</a> is a place to find, sell and share data with others. It comes in two forms on our site: Data Sets: Instantly available for download. Some are free and some are for sale. Data APIs: Available with a simple subscription and an API key. Access very large or frequently updated data sets in minutes without having to host or scrape anything.</p>
<h3>Inspiration</h3>
<h2>1. <a href="http://www.autonetinsurance.co.uk/infographic/drivingdangers.html">The Dangers of Driving</a></h2>
<p><a href="http://www.autonetinsurance.co.uk/infographic/drivingdangers.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/dangers-driving-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Dangers-driving-design-outstanding-infographics-tips-resources" /></a></p>
<h2>2. <a href="http://colinharman.com/portfolio/how-would-you-like-your-graphic-design/">How Would You Like Your Graphic Design?</a></h2>
<p><a href="http://colinharman.com/portfolio/how-would-you-like-your-graphic-design/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/graphic-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Graphic-design-outstanding-infographics-tips-resources" /></a></p>
<h2>3. <a href="http://www.good.is/post/transparency-united-states-of-unhappy-campers/">United States of Unhappy Campers</a></h2>
<p><a href="http://www.good.is/post/transparency-united-states-of-unhappy-campers/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/unhappy-campers-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Unhappy-campers-design-outstanding-infographics-tips-resources" /></a></p>
<h2>4. <a href="http://www.behance.net/gallery/Digital-Nostalgia/236395">Digital Nostalgia</a></h2>
<p><a href="http://www.behance.net/gallery/Digital-Nostalgia/236395"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/digital-nostalgia-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Digital-nostalgia-design-outstanding-infographics-tips-resources" /></a></p>
<h2>5. <a href="http://www.onemoregraphic.com/2010/11/happy-birthday-f1.html">Happy Birthday Formula</a>&nbsp;</p>
<p><a href="http://www.onemoregraphic.com/2010/11/happy-birthday-f1.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/ferrari-formula-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Ferrari-formula-design-outstanding-infographics-tips-resources" /></a></h2>
<h2>6. <a href="http://www.flickr.com/photos/augustwinfield/4602089786/">The Potato Lifecycle</a></h2>
<p><a href="http://www.flickr.com/photos/augustwinfield/4602089786/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/potato-lifecycle-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Potato-lifecycle-design-outstanding-infographics-tips-resources" /></a></p>
<h2>7. <a href="http://www.hhcc.com/blog/2009/11/visualizing-daily-activities-with-media-wheel/">Visualizing Daily Activities With Media Wheel</a>&nbsp;</p>
<p><a href="http://www.hhcc.com/blog/2009/11/visualizing-daily-activities-with-media-wheel/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/media-wheel-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Media-wheel-design-outstanding-infographics-tips-resources" /></a></h2>
<h2>8. <a href="http://www.flickr.com/photos/ffranchi/3199102299/">Treni ad alta velocità</a></h2>
<p><a href="http://www.flickr.com/photos/ffranchi/3199102299/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/train-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Train-design-outstanding-infographics-tips-resources" /></a></p>
<h2>9. <a href="http://www.flickr.com/photos/gianordoli/3815093184/">How Developmental Aid Flows Around The Globe</a></h2>
<p><a href="http://www.flickr.com/photos/gianordoli/3815093184/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/developmental-aid-flow-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Developmental-aid-flow-design-outstanding-infographics-tips-resources" /></a></p>
<h2>10. <a href="http://www.mattkursmark.com/print-infographics.php">My Head Hurts</a></h2>
<p><a href="http://www.mattkursmark.com/print-infographics.php"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/head-hurt-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Head-hurt-design-outstanding-infographics-tips-resources" /></a></p>
<h2>11. <a href="http://www.flickr.com/photos/yusmart/5306952489/">The Ride of Your Life</a></h2>
<p><a href="http://www.flickr.com/photos/yusmart/5306952489/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/ride-life-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Ride-life-design-outstanding-infographics-tips-resources" /></a></p>
<h2>12. <a href="http://www.behance.net/gallery/iPod-plus-iTunes-Timeline/253340">iPod plus iTunes Timeline</a></h2>
<p><a href="http://www.behance.net/gallery/iPod-plus-iTunes-Timeline/253340"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/ipod-itunes-timeline-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Ipod-itunes-timeline-design-outstanding-infographics-tips-resources" /></a></p>
<h2>13. <a href="http://www.mint.com/blog/trends/coffee-day-09202010/">How Coffee Affects the Global Economy</a></h2>
<p><a href="http://www.mint.com/blog/trends/coffee-day-09202010/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/coffee-affect-global-economy-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Coffee-affect-global-economy-design-outstanding-infographics-tips-resources" /></a></p>
<h2>14. <a href="http://www.behance.net/Gallery/Information-Graphic--Bus-Ride-37-Mintutes/215694">Bus Ride 37 Mintutes</a></h2>
<p><a href="http://www.behance.net/Gallery/Information-Graphic--Bus-Ride-37-Mintutes/215694"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/bus-ride-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Bus-ride-design-outstanding-infographics-tips-resources" /></a></p>
<h2>15. <a href="http://www.behance.net/Gallery/Periodic-Table-of-Typefaces/193759">Periodic Table of Typefaces</a></h2>
<p><a href="http://www.behance.net/Gallery/Periodic-Table-of-Typefaces/193759"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/03/infographics-tips/periodic-table-typeface-design-outstanding-infographics-tips-resources.jpg" border="0" alt="Periodic-table-typeface-design-outstanding-infographics-tips-resources" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/infographics-tips-resources/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Can Free Design Resources Be Exemplary?</title>
		<link>http://www.1stwebdesigner.com/freebies/free-resources-designmoo/</link>
		<comments>http://www.1stwebdesigner.com/freebies/free-resources-designmoo/#comments</comments>
		<pubDate>Tue, 25 Jan 2011 10:00:16 +0000</pubDate>
		<dc:creator>Jared Latigo</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Icons]]></category>
		<category><![CDATA[News]]></category>
		<category><![CDATA[Templates]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[designing]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=39485</guid>
		<description><![CDATA[As designers we’re always after some good resources for inspiration and even for design elements to help us when we have a mental block. But the thing is that there’s not very many GREAT resources out there that give FREE stuff away. You have inspiration sites like Dribbble and DeviantArt (deviant does give some things [...]]]></description>
			<content:encoded><![CDATA[<p>As designers we’re always after some good resources for inspiration and even for design elements to help us when we have a mental block. But the thing is that there’s not very many GREAT resources out there that give FREE stuff away. You have inspiration sites like <a href="http://dribbble.com/" target="_blank">Dribbble</a> and <a href="http://www.deviantart.com/" target="_blank">DeviantArt</a> (deviant does give some things away) but there’s a new community emerging where the resources are not only free, but also outstanding. Let’s take a deeper look into this new community called <a href="http://designmoo.com/" target="_blank">DesignMoo</a>.</p>
<p><span id="more-39485"></span></p>
<p>First off, what I’d like to achieve with this article is to get your feedback not only these resources, but also your opinion on how you think these types of sites help or hurt our design community. So keep that in mind as you read through this and browse the site. Also feel free to offer other sites you’ve found that provide outstanding resources such as this one.</p>
<h2>DesignMoo, according to their about page, is&#8230;</h2>
<blockquote><p>“a community of designers who think it’s best to share our design resources. That means we love to share fonts, brushes, textures, icons, illustrations, and more with anyone that might find them useful.”</p></blockquote>
<p>And it’s true. It’s all free resources (but they just released a paid account with extras), contributed by some of the best designers around the world. It’s co-owned and operated by <a href="http://designmoo.com/members/chriswallace/" target="_blank">Chris Wallace</a> and <a href="http://designmoo.com/members/richhemsley/" target="_blank">Rich Hemsley</a>. Chris is owner of <a href="http://liftux.com/" target="_blank">LiftUX</a>, runs <a href="http://chris-wallace.com/" target="_blank">Chris-Wallace.com</a>, tweets as <a href="http://twitter.com/chriswallace" target="_blank">@chriswallace</a> and shoots on <a href="http://dribbble.com/chriswallace" target="_blank">Dribbble</a> of course. <a href="http://designmoo.com/members/richhemsley/" target="_blank">Rich Hemsley</a> is the awesome community manager, tweets as <a href="http://twitter.com/richhemsley" target="_blank">@richhemsley</a> and <a href="http://dribbble.com/richhemsley" target="_blank">Dribbbles</a> as well. The community is currently invite-only but growing very quickly and making a real wake in our design world. Check out some of the resources by a few of these amazing designers.</p>
<p style="text-align: center;"><img class="aligncenter" title="iPhone 4 Retina GUI" src="http://cdn.designmoo.com/wp-content/uploads/2011/01/iPhone-Moo.jpg" alt="iPhone 4 Retina GUI" width="400" height="300" /><br />
<a href="http://designmoo.com/members/richhemsley/" target="_blank">Rich Hemsley</a> &#8211; <a href="http://designmoo.com/resources/iphone-4-gui-retina/" target="_blank">iPhone 4 Retina GUI</a></p>
<p style="text-align: center;"><img class="aligncenter" title="vCard Design Resource" src="https://lh4.googleusercontent.com/XyKv8hzhq9aco285iAifuoPhQTUa-R3I1kxIreDEEqCri1IlM3acKj6MlUQAl3QQd1CxYAgutb4mpDV4p5i2E8Ca2V3kOoKvYgoMFhna0IbEaMnZWA" alt="vCard Design Resource" width="360px;" height="265px;" /><br />
<a href="http://designmoo.com/members/chriswallace/" target="_blank">Chris Wallace</a> &#8211; <a href="http://designmoo.com/resources/vcard-psd/" target="_blank">vCard PSD</a></p>
<p style="text-align: center;"><img class="aligncenter" title="Abstract Tileable Design Patterns" src="https://lh5.googleusercontent.com/0iNNFuaqqvOqO0Ww5YjBWEwLnTB-8N6njLzWyluWvdHvoW_jXOgU0eFDaDLqPm0KlYmuyjse4uupnsBEDM3pO91UYc2w7o0EQoIjwsAkuOp53oSlFA" alt="Abstract Tileable Design Patterns" width="400px;" height="300px;" /><br />
<a href="http://designmoo.com/members/allisongrayce/" target="_blank">Allison Grayce Nold</a> &#8211; <a href="http://designmoo.com/resources/abstract-tileable-patterns/" target="_blank">Abstract Tileable Patterns</a></p>
<p style="text-align: center;"><img class="aligncenter" title="Logo Identity Guideline Template" src="https://lh6.googleusercontent.com/v9GwExyfdftYkoz250wNukLvGUmq7ZhiXiMiVTb57t5jlH0sERxnnV_gUNIU0Mq4CgtWC7slm7jnbnJXX5SLmaMdQA3Y_cCefybc5jAiYTeUroAqsA" alt="Logo Identity Guideline Template" width="400px;" height="300px;" /><br />
<a href="http://designmoo.com/members/imjustcreative/" target="_blank">Graham Smith</a> &#8211; <a href="http://designmoo.com/resources/logo-identity-guideline-template-for-free-download/" target="_blank">Logo Identity Guideline Template</a></p>
<p style="text-align: center;"><img class="aligncenter" title="Clumsy Font Free" src="https://lh5.googleusercontent.com/5Cl_sqcvnRkRZxF0qCOEQtbn-A2vOLMHys5sKiwieHmYt9YoH6y87dYyggNrWauFBgPMXASKtINDmq8ayP0tkZYndrWdB0EqZ2wltoJvDSeHmHL2OA" alt="Clumsy Font Free" width="400px;" height="300px;" /><br />
<a href="http://designmoo.com/members/kylesteed/" target="_blank">Kyle Steed</a> &#8211; <a href="http://designmoo.com/resources/clumsy-2/" target="_blank">Clumsy</a></p>
<p style="text-align: center;"><img class="aligncenter" title="Invite Stamp Collection" src="https://lh6.googleusercontent.com/w5zj9jPZwv2f2Ccg5LcB45E8JcntyvNfkKXEB_ubgQtSSSHW4PoIInAF0F1BWZkWMLu7q_Rg9IVFSne-zyIGdTdRVTrFw6wcy8D2MbnhxPDl7-NcLQ" alt="Invite Stamp Collection" width="400px;" height="300px;" /><br />
<a href="http://designmoo.com/members/hillaryhopper/" target="_blank">Hillary Hopper</a> &#8211; <a href="http://designmoo.com/resources/invite-stamp-collection/" target="_blank">Invite Stamp Collection</a></p>
<h2>It’s About Quality</h2>
<p>So as you can see, we’re not talking about lame resources here. This isn’t clip art in a glorified form or anything. No, this is real stuff you can actually use and many times it will actually be better than what we ourselves can design. I’ve personally used several of these resources in my client’s work and it not only saves time, but looks awesome. The important thing to remember if you ever get into this community is to keep it awesome. Keep the elements you submit to a spectacular level. Give feedback, utilize what others offer, and contribute when you can.</p>
<h2>What DesignMoo Offers</h2>
<p>I recognize that there’s a million free resource sites out there. But like I mentioned, there’s none that I know of that provide the quality elements <a href="http://designmoo.com/">DesignMoo</a> does. Here’s a breakdown of some elements for you to chew on and make a better, more informed opinion about this community.</p>
<h3>Iconified</h3>
<p>Sexy icons are always a must for sites these days. It adds personality and enhances the look of the site immensely, if used properly of course. Not everyone can be an icon designer, that’s why I’m very thankful for those people sharing their mad skills with those of us less fortunate in this area of design.</p>
<p style="text-align: center;"><img class="aligncenter" title="awesome-free-calendar-icon" src="https://lh3.googleusercontent.com/nuprd7amfRDvnAis0U-s_y4l64zLJ-EDJp40RJ03RfiOS3JpNvE8Cj-xuT8xJdZhUWB6C5ojy3TutlD7LmfCIkcxGd0keAEGUdP1d1JfDc-1Btbm9Q" alt="awesome-free-calendar-icon" width="400px;" height="300px;" /><br />
<a href="http://designmoo.com/members/julien/" target="_blank">Julien Martin</a> &#8211; <a href="http://designmoo.com/resources/le-calendrier-2011/" target="_blank">Le Calendrier 2011</a></p>
<p style="text-align: center;"><img class="aligncenter" title="awesome-free-iphone-icons" src="https://lh3.googleusercontent.com/XKT8w41bIpTdit90U0td1HhH-_SFUrzpODT4sBnS_qd01dMLOYIAHvTnoP5FSoBtkt-H7bwNkp1FGv5GKDCuu3no0bquKT1ir7pxOYNF0zmudwiynQ" alt="awesome-free-iphone-icons" width="400px;" height="300px;" /><br />
<a href="http://designmoo.com/members/ponjoh/" target="_blank">Pontus Johansson</a> &#8211; <a href="http://designmoo.com/resources/iphone-icons/" target="_blank">iPhone Icons</a></p>
<p style="text-align: center;"><img class="aligncenter" title="free-bookshelf-icon" src="https://lh6.googleusercontent.com/mSXjRgpFCRX0FWf08xh9Qkps8CQUSmxq7Cya-Ess9tG6tZJ5MEQvYa8erAEUTaWz_mCursLtCIgNizAlOXxfTE0D-mXQ2V10aiz8MjG2K5t22lvbhw" alt="free-bookshelf-icon" width="400px;" height="300px;" /><br />
<a href="http://designmoo.com/members/peterburdette/" target="_blank">Peter Burdette</a> &#8211; <a href="http://designmoo.com/resources/bookshelf-icon-completed/" target="_blank">Bookshelf Icon</a></p>
<p style="text-align: center;"><img class="aligncenter" title="small-free-glyph-icons" src="https://lh6.googleusercontent.com/YrbOVoO_cwtuiEQw51gz4UUPcShuQicCPZ9HhMLMQ93yFb8XvvNiB2idmRpRgLZVeSSwfpESEb4vM3pCJsurnF-EdWdmcSOInkvnZCjl83KI4iKB3Q" alt="small-free-glyph-icons" width="400px;" height="300px;" /><br />
<a href="http://designmoo.com/members/umar/" target="_blank">Umar Irshad</a> &#8211; <a href="http://designmoo.com/resources/32px-glyphs/" target="_blank">32px Glyphs</a></p>
<p style="text-align: center;"><img class="aligncenter" title="social-media-buttons-icons" src="https://lh5.googleusercontent.com/Ig3SSLo8OrRvjkNwVC1MqXAU5jKJyfRlhRDgK6MK7KXV18vJtuXjPAWEDFQ4I9dW0NkG2RY3fP7WETivQBG7hoAMhWia15h_O_afq0Kp4qbLoww31w" alt="social-media-buttons-icons" width="400px;" height="300px;" /><br />
<a href="http://designmoo.com/members/alfredpereira/" target="_blank">Alfred Pereira</a> &#8211; <a href="http://designmoo.com/resources/social-buttons-vol-2/" target="_blank">Social Buttons Vol2</a></p>
<h3>UI Elements</h3>
<p>And who could turn down some really sweet UI elements? These things are few and far between to look this good and take several hours to create. So I’m game for grabbing some to use that were made by some down right awesome people. Take a look.</p>
<p style="text-align: center;"><img class="aligncenter" title="free-user-interface-kit" src="https://lh3.googleusercontent.com/CstbqVdROEFkNwpWRycpkGE7llSalTi9wP4fKiTyY6NjnrumDCnH0uzSj0FJYtxxmbRdGSqITxd-8MQmlaWRdsbMgvvpNNexQFdPX-lt97oOstpMGg" alt="free-user-interface-kit" width="400px;" height="300px;" /><br />
<a href="http://designmoo.com/members/morganallanknutson/" target="_blank">Morgan Allan Knutson</a> &#8211; <a href="http://designmoo.com/resources/chutzpah-user-interface-kit/" target="_blank">Chutzpah User Interface Kit</a></p>
<p style="text-align: center;"><img class="aligncenter" title="transparent-dropdown-menu-free" src="https://lh5.googleusercontent.com/7oxSCaiJUInZwZ44ohHIfyDQBdUfG8Y3cnhJX6RUCqafQlM_4oVfC4cEd7iewMvydv1PZ7u5F3NzUG8C1p91dsHAEuxEzSU4Bia7JM1ACtvbh08QQg" alt="transparent-dropdown-menu-free" width="400px;" height="300px;" /><br />
<a href="http://designmoo.com/members/richhemsley/" target="_blank">Rich Hemsley</a> &#8211; <a href="http://designmoo.com/resources/transparent-accordion-menu/" target="_blank">Transparent Menu</a></p>
<p style="text-align: center;"><img class="aligncenter" title="dark-user-interface-kit" src="https://lh4.googleusercontent.com/YQNruwDgNCQD-PB7SLfoDxb1yeyJuNDTtNnwmh-GbujnYHoRSVnnDWa__kbyv6LfzuZm8McYOOdBd7H9q4QGL0u91rrkAUtnKVaW9TAYCr450PcshQ" alt="dark-user-interface-kit" width="360px;" height="265px;" /><br />
<a href="http://designmoo.com/members/joshhemsley/" target="_blank">Josh Hemsley</a> &#8211; <a href="http://designmoo.com/resources/hiphop-ui/" target="_blank">Dark Sexy UI Elements</a></p>
<h3>Yummy Textures and Patterns</h3>
<p>Ah yes, finally some great textures. I know you can find them lots of places but these are seriously some of the highest quality ones I’ve seen&#8230;and they’re more web-related than some other sites out there. Here’s a few pretty sweet ones to chew on.</p>
<p style="text-align: center;"><img class="aligncenter" title="free-argyle-texture-pattern" src="https://lh5.googleusercontent.com/KkKCrdMoMWAVhjlPNewKxGMhmgABArdzjH3NuJxTY3oPfjUPMdIhi-uScHqEyS7He3MSJGYFUm12GjzMkxJsApwkFpHJAevlCzSJtwgF3e6PWOdn1g" alt="free-argyle-texture-pattern" width="400px;" height="300px;" /><br />
<a href="http://designmoo.com/members/hillaryhopper/" target="_blank">Hillary Hopper</a> &#8211; <a href="http://designmoo.com/resources/argyle-textures/" target="_blank">Argyle Textures</a></p>
<p style="text-align: center;"><img class="aligncenter" title="free-grunge-brushes" src="https://lh5.googleusercontent.com/heEA-ZCdo8R4QagiR8pEZO19-jXFk8jIssv_lKuoZWn-LaYyYuJi1PxyjtcFcxUfNhz8zU6mVQUuapRaom92hqZuTVJFbkKvW1SE2KTvJF3YC5cHgA" alt="free-grunge-brushes" width="360px;" height="265px;" /><br />
<a href="http://designmoo.com/members/liammckay/" target="_blank">Liam McKay</a> &#8211; <a href="http://designmoo.com/resources/function-subtle-grunge-brushes/" target="_blank">Function Subtle Grunge Brushes</a></p>
<p style="text-align: center;"><img class="aligncenter" title="free-bokeh-background" src="https://lh4.googleusercontent.com/ZmDNJT05tfh08TLZ8VU_NMNJEwMxFD-dLt3ViM6D_g2qo8yBHuXR5Nv0_y9goMAgc2CZSS51qUHMPHamvlM5uHTP64CEGAULV-7ZrQtMb4dP-kdWBg" alt="free-bokeh-background" width="360px;" height="265px;" /><br />
<a href="http://designmoo.com/members/davidlopez/" target="_blank">David Lopez</a> &#8211; <a href="http://designmoo.com/resources/bokeh/" target="_blank">Bokeh</a></p>
<h3>Oh Glorious Fonts</h3>
<p>We designers love some fonts. Whether we’re great typographers or not, we still like to have a plethora of them to choose from. And with the way CSS3 is breaking into the market and things like CuFon and such, we can utilize more of these fonts on our sites without the old “make an image” method. Here’s some fonts you may never have seen. Pretty nice, eh?</p>
<p style="text-align: center;"><img class="aligncenter" title="free-font-download" src="https://lh4.googleusercontent.com/PNYnxaxI_gxENd8Mobwj9faQH4VIJYpgqI4KMK2ZkBzdSeFVKdb7vWEs6ofFdm_HNwfXKyg9qyyrC9R_NfIHgADZV09klKe2_m5rDHZMAFNyBV15DA" alt="free-font-download" width="360px;" height="265px;" /><br />
<a href="http://designmoo.com/members/studiolitchfield/" target="_blank">Brian Carroll</a> &#8211; <a href="http://designmoo.com/resources/folly-by-litchytype/" target="_blank">Folly by Litchytype</a></p>
<p style="text-align: center;"><img class="aligncenter" title="free-font-download" src="https://lh4.googleusercontent.com/FdkIK6-O7e-BAFj5AX7-yM7FdJy4d6iJE2HlvIiqPBuQE6Z3YspaoIR24vTO-5NmnlfPCrb2Ozg7rSr3SfVEQe6B3USN3DQdzmoZl8jbRCfMsZVvsQ" alt="free-font-download" width="360px;" height="265px;" /><br />
<a href="http://designmoo.com/members/jedbridges/" target="_blank">Jed Bridges </a>- <a href="http://designmoo.com/resources/cerus-caps/" target="_blank">Cerus Caps</a></p>
<p style="text-align: center;"><img class="aligncenter" title="free-font-download" src="https://lh4.googleusercontent.com/t43FUGNbxJalcSWIcggctJJ8LbkR98GwGPaWtCrAnKuxvxrZWgjw3gt0x7UF9eJibxKR5jtPQ34gR-_MEPc9gx--9DdJuk8AeSj7s-uB3MP8U781Jg" alt="free-font-download" width="360px;" height="265px;" /><br />
<a href="http://designmoo.com/members/visualidiot/" target="_blank">A Visual Idiot</a> &#8211; <a href="http://designmoo.com/resources/novak/" target="_blank">Novak</a></p>
<h2>So Does Free Raise Any Issues?</h2>
<p>The simple answer is yes, but there’s also a no in there. Free can cause problems. Problems like overuse, looking cheap, and being misused in general. But <a href="http://designmoo.com/" target="_blank">DesignMoo</a> is doing things a little bit differently. They are adhering to a level of quality that’s unmatched in the marketplace and making sure to keep that level of quality by allowing it to be invite only. It works similar to <a href="http://dribbble.com/" target="_blank">Dribbble</a>&#8216;s invite system, if you’re familiar with that, in that members get limited invites each month or so and the people they invite appear under them so everyone knows if you’re keeping the quality level up or just inviting your best buds. There’s nothing wrong with inviting friends, but make sure they know what they’re doing and can contribute great stuff.</p>
<p>In saying that, I don&#8217;t see problems for <a href="http://designmoo.com/" target="_blank">DesignMoo</a> at this point, maybe in the future, but that bridge will be crossed when they come to it. Chris and Rich are infatuated with great design so I highly doubt it will ever turn into anything short of extraordinary.</p>
<h2>Something to Recognize</h2>
<p>If you&#8217;ve thoroughly read this far, you’ll know that I’ve mentioned there are other sites that provide similar services to what <a href="http://designmoo.com/" target="_blank">DesignMoo</a> does. And I said none compare&#8230;and I still believe that. In fact, during my writing of this article, <a href="http://designmoo.com/" target="_blank">DesignMoo</a> announced they have acquired <a href="http://365psd.com/" target="_blank">365psd.com</a>. We’re not sure of the future of the two and how they will combine their resources (or if they will), but this just proves how great and powerful of a resource this site can and will be. You can read the full article on the “merger” over at <a href="http://jonnotie.tumblr.com/post/2797225709/365psd-under-new-management" target="_blank">Jon Notie’s blog</a>.</p>
<h2>My Take on This and That</h2>
<p>I’m a design lover as well and I get irritated when there’s a site that could be great but has poor design features or usability. I realize that your design program is not everything for a website, but design itself entails a lot. It has a dash of user experience and a hint of personality among many other elements. Design is all around us and there’s nothing wrong with a site that provides resources and elements that can enhance the user experience of a site, especially when they are at no cost to use. Quality elements are great. An outstanding collection of them for us to choose from is even better. So with that, I want to encourage you to comment below and tell me what you think of design resource sites. What do you find helpful about them? Or hurtful about them? Do you have any ones other than <a href="http://designmoo.com/" target="_blank">DesignMoo</a>? Let’s get conversing.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/freebies/free-resources-designmoo/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>45 Top and Most Popular Articles of 2010 in Design Community</title>
		<link>http://www.1stwebdesigner.com/inspiration/most-popular-design-articles-2010/</link>
		<comments>http://www.1stwebdesigner.com/inspiration/most-popular-design-articles-2010/#comments</comments>
		<pubDate>Fri, 14 Jan 2011 10:00:17 +0000</pubDate>
		<dc:creator>Charina Torres</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[news]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Roundup]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=38540</guid>
		<description><![CDATA[2010 was a great year for everyone, even for web design bloggers. In this article, you will see a compilation of the great and most popular freebie articles, those that are inspirational and those that give tips and tutorials published by several design blogs. In this way, we can recap on what are the topics and ideas many people got [...]]]></description>
			<content:encoded><![CDATA[<p>2010 was a great year for everyone, even for web design bloggers. In this article, you will see a compilation of the great and most popular freebie articles, those that are inspirational and those that give tips and tutorials published by several design blogs. In this way, we can recap on what are the topics and ideas many people got interested in. I know you are all excited, so here are the best and useful design articles of the year 2010!</p>
<p><span id="more-38540"></span></p>
<h2>Inspirational Articles</h2>
<h3>1. <a href="http://www.1stwebdesigner.com/inspiration/creative-resume-designs/" target="_blank">40 Stunningly Creative Resume Designs on DeviantArt</a></h3>
<p>Give your resumes a creative effect with these 40 great resume design roundups created by some Deviantart users.</p>
<p style="text-align: center;"><span style="color: #000000;"> </span><span style="color: #0066cc;"><a href="http://www.1stwebdesigner.com/inspiration/creative-resume-designs/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/996d4d4d6ceea2f6.jpg" border="0" alt="996d4d4d6ceea2f6" align="middle" /></a></span></p>
<h3>2. <a href="http://www.1stwebdesigner.com/inspiration/extremely-creative-movie-posters/" target="_blank">60 Extremely Creative Movie Posters</a></h3>
<p>Movie posters are a great way in advertising films. Let&#8217;s take a read on this showcase of sixty creatively done movie posters to give you an idea on how can movie posters be attractive to viewers.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.1stwebdesigner.com/inspiration/extremely-creative-movie-posters/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/disaster-movie.jpg" border="0" alt="Disaster movie" align="middle" /></a></span></p>
<h3>3. <a href="http://www.1stwebdesigner.com/inspiration/trendy-web-design-interfaces-deviantart/" target="_blank">55 Trendy Web Design Interfaces From Deviantart</a></h3>
<p>Be inspired with this article roundup of trendy web interfaces design by some Deviantart users.</p>
<p style="text-align: center;"><span style="color: #0066cc;"> </span><span style="color: #000000;"> </span><a href="http://www.1stwebdesigner.com/inspiration/trendy-web-design-interfaces-deviantart/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/infoshop.jpg" border="0" alt="Infoshop" align="middle" /></a></p>
<h3>4. <a href="http://www.1stwebdesigner.com/inspiration/superb-3d-flash-websites/" target="_blank">50 Superb 3D Flash Websites You Must See</a></h3>
<p>Flash websites really capture viewers&#8217; attention. As what this article say, they can be considered as different kind of art in the website community. This article showcases 3D Flash websites for you to get inspired.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.1stwebdesigner.com/inspiration/superb-3d-flash-websites/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/ge-3d-flash-inspiration-webdesign.jpg" border="0" alt="Ge-3d-flash-inspiration-webdesign" align="middle" /></a></span></p>
<h3>5. <a href="http://pelfusion.com/inspiration/45-interesting-examples-of-big-backgrounds-in-web-design/" target="_blank">45 Interesting Examples of Big Backgrounds in Web Design</a></h3>
<p>Small in size monitors are now going out of the trend and fast and large monitor resolution are now advancing. To give better look on websites, web designs with large backgrounds are now created. Be inspired with this article that showcases websites with big backgrounds.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://pelfusion.com/inspiration/45-interesting-examples-of-big-backgrounds-in-web-design/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/Aussie-Bbq-Legends.jpg" border="0" alt="Aussie-Bbq-Legends" align="middle" /></a></span></p>
<h3>6. <a href="http://sixrevisions.com/design-showcase-inspiration/50-examples-of-drop-down-navigation-menus-in-web-designs/" target="_blank">50 Examples of Drop-Down Navigation Menus in Web Designs</a></h3>
<p>Drop-down menus are great way to group your contents into categories, and it helps viewers to find what they are looking for easily. In this article, you will find a collection of different types of drop-down menus used in several websites.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://sixrevisions.com/design-showcase-inspiration/50-examples-of-drop-down-navigation-menus-in-web-designs/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/05-51_dropdown_menus_ld_img.jpg" border="0" alt="05-51_dropdown_menus_ld_img" align="middle" /></a></span></p>
<h3>7. <a href="http://sixrevisions.com/design-showcase-inspiration/beautiful-footers-in-modern-web-design-for-inspiration/" target="_blank">Beautiful Footers in Modern Web Design for Inspiration</a></h3>
<p>Read and get inspired by this collection of several modern designed footers of different kinds of website.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://sixrevisions.com/design-showcase-inspiration/beautiful-footers-in-modern-web-design-for-inspiration/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/24-01_beautiful_footers_ld_img.jpg" border="0" alt="24-01_beautiful_footers_ld_img" align="middle" /></a></span></p>
<h3>8. <a href="http://sixrevisions.com/design-showcase-inspiration/using-photos-web-design/" target="_blank">Excellent Examples of Using Photos in Web Design</a></h3>
<p>Photos used as a background gives your viewers specific information on what you are advertising for. In this article, you will find several websites that use a large photo as the background or header.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://sixrevisions.com/design-showcase-inspiration/using-photos-web-design/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/28-03_alley_pfannkuchen.jpg" border="0" alt="28-03_alley_pfannkuchen" align="middle" /></a></span></p>
<h3>9. <a href="http://sixrevisions.com/design-showcase-inspiration/60-beautiful-clean-and-light-web-designs-for-inspiration/" target="_blank">60 Beautiful Clean and Light Web Designs for Inspiration</a></h3>
<p>Clean and light web designs give professional and elegant look on websites. This article showcases websites with clean and light design.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://sixrevisions.com/design-showcase-inspiration/60-beautiful-clean-and-light-web-designs-for-inspiration/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/10-01_31three.jpg" border="0" alt="10-01_31three" align="middle" /></a></span></p>
<h3>10. <a href="http://sixrevisions.com/design-showcase-inspiration/25-beautiful-examples-of-coming-soon-pages/" target="_blank">25 Beautiful Examples of “Coming Soon” Pages</a></h3>
<p>There are times that websites has a Coming Soon message on the page. This article</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://sixrevisions.com/design-showcase-inspiration/25-beautiful-examples-of-coming-soon-pages/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/06-13_squid_chef.jpg" border="0" alt="06-13_squid_chef" align="middle" /></a></span></p>
<h3>11. <a href="http://webdesignledger.com/inspiration/20-logos-with-clever-negative-space" target="_blank">20 Logos with Clever Negative Space</a></h3>
<p>Designers used different kinds of techniques now to give twists on their designs. Logo designers use negative space to form figures to convey some message. In this article, you will see several logos that have negative spaces.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://webdesignledger.com/inspiration/20-logos-with-clever-negative-space"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/negative_space_logos_1.jpg" border="0" alt="Negative_space_logos_1" align="middle" /></a></span></p>
<h3>12. <a href="http://webdesignledger.com/inspiration/30-fresh-and-beautiful-web-designs" target="_blank">30 Fresh and Beautiful Web Designs</a></h3>
<p>A roundup of websites that are beautifully made and gives a refreshing look for viewers.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://webdesignledger.com/inspiration/30-fresh-and-beautiful-web-designs"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/randominsp01.jpg" border="0" alt="Randominsp01" align="middle" /></a></span></p>
<h3>13. <a href="http://webdesignledger.com/inspiration/35-colorful-web-designs-to-inspire-you" target="_blank">35 Colorful Web Designs to Inspire You</a></h3>
<p>Colors capture viewers&#8217; attention, that&#8217;s why most designers create websites that are colorful. In this article, you</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://webdesignledger.com/inspiration/35-colorful-web-designs-to-inspire-you"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/colorful_websites_1.jpg" border="0" alt="Colorful_websites_1" align="middle" /></a></span></p>
<h3>14. <a href="http://spyrestudios.com/hilarious-print-ads/" target="_blank">30 Hilarious Print Advertisements</a></h3>
<p>An effective way to advertise is by using print outs or print ads. These are commonly found on magazines, billboards and other periodicals. This article gives you an inspiration by presenting hilarious print advertisements.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://spyrestudios.com/hilarious-print-ads/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/asdf.jpg" border="0" alt="Asdf" align="middle" /></a></span></p>
<h3>15. <a href="http://spyrestudios.com/40-sexy-and-creative-typographic-logo-designs/" target="_blank">40 Sexy And Creative Typographic Logo Designs</a></h3>
<p>I haven&#8217;t thought that even logos can be modern and creative. Take time to read this article to get amazed and be inspired with this collection of sexy and creative typographic logo designs.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://spyrestudios.com/40-sexy-and-creative-typographic-logo-designs/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/35.jpg" border="0" alt="35" align="middle" /></a></span></p>
<h3>16. <a href="http://speckyboy.com/2010/11/09/30-powerful-and-compelling-public-awareness-print-ads/" target="_blank">30 Powerful and Compelling Public Awareness Print Ads</a></h3>
<p>Public awareness print ads tend to promote goodness for the people. These ads should encourage people to follow what the ad is saying. This article compiles effective print ads of public awareness.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://speckyboy.com/2010/11/09/30-powerful-and-compelling-public-awareness-print-ads/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/02.jpg" border="0" alt="02" align="middle" /></a></span></p>
<h3>17. <a href="http://www.designzzz.com/20-amazing-creature-illustrations-by-imaginism/" target="_blank">20 Amazing Creature Illustrations by Imaginism</a></h3>
<p>Take a look at these creatures that were done by the imaginative minds of designers.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.designzzz.com/20-amazing-creature-illustrations-by-imaginism/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/carrot.jpg" border="0" alt="Carrot" align="middle" /></a></span></p>
<h3>18. <a href="http://www.designzzz.com/watercolor-masterpieces-art/" target="_blank">20 Amazing Watercolor Masterpieces</a></h3>
<p>Watercolor paintings are one thing I really admire, I find them refreshing and creative. This compilation offers beautifully painted masterpieces with the use of watercolor.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.designzzz.com/watercolor-masterpieces-art/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/EagleHarbor.jpg" border="0" alt="EagleHarbor" align="middle" /></a></span></p>
<h3>19. <a href="http://www.designzzz.com/hilarious-effective-funny-outdoor-advertisements/" target="_blank">20 Hilarious and Effective Outdoor Advertisements</a></h3>
<p>Here is a fun post of collection of advertisements that have awesome concepts for inspiration.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.designzzz.com/hilarious-effective-funny-outdoor-advertisements/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/1.jpg" border="0" alt="1" align="middle" /></a></span></p>
<h3>20. <a href="http://vandelaydesign.com/blog/galleries/transparency/" target="_blank">Showcase of Transparency in Web Design</a></h3>
<p>Transparency is one trend designers use in designing a website. Here is a collection of beautifully designed websites with transparency.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://vandelaydesign.com/blog/galleries/transparency/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/tran-7.jpg" border="0" alt="Tran-7" align="middle" /></a></span></p>
<h2>Freebies</h2>
<h3>21. <a href="http://www.1stwebdesigner.com/freebies/stylish-jquery-tooltip-plugins-webdesign/" target="_blank">30 Stylish jQuery Tooltip Plugins For Catchy Designs</a></h3>
<p>Here are jQuery tooltip plugins that you can use to make your web designs more attractive.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.1stwebdesigner.com/freebies/stylish-jquery-tooltip-plugins-webdesign/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/flowplayer-dynamic-tooltip-jquery-tooltip-plugin-for-web-design.jpg" border="0" alt="Flowplayer-dynamic-tooltip-jquery-tooltip-plugin-for-web-design" align="middle" /></a></span></p>
<p><span style="color: #0066cc;"><a href="http://www.1stwebdesigner.com/freebies/creative-vector-wallpapers-deviantart/"></a></span></p>
<h3>22. <a href="http://www.designyourway.net/blog/wallpapers/84-of-the-best-vector-wallpapers/" target="_blank">84 of the best vector wallpapers</a></h3>
<p>To give a creative look for your desktop, take a look at this article that compiles the best vector wallpapers.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.designyourway.net/blog/wallpapers/84-of-the-best-vector-wallpapers/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/vector-wallpaper.jpg" border="0" alt="Vector wallpaper" align="middle" /></a></span></p>
<h3>23. <a href="http://www.1stwebdesigner.com/freebies/free-fonts-best-for-business-logos/" target="_blank">30 Free Fonts Best for Business Logos</a></h3>
<p>Check out these free fonts you can download and use in creating a business logo.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.1stwebdesigner.com/freebies/free-fonts-best-for-business-logos/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/01-delicious-smallcaps1.jpg" border="0" alt="01-delicious-smallcaps1" align="middle" /></a></span></p>
<h3>24. <a href="http://www.1stwebdesigner.com/design/best-web-builders-create-free-website/" target="_blank">45 Web Builders to Create an Insanely Awesome Free Website</a></h3>
<p>Here are forty-five web builders you may want to check to create a free website in an easy way.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.1stwebdesigner.com/design/best-web-builders-create-free-website/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/google-sites-free-website1.jpg" border="0" alt="Google-sites-free-website1" align="middle" /></a></span></p>
<p><span style="color: #0066cc;"><a href="http://pelfusion.com/awesome-graphics/60-elegant-apple-wallpapers-for-ipad/"></a></span></p>
<h3>25. <a href="http://sixrevisions.com/freebies/wordpress-themes/free-wordpress-theme-zexee/" target="_blank">Free WordPress Theme: Zexeev</a></h3>
<p>Zexeev is a free theme you can use in WordPress. Take a look on this article to find out on what it can offer.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://sixrevisions.com/freebies/wordpress-themes/free-wordpress-theme-zexee/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/23-01_zexee_lead_img.jpg" border="0" alt="23-01_zexee_lead_img" align="middle" /></a></span></p>
<h3>26. <a href="http://pelfusion.com/tools/25-must-have-iphone-apps-for-graphic-designers/" target="_blank">25 Must Have iPhone Apps for Graphic Designers</a></h3>
<p>Other than iPad, iPhone is also having its way to be popular. This gadget can also be useful for graphic designers for it offers several applications that are for designing purposes. This article compiles iPhone applications dedicated for graphic designers.</p>
<p style="text-align: center;"><a href="http://pelfusion.com/tools/25-must-have-iphone-apps-for-graphic-designers/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/Color-expert-for-iphone-apps.jpg" border="0" alt="Color-expert-for-iphone-apps" align="middle" /></a></p>
<h3>27. <a href="http://sixrevisions.com/freebies/icons/social-sketches-exclusive-free-hand-sketched-icon-set/" target="_blank">Social Sketches: Exclusive Free Hand-Sketched Icon Set</a></h3>
<p>Social Sketches offers free icons that are in sketch style to give a personal touch on your designs.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://sixrevisions.com/freebies/icons/social-sketches-exclusive-free-hand-sketched-icon-set/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/14-01_social_sketches_leadimg.jpg" border="0" alt="14-01_social_sketches_leadimg" align="middle" /></a></span></p>
<h3>28. <a href="http://www.youthedesigner.com/2010/02/25/40-new-and-trendy-free-social-media-bookmark-icon-sets/" target="_blank">40 New and Trendy Free Social Media Bookmark Icon Sets</a></h3>
<p>These are compilation of social icons in different designs that you may use in linking to social media such as Digg, Stumble Upon, Delicious and Twitter. And these are for free!</p>
<p style="text-align: center;"><a href="http://www.youthedesigner.com/2010/02/25/40-new-and-trendy-free-social-media-bookmark-icon-sets/"><img class="aligncenter size-full wp-image-39516" title="social icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/social-icons.jpg" alt="" width="500" height="250" /></a></p>
<h3>29. <a href="http://speckyboy.com/2010/11/08/40-essential-css-templates-resources-and-downloads/" target="_blank">40 Essential CSS Templates, Resources and Downloads</a></h3>
<p>This is a great article for those who are searching for CSS templates and resources.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://speckyboy.com/2010/11/08/40-essential-css-templates-resources-and-downloads/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/css_pack_02.jpg" border="0" alt="Css_pack_02" align="middle" /></a></span></p>
<h3>30. <a href="http://speckyboy.com/2010/09/02/20-useful-free-pdf-ebooks-for-designers-and-bloggers/" target="_blank">20 Useful Free PDF ebooks for Designers and Bloggers</a></h3>
<p>Books are great tools when you would like to freshen up your memory or wants to learn new things, good thing that PDF e-books are born. In this way, we can read books with the use of monitors and this is very useful for tech-y persons like me. This article rounds up free PDF e-book that designers and bloggers can download and read.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://speckyboy.com/2010/09/02/20-useful-free-pdf-ebooks-for-designers-and-bloggers/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/20-useful-pdf-books.jpg" border="0" alt="20 useful pdf books" align="middle" /></a></span></p>
<p><span style="color: #0066cc;"><a href="http://www.instantshift.com/2009/03/19/125-ultimate-round-up-of-illustrator-tutorials/"></a></span></p>
<h3>31. <a href="http://www.smashingapps.com/2010/12/27/40-high-quality-free-psd-files-released-in-2010.html" target="_blank">40 High Quality Free PSD Files Released In 2010</a></h3>
<p>Who doesn&#8217;t wants free high-quality of PSD files to use in your designs? You may find 40 free downloadable PSD files on this article.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.smashingapps.com/2010/12/27/40-high-quality-free-psd-files-released-in-2010.html"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/psd-file.jpg" border="0" alt="Psd file" align="middle" /></a></span></p>
<p><span style="color: #0066cc;"><a href="http://www.2expertsdesign.com/photoshop/500-free-download-high-quality-photoshop-psd-files-for-designers"></a></span></p>
<h3>32. <a href="http://designrfix.com/freebies/psd-website-templates-free-high-quality-designs" target="_blank">PSD Website Templates: Free High Quality Designs</a> <span style="color: #000000;"> </span></h3>
<p>How about website templates? These are free and high in quality. Read and choose what you like the best, then download.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://designrfix.com/freebies/psd-website-templates-free-high-quality-designs"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/psd-website-template.jpg" border="0" alt="Psd website template" align="middle" /></a></span></p>
<h3>33. <a href="http://www.2expertsdesign.com/graphics/desktop-wallpapers-for-minimalist-lovers" target="_blank">Desktop Wallpapers for Minimalist Lovers </a><a href="http://www.1stwebdesigner.com/Desktop_20Wallpapers_20for_20Minimalist_20Lovers" target="_blank"></a></h3>
<p>I think wallpaper with minimal designs are the best as desktop backgrounds. Try reading this article that rounds up desktop wallpapers for minimalist lovers.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.2expertsdesign.com/graphics/desktop-wallpapers-for-minimalist-lovers"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/wallpaper-minimalist4.jpg" border="0" alt="Wallpaper-minimalist4" align="middle" /></a></span></p>
<h3>34. <a href="http://www.webdesignerdepot.com/2010/07/200-exclusive-free-icons-reflection/" target="_blank">200+ Exclusive Free Icons: “Reflection”</a></h3>
<p><a href="http://www.webdesignerdepot.com/" target="_blank">Webdesigner Depot</a> created a stylish and elegant icons named, Reflection. Click the link or the picture below to download the icons.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.webdesignerdepot.com/2010/07/200-exclusive-free-icons-reflection/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/reflection-icons.jpg" border="0" alt="Reflection icons" align="middle" /></a></span></p>
<h3>35. <a href="http://theroxor.com/2010/01/06/10-must-have-firefox-plugins-for-web-designers/" target="_blank">10 Must-Have FireFox Plugins For Web Designers</a></h3>
<p>Here is an article that compiles must-have plugins for Firefox browser that can be useful for web designers.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://theroxor.com/2010/01/06/10-must-have-firefox-plugins-for-web-designers/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/firefox-plugins.jpg" border="0" alt="Firefox plugins" align="middle" /></a></span></p>
<h2>How-To&#8217;s</h2>
<h3>36. <a href="http://naldzgraphics.net/tutorials/40-best-cinema-4d-tutorials-that-you%E2%80%99ll-love-to-learn/" target="_blank">40+ Best Cinema 4D Tutorials that You’ll Love to Learn</a><a href="http://naldzgraphics.net/tutorials/40-best-cinema-4d-tutorials-that-you%E2%80%99ll-love-to-learn/" target="_blank"></a></h3>
<p>This is a compilation of the best Cinema 4D tutorials and practices you may use in creating 4D designs.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://naldzgraphics.net/tutorials/40-best-cinema-4d-tutorials-that-you%E2%80%99ll-love-to-learn/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/cinema-4d-tutorial.jpg" border="0" alt="Cinema 4d tutorial" align="middle" /></a></span></p>
<p><span style="color: #0066cc;"><a href="http://www.instantshift.com/2009/03/31/80-excellent-cinema-4d-tutorials-and-best-practices/"></a></span></p>
<h3>37. <a href="http://www.tripwiremagazine.com/2010/01/140-high-quality-categorized-photoshop-text-effect-tutorials.html" target="_blank">140+ High Quality Categorized Photoshop Text Effect Tutorials</a></h3>
<p>Typography also affects on what message a design conveys. Here are tutorials that will guide you in creating beautiful effects on your texts.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.tripwiremagazine.com/2010/01/140-high-quality-categorized-photoshop-text-effect-tutorials.html"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/text-effect-tutorial.jpg" border="0" alt="Text effect tutorial" align="middle" /></a></span></p>
<p><span style="color: #0066cc;"><a href="http://www.instantshift.com/2009/01/20/65-smoking-photoshop-text-effect-tutorials/"></a></span></p>
<h3>38. <a href="http://www.1stwebdesigner.com/tutorials/detailed-wordpress-blog-layout/" target="_blank">Create A Detailed Blue WordPress Blog Layout In Photoshop</a></h3>
<p>Here is a detailed tutorial of on how can you create a WordPress blog layout in a Blue color.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.1stwebdesigner.com/tutorials/detailed-wordpress-blog-layout/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/blue-tutorial-preview_large.jpg" border="0" alt="Blue-tutorial-preview_large" align="middle" /></a></span></p>
<h3>39. <a href="http://theroxor.com/2010/10/15/essential-photoshop-poster-tutorials/" target="_blank">Essential Photoshop Poster Tutorials</a><a href="http://theroxor.com/2010/10/15/essential-photoshop-poster-tutorials/" target="_blank"></a></h3>
<p>This article presents you great compilation of Photoshop tutorials you may use in creating poster designs. You will not only learn how to use Photoshop, you may also learn different techniques when creating such designs.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://theroxor.com/2010/10/15/essential-photoshop-poster-tutorials/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/photoshop-poster-tutorial.jpg" border="0" alt="Photoshop poster tutorial" align="middle" /></a></span></p>
<p><span style="color: #0066cc;"><a href="http://www.instantshift.com/2009/08/09/77-excellent-photoshop-tutorials-for-designing-posters/"></a></span></p>
<h3>40. <a href="http://www.myinkblog.com/2010/01/25/matte-painting-create-a-distressed-surreal-cityscape/" target="_blank">Matte Painting: Create A Distressed Surreal Cityscape</a></h3>
<p>This tutorial helps you transform a picture in a matte painting with a distressed effect by using Adobe Photoshop.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.myinkblog.com/2010/01/25/matte-painting-create-a-distressed-surreal-cityscape/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/poster1.jpg" border="0" alt="Poster1" align="middle" /></a></span></p>
<p><span style="color: #0066cc;"><a href="http://www.myinkblog.com/2008/06/11/create-an-awesome-grass-texture-in-photoshop/"></a></span></p>
<h3>41. <a href="http://blog.tshirt-factory.com/?p=1074" target="_blank">60 Cartoon Character Illustration Tutorials</a></h3>
<p>This article gives you good cartoon character tutorials with the use of Adobe Illustrator.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://blog.tshirt-factory.com/?p=1074"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/cartoon-character.jpg" border="0" alt="Cartoon character" align="middle" /></a></span></p>
<h3>42. <a href="http://www.onextrapixel.com/2010/10/07/how-to-use-the-pencil-tool-and-the-paintbrush-tool-to-pimp-your-picture/" target="_blank">How to Use The Pencil Tool and The Paintbrush Tool to Pimp Your Picture</a></h3>
<p>In this tutorial, you will be learning how to use Pencil Tool and Paintbrush Tool and some techniques on how to polish a simple picture with the use of these tools.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.onextrapixel.com/2010/10/07/how-to-use-the-pencil-tool-and-the-paintbrush-tool-to-pimp-your-picture/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/pencil-too.jpg" border="0" alt="Pencil tool" /></a></span></p>
<h3>43. <a href="http://www.pvmgarage.com/2010/03/how-to-create-a-grungy-and-sticky-icon-with-photoshop-free-icon-set-available/" target="_blank">How To Create A Grungy And “Sticky” Icon With Photoshop – Free Icon Set Available!</a></h3>
<p>Create a grungy and sticky icon using Photoshop with this tutorial.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://www.pvmgarage.com/2010/03/how-to-create-a-grungy-and-sticky-icon-with-photoshop-free-icon-set-available/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/sticky-grungy-tutorial.jpg" border="0" alt="Sticky grungy tutorial" align="middle" /></a></span></p>
<h3>44. <a href="http://designm.ag/tutorials/business-cards/" target="_blank">17 Tutorials for Designing Your Own Business Card</a></h3>
<p>For freelancers, business cards are very important in finding clients and promoting yourselves. This article is a compilation of seventeen business card tutorials.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://designm.ag/tutorials/business-cards/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/business-card-tutorial.jpg" border="0" alt="Business card tutorial" align="middle" /></a></span></p>
<h3>45. <a href="http://wegraphics.net/blog/tutorials/photoshop/design-a-clean-sports-magazine-style-web-layout-with-photoshop/" target="_blank">Design a clean sports magazine-style web layout with Photoshop</a></h3>
<p>This very simple and easy tutorial lets your create a magazine-styled layout for a sports website.</p>
<p style="text-align: center;"><span style="color: #0066cc;"><a href="http://wegraphics.net/blog/tutorials/photoshop/design-a-clean-sports-magazine-style-web-layout-with-photoshop/"><img class="aligncenter" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2011/01/sports-magazine-styled-layout-tutorial.jpg" border="0" alt="Sports magazine styled layout tutorial" align="middle" /></a></span></p>
<p>And that&#8217;s it. Those are some of the most read articles on different design blogs for 2010. You can share with us your personal choice of designing article for 2010, just put the link on the Comment section.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/inspiration/most-popular-design-articles-2010/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Holiday Inspired Freebies: 50+ Templates, Fonts &amp; Icons</title>
		<link>http://www.1stwebdesigner.com/freebies/holiday-freebies/</link>
		<comments>http://www.1stwebdesigner.com/freebies/holiday-freebies/#comments</comments>
		<pubDate>Sat, 08 Jan 2011 10:00:19 +0000</pubDate>
		<dc:creator>Sheena Dosdos</dc:creator>
				<category><![CDATA[Fonts]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Icons]]></category>
		<category><![CDATA[Templates]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[Holidays]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[templates]]></category>
		<category><![CDATA[Useful]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=36681</guid>
		<description><![CDATA[Hello there in winter &#8211; it&#8217;s cold out there, icy and everybody needs to put on their warmest coat, but here comes bright side! People are decorating and beautifying their homes, stores, cars, hotels &#8211; just anything they own or walk into are inspired by the holidays. Especially on the internet where anything is possible and quickly [...]]]></description>
			<content:encoded><![CDATA[<p>Hello there in winter &#8211; it&#8217;s cold out there, icy and everybody needs to put on their warmest coat, but here comes bright side! People are decorating and beautifying their homes, stores, cars, hotels &#8211; just anything they own or walk into are inspired by the holidays. Especially on the internet where anything is possible and quickly can be implemented and changed.</p>
<p>People go crazy on Christmas inspired/related designs, where nothing is over done or too subtle. After all, Christmas is about love, peace &amp; joy!</p>
<p>In this article, I will be sharing tons of resources &amp; images to all the bloggers, readers and everybody who&#8217;s reading this with theme of Christmas and Holidays.  You may say it&#8217;s too late for this kind of article &#8211; but I am saying, while there is winter in the weather and people are still trying to get over New Year and start working &#8211; it&#8217;s not too late!<span id="more-36681"></span></p>
<h2><em><span style="text-decoration: underline;">Christmas Templates</span></em></h2>
<h2>1. <a href="http://www.websitetemplatesonline.com/free-template/Merry-Christmas.html">Merry Christmas</a></h2>
<p><a href="http://www.websitetemplatesonline.com/free-template/Merry-Christmas.html"><img class="aligncenter size-full wp-image-36683" title="merry-christmas-xmas" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/merry-christmas-xmas.jpg" alt="" width="570" height="350" /></a></p>
<h2>2. <a href="http://www.websitetemplatesonline.com/free-template/Christmas-Eve.html" target="_blank">Christmas Eve</a></h2>
<h2><a href="http://www.websitetemplatesonline.com/free-template/Christmas-Eve.html"><img class="aligncenter size-full wp-image-36684" title="Christmas-eve-xmas" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/Christmas-eve-xmas.jpg" alt="" width="570" height="350" /></a></h2>
<h2>3. <a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_xmas/" target="_blank">Metamorph Xmas</a></h2>
<h2><a href="http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_xmas/"><img class="aligncenter size-full wp-image-36685" title="metamorph-xmas" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/metamorph-xmas.jpg" alt="" width="570" height="350" /></a></h2>
<h2>4. <a href="http://www.metamorphozis.com/blog/2009/11/free-css-website-template-metamorph_christmas/" target="_blank">Metamorph Christmas</a></h2>
<h2><a href="http://www.metamorphozis.com/blog/2009/11/free-css-website-template-metamorph_christmas/"><img class="aligncenter size-full wp-image-36686" title="metamorph-christmas-xmas" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/metamorph-christmas-xmas.jpg" alt="" width="570" height="350" /></a></h2>
<h2>5. <a href="http://www.freecsstemplate.net/css-template-preview/82.php" target="_blank">Christmas Website Template</a></h2>
<h2><a href="http://www.freecsstemplate.net/css-template-preview/82.php"><img class="aligncenter size-full wp-image-36690" title="Christmas-Website-Template-xmas" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/Christmas-Website-Template-xmas.jpg" alt="" width="570" height="350" /></a></h2>
<h2>6.<a href="http://ramblingsoul.com/downloads/" target="_blank">Happy Holidays</a></h2>
<p><a href="http://ramblingsoul.com/downloads/"><img class="aligncenter size-full wp-image-36694" title="Happy-Holidays-xmas" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/Happy-Holidays-xmas.jpg" alt="" width="570" height="350" /></a></p>
<h2>7. <a href="http://www.templatemo.com/preview/templatemo_176_christmas" target="_blank">Christmas</a></h2>
<p><a href="http://www.templatemo.com/preview/templatemo_176_christmas"><img class="aligncenter size-full wp-image-36695" title="Christmas-xmas" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/Christmas-xmas.jpg" alt="" width="570" height="350" /></a></p>
<h2>8. <a href="http://www.templatemo.com/preview/templatemo_175_gift_blog" target="_blank">Gift Blog</a></h2>
<p><a href="http://www.templatemo.com/preview/templatemo_175_gift_blog"><img class="aligncenter size-full wp-image-36696" title="gift-blog-xmas" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/gift-blog-xmas.jpg" alt="" width="570" height="350" /></a></p>
<h2><em><span style="text-decoration: underline;">Holiday Fonts</span></em></h2>
<h2>1. <a href="http://www.fontriver.com/font/4yeoxmas/">4YeoXmas</a></h2>
<p><a href="http://www.fontriver.com/font/4yeoxmas/"><img class="aligncenter size-full wp-image-37463" title="1-4yeoxmas-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/1-4yeoxmas-fonts.jpg" alt="" width="542" height="90" /></a></p>
<h2>2.<a href="http://www.fontriver.com/font/xmastyme/">Xmas Tyme</a></h2>
<p><a href="http://www.fontriver.com/font/xmastyme/"><img class="aligncenter size-full wp-image-37464" title="2-xmastyme-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/2-xmastyme-fonts.jpg" alt="" width="542" height="90" /></a></p>
<h2>3. <a href="http://www.fontriver.com/font/xmas_one/">Xmas One</a></h2>
<p><a href="http://www.fontriver.com/font/xmas_one/"><img class="aligncenter size-full wp-image-37468" title="3-xmas-one-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/3-xmas-one-fonts.jpg" alt="" width="542" height="90" /></a></p>
<h2>4.<a href="http://www.fontriver.com/font/ge_christmas_joy/">GE Christmas Joy</a></h2>
<p><a href="http://www.fontriver.com/font/ge_christmas_joy/"><img class="aligncenter size-full wp-image-37469" title="4-ge-christmas-joy-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/4-ge-christmas-joy-fonts.jpg" alt="" width="542" height="90" /></a></p>
<h2>5. <a href="http://www.fontriver.com/font/christmas_wreath/">Christmas Wreath</a></h2>
<p><a href="http://www.fontriver.com/font/christmas_wreath/"><img class="aligncenter size-full wp-image-37470" title="5-christmas-wreath-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/5-christmas-wreath-fonts.jpg" alt="" width="542" height="90" /></a></p>
<h2>6.<a href="http://www.fontriver.com/font/xmas_promotions_symbols/"> Xmas Promotions Symbols </a></h2>
<p><a href="http://www.fontriver.com/font/xmas_promotions_symbols/"><img class="aligncenter size-full wp-image-37474" title="6-xmas-promotions-symbols-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/6-xmas-promotions-symbols-fonts.jpg" alt="" width="542" height="90" /></a></p>
<h2>7. <a href="http://www.fontriver.com/font/typographers_holidayfont/">Typographers Holidayfont</a></h2>
<p><a href="http://www.fontriver.com/font/typographers_holidayfont/"><img class="aligncenter size-full wp-image-37476" title="7-typographers-holiday-font" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/7-typographers-holiday-font.jpg" alt="" width="542" height="90" /></a></p>
<h2>8. <a href="http://www.fontriver.com/font/faux_snow/"> Faux Snow</a></h2>
<p><a href="http://www.fontriver.com/font/faux_snow/"><img class="aligncenter size-full wp-image-37477" title="8-faux-snow-font" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/8-faux-snow-font.jpg" alt="" width="542" height="90" /></a></p>
<h2>9. <a href="http://www.fontriver.com/font/xmas_batzz/">Xmas Batzz</a></h2>
<p><a href="http://www.fontriver.com/font/xmas_batzz/"><img class="aligncenter size-full wp-image-37478" title="9-xmas-batzz-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/9-xmas-batzz-fonts.jpg" alt="" width="542" height="90" /></a></p>
<h2>10. <a href="http://www.fontriver.com/font/christmas_time/">Christmas Time</a></h2>
<p><a href="http://www.fontriver.com/font/christmas_time/"><img class="aligncenter size-full wp-image-37479" title="10-christmas-time-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/10-christmas-time-fonts.jpg" alt="" width="542" height="90" /></a></p>
<h2>11. <a href="http://www.fontriver.com/font/pc_snowballs/">PC Snowballs</a></h2>
<h2><a href="http://www.fontriver.com/font/pc_snowballs/"><img class="aligncenter size-full wp-image-37480" title="11-pc-snowballs-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/11-pc-snowballs-fonts.jpg" alt="" width="542" height="90" /></a></h2>
<h2>12. <a href="http://www.fontriver.com/font/pf_wreath/">PF Wreath</a></h2>
<p><a href="http://www.fontriver.com/font/pf_wreath/"><img class="aligncenter size-full wp-image-37481" title="12-pf-wreath-font" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/12-pf-wreath-font.jpg" alt="" width="542" height="90" /></a></p>
<h2>13. <a href="http://www.fontriver.com/font/js_snowbiz/">JS Snowbiz</a></h2>
<p><a href="http://www.fontriver.com/font/js_snowbiz/"><img class="aligncenter size-full wp-image-37483" title="13-js-snowbiz-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/13-js-snowbiz-fonts.jpg" alt="" width="542" height="90" /></a></p>
<h2>14. <a href="http://www.fontriver.com/font/mickeys_merry_christmas/">Mickey&#8217;s Merry Christmas</a></h2>
<h2><a href="http://www.fontriver.com/font/mickeys_merry_christmas/"><img class="aligncenter size-full wp-image-37484" title="14-mickeys-merry-christmas-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/14-mickeys-merry-christmas-fonts.jpg" alt="" width="542" height="90" /></a></h2>
<h2>15. <a href="http://www.fontriver.com/font/santas_sleigh/">Santa&#8217;s Sleigh</a></h2>
<h2><a href="http://www.fontriver.com/font/santas_sleigh/"><img class="aligncenter size-full wp-image-37486" title="15-santas-sleigh-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/15-santas-sleigh-fonts.jpg" alt="" width="542" height="90" /></a></h2>
<h2>16. <a href="http://www.fontriver.com/font/christmas_on_crack/">Christmas on crack</a></h2>
<h2><a href="http://www.fontriver.com/font/christmas_on_crack/"><img class="aligncenter size-full wp-image-37487" title="16-christmas-on-crack-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/16-christmas-on-crack-fonts.jpg" alt="" width="542" height="90" /></a></h2>
<h2>17.<a href="http://www.fontriver.com/font/candy_cane/"> Candy Cane</a></h2>
<h2><a href="http://www.fontriver.com/font/candy_cane/"><img class="aligncenter size-full wp-image-37491" title="17-candy-cane-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/17-candy-cane-fonts.jpg" alt="" width="542" height="90" /></a></h2>
<h2>18. <a href="http://www.fontriver.com/font/bonnet/">Bonnet</a></h2>
<h2><a href="http://www.fontriver.com/font/bonnet/"><img class="aligncenter size-full wp-image-37492" title="18-bonnet-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/18-bonnet-fonts.jpg" alt="" width="542" height="90" /></a></h2>
<h2>19. <a href="http://www.fontriver.com/font/santas_big_secret/">Santa&#8217;s Big Secret</a></h2>
<h2><a href="http://www.fontriver.com/font/santas_big_secret/"><img class="aligncenter size-full wp-image-37494" title="19-santas-big-secret-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/19-santas-big-secret-fonts.jpg" alt="" width="542" height="90" /></a></h2>
<h2>20. <a href="http://www.fontriver.com/font/kringle/">Kringle</a></h2>
<p><a href="http://www.fontriver.com/font/kringle/"><img class="aligncenter size-full wp-image-37495" title="20-kringle-fonts" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/20-kringle-fonts.jpg" alt="" width="542" height="90" /></a></p>
<h2><em><span style="text-decoration: underline;">Christmas Icons</span></em></h2>
<h2>1. <a href="http://cyberella74.deviantart.com/art/Archigraphs-Xmas-Dock-Icons-93349517">Archigraphs Christmas Dock Icons</a></h2>
<p><a href="http://cyberella74.deviantart.com/art/Archigraphs-Xmas-Dock-Icons-93349517"><img class="aligncenter size-full wp-image-37798" title="1-archigraphs-xmas-dock-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/1-archigraphs-xmas-dock-icons.jpg" alt="" width="505" height="333" /></a></p>
<h2>2. <a href="http://www.webfruits.it/dblog/articolo.asp?articolo=67">Christmas Feed Icons</a></h2>
<p><a href="http://www.webfruits.it/dblog/articolo.asp?articolo=67"><img class="aligncenter size-full wp-image-37799" title="2-Christmas-Feed-Icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/2-Christmas-Feed-Icons.jpg" alt="" width="558" height="202" /></a></p>
<h2>3. <a href="http://www.webdesignerwall.com/general/free-christmas-icons-for-you/">Free Christmas Icons for You</a></h2>
<p><a href="http://www.webdesignerwall.com/general/free-christmas-icons-for-you/"><img class="aligncenter size-full wp-image-37800" title="3-free-christmas-icons-for-you" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/3-free-christmas-icons-for-you.jpg" alt="" width="429" height="200" /></a></p>
<h2>4. <a href="http://www.marvilla.us/sampleicons2.html">Christmas Icon Set</a></h2>
<p><a href="http://www.marvilla.us/sampleicons2.html"><img class="aligncenter size-full wp-image-37806" title="4-Christmas-icons-set" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/4-Christmas-icons-set.jpg" alt="" width="330" height="119" /></a></p>
<h2>5. <a href="http://iconka.com/free/">Santa&#8217;s Set</a></h2>
<p><a href="http://iconka.com/free/"><img class="aligncenter size-full wp-image-37807" title="5-santa-set-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/5-santa-set-icons.jpg" alt="" width="429" height="200" /></a></p>
<h2>6. <a href="http://iconka.com/free/">Christmas Buddy Icons</a></h2>
<p><a href="http://iconka.com/free/"><img class="aligncenter size-full wp-image-37808" title="6-christmas-buddy-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/6-christmas-buddy-icons.jpg" alt="" width="329" height="218" /></a></p>
<h2>7. <a href="http://deleket.deviantart.com/art/Christmas-XP-72885769">Christmas XP</a></h2>
<p><a href="http://deleket.deviantart.com/art/Christmas-XP-72885769"><img class="aligncenter size-full wp-image-37847" title="7-christmas-xp-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/7-christmas-xp-icons.jpg" alt="" width="550" height="413" /></a></p>
<h2>8. <a href="http://gakuseisean.deviantart.com/art/Christmas-Icons-2007-72403640">Christmas Icons 2007</a></h2>
<p><a href="http://gakuseisean.deviantart.com/art/Christmas-Icons-2007-72403640"><img class="aligncenter size-full wp-image-37850" title="8-christmas-2007-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/8-christmas-2007-icons.jpg" alt="" width="550" height="330" /></a></p>
<h2>9. <a href="http://sniffels.deviantart.com/art/Christmas-icons-68777419">Christmas icons</a></h2>
<p><a href="http://sniffels.deviantart.com/art/Christmas-icons-68777419"><img class="aligncenter size-full wp-image-37851" title="9-christmas-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/9-christmas-icons.jpg" alt="" width="550" height="409" /></a></p>
<h2>10.<a href="http://petercui.deviantart.com/art/Christmas-Dock-Icons-72553585"> Christmas Dock Icons</a></h2>
<p><a href="http://petercui.deviantart.com/art/Christmas-Dock-Icons-72553585"><img class="aligncenter size-full wp-image-37852" title="10-christmas-dock-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/10-christmas-dock-icons.jpg" alt="" width="550" height="509" /></a></p>
<h2>11. <a href="http://leohutter.deviantart.com/art/Christmas-icons-13417899">Christmas icons</a></h2>
<p><a href="http://leohutter.deviantart.com/art/Christmas-icons-13417899"><img class="aligncenter size-full wp-image-37853" title="11-christmas-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/11-christmas-icons.jpg" alt="" width="550" height="329" /></a></p>
<h2>12. <a href="http://weboso.deviantart.com/art/Xtal-Icons-4052721">Xtal Icons</a></h2>
<p><a href="http://weboso.deviantart.com/art/Xtal-Icons-4052721"><img class="aligncenter size-full wp-image-37854" title="12-xtal-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/12-xtal-icons.jpg" alt="" width="400" height="287" /></a></p>
<h2>13. <a href="http://kakkr.deviantart.com/art/Christmas-Icons-44366984">Christmas Icons</a></h2>
<p><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/13-christmas-icons.jpg"><img class="aligncenter size-full wp-image-37855" title="13-christmas-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/13-christmas-icons.jpg" alt="" width="550" height="289" /></a></p>
<h2>14.<a href="http://pit-tux.deviantart.com/art/Christmas-pack-26550584"> Christmas pack</a></h2>
<p><a href="http://pit-tux.deviantart.com/art/Christmas-pack-26550584"><img class="aligncenter size-full wp-image-37856" title="14-christmas-pack" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/14-christmas-pack.jpg" alt="" width="200" height="300" /></a></p>
<h2>15. <a href="http://gakuseisean.deviantart.com/art/Christmas-Icons-44138151">Christmas Icons</a></h2>
<p><a href="http://gakuseisean.deviantart.com/art/Christmas-Icons-44138151"><img class="aligncenter size-full wp-image-37857" title="15-christmas-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/15-christmas-icons.jpg" alt="" width="550" height="236" /></a></p>
<h2>16. <a href="http://blackblurrr.deviantart.com/art/xmas-pack-44816020">Xmas pack</a></h2>
<p><a href="http://blackblurrr.deviantart.com/art/xmas-pack-44816020"><img class="aligncenter size-full wp-image-37858" title="16-xmas-pack" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/16-xmas-pack.jpg" alt="" width="550" height="340" /></a></p>
<h2>17. <a href="http://iixo.deviantart.com/art/Adobe-CS3-Icons-xMas-style-71645264">Adobe CS3 Icons &#8211; xMas style</a></h2>
<p><a href="http://iixo.deviantart.com/art/Adobe-CS3-Icons-xMas-style-71645264"><img class="aligncenter size-full wp-image-37859" title="17-Adobe-CS3-Icons-xMas-style" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/17-Adobe-CS3-Icons-xMas-style.jpg" alt="" width="550" height="187" /></a></p>
<h2>18. <a href="http://chicho21net.deviantart.com/art/Christmas-Dock-Icons-72393843 ">Christmas Dock Icons</a></h2>
<p><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/18-christmas-dock-icons.jpg"><img class="aligncenter size-full wp-image-37860" title="18-christmas-dock-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/18-christmas-dock-icons.jpg" alt="" width="550" height="307" /></a></p>
<h2>19. <a href="http://juliewiens.deviantart.com/art/Christmas-Icons-72894862 ">Christmas Icons</a></h2>
<p><a href="http://juliewiens.deviantart.com/art/Christmas-Icons-72894862"><img class="aligncenter size-full wp-image-37861" title="19-christmas-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/19-christmas-icons.jpg" alt="" width="550" height="275" /></a></p>
<h2>20.<a href="http://ruizdesign.deviantart.com/art/Something-For-Christmas-Win-45313326"> Something For Christmas &#8211; Win</a></h2>
<p><a href="http://ruizdesign.deviantart.com/art/Something-For-Christmas-Win-45313326"><img class="aligncenter size-full wp-image-37862" title="20-Something-For-Christmas-Win" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/20-Something-For-Christmas-Win.jpg" alt="" width="300" height="300" /></a></p>
<h2>21. <a href="http://darwins.deviantart.com/art/The-Day-before-Christmas-71952742">The Day before Christmas</a></h2>
<p><a href="http://darwins.deviantart.com/art/The-Day-before-Christmas-71952742"><img class="aligncenter size-full wp-image-37863" title="21-the-day-before-christmas-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/21-the-day-before-christmas-icons.jpg" alt="" width="368" height="323" /></a></p>
<h2>22. <a href="http://rusell14.deviantart.com/art/Christmas-Set-45257486">Christmas Set</a></h2>
<p><a href="http://rusell14.deviantart.com/art/Christmas-Set-45257486"><img class="aligncenter size-full wp-image-37864" title="22-christmas-set-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/22-christmas-set-icons.jpg" alt="" width="507" height="131" /></a></p>
<h2>23. <a href="http://www.ndesign-studio.com/resources/christmas-holiday-icons/">Christmas Holiday Icons</a></h2>
<p><a href="http://www.ndesign-studio.com/resources/christmas-holiday-icons/"><img class="aligncenter size-full wp-image-37865" title="23-christmas-holiday-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/23-christmas-holiday-icons.jpg" alt="" width="300" height="300" /></a></p>
<h2>24. <a href="http://iconfactory.com/freeware/preview/hh05">Happy Holidays 2005</a></h2>
<p><a href="http://iconfactory.com/freeware/preview/hh05"><img class="aligncenter size-full wp-image-37866" title="24-happy-holidays-2005-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/24-happy-holidays-2005-icons.jpg" alt="" width="402" height="302" /></a></p>
<h2>25. <a href="http://www.clevericons.com/icon/christmas06/    ">Christmas icons</a></h2>
<p><a href="http://www.clevericons.com/icon/christmas06/"><img class="aligncenter size-full wp-image-37867" title="25-christmas-icons" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/25-christmas-icons.jpg" alt="" width="550" height="155" /></a></p>
<h2><em><span style="text-decoration: underline;">Christmas Photoshop Tutorials</span></em></h2>
<p><strong>1. <a href="http://www.eyesontutorials.com/articles/309/1/Christmas-Wallpaper/Page1.html">Christmas Wallpaper</a></strong></p>
<p>A nice glowing tree-top for the Christmas tree gives it a nice highlight to the image.</p>
<p><a href="http://www.eyesontutorials.com/articles/309/1/Christmas-Wallpaper/Page1.html"><img class="aligncenter size-full wp-image-37868" title="1-christmas-wallpaper" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/1-christmas-wallpaper.jpg" alt="" width="355" height="550" /></a></p>
<h2>2. <a href="http://www.adobetutorialz.com/articles/3021/1/Merry-Christmas-tree-design">Merry Christmas Tree</a></h2>
<p>This tutorial teaches how to make a Christmas tree made up of glowing stars.</p>
<p><a href="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/2-merry-christmas-tree-tutorial.jpg"><img class="aligncenter size-full wp-image-37869" title="2-merry-christmas-tree-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/2-merry-christmas-tree-tutorial.jpg" alt="" width="570" height="414" /></a></p>
<h2>3. <strong><a rel="nofollow" href="http://www.teamphotoshop.com/articles-The-Techniques-Photoshop-Christmas-Tree-5,8,79a.html" target="_blank">Photoshop Christmas Tree</a></strong></h2>
<p>This Christmas tree is almost life-like, this tutorial is great for Christmas cards.</p>
<p><strong><a href="http://www.teamphotoshop.com/articles-The-Techniques-Photoshop-Christmas-Tree-5,8,79a.html"><img class="aligncenter size-full wp-image-37870" title="3-photoshop-christmas-tree" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/3-photoshop-christmas-tree.jpg" alt="" width="500" height="250" /></a><br />
</strong></p>
<h2><strong>4.</strong><strong><a rel="nofollow" href="http://www.heathrowe.com/ornament.aspx" target="_blank">Christmas Tree Ornament</a></strong></h2>
<p>Add detail to your Christmas ball ornament images with this tutorial.</p>
<p><strong><a href="http://www.heathrowe.com/ornament.aspx"><img class="aligncenter size-full wp-image-37871" title="4-christmas-tree-ornament-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/4-christmas-tree-ornament-tutorial.jpg" alt="" width="500" height="250" /></a></strong></p>
<h2><strong>5. </strong><a rel="nofollow" href="http://www.adobetutorialz.com/articles/2919/1/We-wish-you-a-Merry-Christmas" target="_blank">We Wish you a Merry Christmas</a></h2>
<p>This tutorial makes a jolly image with snow and a bright-colored snowman.</p>
<p><a href="http://www.adobetutorialz.com/articles/2919/1/We-wish-you-a-Merry-Christmas"><img class="aligncenter size-full wp-image-37872" title="5-we-wish-you-a-merry-christmas-turtorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/5-we-wish-you-a-merry-christmas-turtorial.jpg" alt="" width="570" height="285" /></a></p>
<h2>6. <strong><a rel="nofollow" href="http://biorust.com/tutorials/detail/270/en/" target="_blank">Holiday Wreath</a></strong></h2>
<p>Make your own holiday wreath, this tutorial will show you how.</p>
<p><strong><a href="http://biorust.com/tutorials/detail/270/en/"><img class="aligncenter size-full wp-image-37873" title="6-holiday-wreath-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/6-holiday-wreath-tutorial.jpg" alt="" width="361" height="351" /></a>7. </strong><strong><a rel="nofollow" href="http://www.adobetutorialz.com/articles/2536/1/Christmas-Shiny-Background" target="_blank">Christmas Shiny Background</a></strong></p>
<p>Create that glossy background effect to your Christmas wallpaper to make the image pop-out.</p>
<p><strong><a href="http://www.adobetutorialz.com/articles/2536/1/Christmas-Shiny-Background"><img class="aligncenter size-full wp-image-37874" title="7-Christmas-Shiny-Background-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/7-Christmas-Shiny-Background-tutorial.jpg" alt="" width="345" height="343" /></a></strong></p>
<p><strong>8. </strong><strong><a title="christmas card photoshop tutorial" rel="nofollow" href="http://www.adobetutorialz.com/articles/2914/1/Christmas-ornaments-wallpaper" target="_blank">A Great Holiday Wallpaper with Christmas Balls</a></strong></p>
<p>Christmas balls completes a Christmas image. Just because they add that jolly feel and aura.</p>
<p><strong><a href="http://www.adobetutorialz.com/articles/2914/1/Christmas-ornaments-wallpaper"><img class="aligncenter size-full wp-image-37875" title="8-Great-Holiday-Wallpaper-Christmas-Balls-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/8-christmas-card-photoshop-tutorial.jpg" alt="" width="500" height="376" /></a></strong></p>
<p><strong>9. </strong><strong><a title="christmas card photoshop tutorial" rel="nofollow" href="http://www.1stwebdesigner.com/tutorials/night-before-christmas-photoshop-tutorial-and-wallpaper/" target="_blank">Night Before Christmas</a></strong></p>
<p>A great combination of shapes, light &amp; gradient effects. This tutorial would really help you create a very warm and calm Christmas wallpaper.</p>
<p><strong><a href="http://www.1stwebdesigner.com/tutorials/night-before-christmas-photoshop-tutorial-and-wallpaper/"><img class="aligncenter size-full wp-image-37876" title="9-night-before-xmas" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/9-night-before-xmas.jpg" alt="" width="560" height="350" /></a></strong></p>
<p><strong>10. </strong><strong><a title="christmas card photoshop tutorial" rel="nofollow" href="http://www.adobetutorialz.com/articles/3028/1/Christmas-ornaments-lights-balls" target="_blank">Christmas Ornaments Lights Balls</a></strong></p>
<p>The lighted Christmas balls is an exquisite touch to the image. Make one yourself with this tutorial.</p>
<p><strong><a href="http://www.adobetutorialz.com/articles/3028/1/Christmas-ornaments-lights-balls"><img class="aligncenter size-full wp-image-37878" title="10-christmas-light-balls-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/10-christmas-light-balls-tutorial1.jpg" alt="" width="570" height="456" /></a></strong></p>
<p><strong>11. </strong><strong><a title="christmas card photoshop tutorial" rel="nofollow" href="http://www.dwphotoshop.com/photoshop/christmaswreath.php" target="_blank">How to Create A Christmas Wreath</a></strong></p>
<p>This tutorial will help you create a more realistic image of a traditional Christmas wreath.</p>
<p><strong><a href="http://www.dwphotoshop.com/photoshop/christmaswreath.php"><img class="aligncenter size-full wp-image-37879" title="11-How-to-create-A-Christmas-Wreath-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/11-How-to-create-A-Christmas-Wreath-tutorial.jpg" alt="" width="570" height="620" /></a></strong></p>
<p><strong>12. </strong><strong><a title="christmas card photoshop tutorial" rel="nofollow" href="http://phonuts.org/tutorials/drawing/christmas-or-new-year-card/" target="_blank">New Year or Christmas Card</a></strong></p>
<p>This tutorial will teach you how to make a simple greeting card, good for Christmas &amp; New Year greetings.</p>
<p><strong><a href="http://phonuts.org/tutorials/drawing/christmas-or-new-year-card/"><img class="aligncenter size-full wp-image-37880" title="12-xmas-or-new-year-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/12-xmas-or-new-year-tutorial.jpg" alt="" width="500" height="376" /></a></strong></p>
<p><strong>13. </strong><strong><a title="christmas card photoshop tutorial" rel="nofollow" href="http://www.adobetutorialz.com/articles/2921/1/Christmas-Star-Wallpaper" target="_blank">Christmas Stars</a></strong></p>
<p>Create a glowing Christmas star images with this tutorial. Make the brightest star possible!</p>
<p><strong><a href="http://www.adobetutorialz.com/articles/2921/1/Christmas-Star-Wallpaper"><img class="aligncenter size-full wp-image-37881" title="13-christmas-stars-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/13-christmas-stars-tutorial.jpg" alt="" width="480" height="360" /></a></strong></p>
<p><strong>14. </strong><strong><a title="christmas card photoshop tutorial" rel="nofollow" href="http://www.pstut.com/tutorial-christmas-card.html" target="_blank">How to Create A Christmas Card in Photoshop</a></strong></p>
<p>This tutorial will teach you basic techniques on how to make your very own personalized greeting Christmas cards.</p>
<p><strong><a href="http://www.pstut.com/tutorial-christmas-card.html"><img class="aligncenter size-full wp-image-37882" title="14-christmas-card-photoshop-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/14-christmas-card-photoshop-tutorial.jpg" alt="" width="500" height="353" /></a></strong></p>
<p><strong>15. </strong><strong><a title="christmas card photoshop tutorial" rel="nofollow" href="http://tutorialqueen.com/photoshop-tutorials/photoshop-website-template-stock-photo-christmas-balls-in-photoshop" target="_blank">How to Create Xmas Balls in Photoshop</a></strong></p>
<p><strong>﻿</strong>Create colorful and stunning Christmas balls to complete the Christmas touch to your greeting cards and wallpapers.</p>
<p><strong><a href="http://tutorialqueen.com/photoshop-tutorials/photoshop-website-template-stock-photo-christmas-balls-in-photoshop"><img class="aligncenter size-full wp-image-37883" title="15-christmas-balls-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/15-christmas-balls-tutorial.jpg" alt="" width="500" height="500" /></a>16. </strong><strong><a title="christmas card photoshop tutorial" rel="nofollow" href="http://tutorialqueen.com/photoshop-tutorials/photoshop-website-template-stock-photo-christmas-tree-wallpaper-in-photoshop" target="_blank">Xmas Tree Wallpaper in Photoshop</a></strong></p>
<p>The glowing Christmas tree makes a great concept and the additional glittery highlights makes a perfect Christmas touch. Learn how to achieve this image with this tutorial.</p>
<p><strong><a href="http://tutorialqueen.com/photoshop-tutorials/photoshop-website-template-stock-photo-christmas-tree-wallpaper-in-photoshop"><img class="aligncenter size-full wp-image-37884" title="16-christmas-tree-wallpaper-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/16-christmas-tree-wallpaper-tutorial.jpg" alt="" width="500" height="500" /></a></strong></p>
<p><strong>17. </strong><strong><a title="christmas card photoshop tutorial" rel="nofollow" href="http://psdfan.com/designing/christmas-wrapped-text-effect/" target="_blank">Xmas Wrapped Text Effect</a></strong></p>
<p>Learn how to create colorful gift-wrapped letters with this tutorial.</p>
<p><strong><a href="http://psdfan.com/designing/christmas-wrapped-text-effect/"><img class="aligncenter size-full wp-image-37885" title="17-christmas-wrapped-text-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/17-christmas-wrapped-text-tutorial.jpg" alt="" width="500" height="250" /></a></strong></p>
<p><strong>18. </strong><strong><a title="christmas card photoshop tutorial" rel="nofollow" href="http://10steps.sg/tutorials/photoshop/make-a-sketchy-wallpaper-for-this-christmas/" target="_blank">Make a Sketchy Wallpaper</a></strong></p>
<p>Sketchy drawing effects never get old. Learn how to make one with a Christmas inspired theme with this tutorial.</p>
<p><strong><a href="http://10steps.sg/tutorials/photoshop/make-a-sketchy-wallpaper-for-this-christmas/"><img class="aligncenter size-full wp-image-37886" title="18-christmas-sketchy-wallpaper-photoshop-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/18-christmas-sketchy-wallpaper-photoshop-tutorial.jpg" alt="" width="500" height="375" /></a></strong></p>
<p><strong>19. </strong><strong><a rel="nofollow" href="http://www.dwphotoshop.com/photoshop/glassornaments.php" target="_blank">Christmas Glass Ornaments</a></strong></p>
<p>This tutorial will teach you how to create a realistic Christmas ball ornament with light effects.</p>
<p><strong><a href="http://www.dwphotoshop.com/photoshop/glassornaments.php"><img class="aligncenter size-full wp-image-37887" title="19-christmas-glass-ball-ornament-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/19-christmas-glass-ball-ornament-tutorial.jpg" alt="" width="248" height="373" /></a><br />
</strong></p>
<p><strong>20. </strong><strong><a rel="nofollow" href="http://www.tutorial2life.com/tutorial/12" target="_blank">Decorate with Colored Lights</a></strong></p>
<p>Colored lights says everything about Christmas. It gives it the final touch to Christmas trees and lights up the town. Learn how to make one using Photoshop.</p>
<p><strong><a href="http://www.tutorial2life.com/tutorial/12"><img class="aligncenter size-full wp-image-37888" title="20-xmas-lights-tutorial" src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/20-xmas-lights-tutorial.jpg" alt="" width="400" height="327" /></a><br />
</strong></p>
<h2><span style="font-size: x-small;"><br />
</span></h2>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/freebies/holiday-freebies/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>20 Great Web Applications Alternatives to Usual Desktop Software</title>
		<link>http://www.1stwebdesigner.com/design/web-applications-alternatives-desktop-software/</link>
		<comments>http://www.1stwebdesigner.com/design/web-applications-alternatives-desktop-software/#comments</comments>
		<pubDate>Sun, 02 Jan 2011 10:00:12 +0000</pubDate>
		<dc:creator>Jane Bernardo</dc:creator>
				<category><![CDATA[Tools]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Dropbox]]></category>
		<category><![CDATA[Google Docs]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[tools]]></category>
		<category><![CDATA[Useful]]></category>
		<category><![CDATA[webapps]]></category>

		<guid isPermaLink="false">http://www.1stwebdesigner.com/?p=37670</guid>
		<description><![CDATA[Desktop Software has been a great help in our computer work purposes. They serve as our working tool on our projects, designs, hobbies, interest etc. But web apps have set a great trend over the web. Developers of web applications created applications that are likely powerful as the desktop software but create more great output and easiness.  The best [...]]]></description>
			<content:encoded><![CDATA[<p>Desktop Software has been a great help in our computer work purposes. They serve as our working tool on our projects, designs, hobbies, interest etc. But web apps have set a great trend over the web. Developers of web applications created applications that are likely powerful as the desktop software but create more great output and easiness.  The best thing is that you don&#8217;t need to install any of these web apps to use. Just browse over the web and visit these great web applications.</p>
<p>In this article, I&#8217;ll be presenting 20 great web applications alternatives to your usual desktop software. Hope you will love it.<span id="more-37670"></span></p>
<h2><a href="https://www.google.com/accounts/ServiceLogin?service=writely&amp;passive=1209600&amp;continue=http://docs.google.com/&amp;followup=http://docs.google.com/&amp;ltmpl=homepage">1. Google Docs</a></h2>
<p>Google Docs serves as your online productivity tool. It will let you create your documents, spreadsheets, presentations and more online writing tool.</p>
<p><span style="color: #0000ff;"><a href="https://www.google.com/accounts/ServiceLogin?service=writely&amp;passive=1209600&amp;continue=http://docs.google.com/&amp;followup=http://docs.google.com/&amp;ltmpl=homepage"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_1.jpg" border="0" alt="Web_apps_alternatives_1" /></a></span></p>
<p><strong>Alternative for : </strong></p>
<ul>
<li>Microsoft Office</li>
<li> Open Office</li>
</ul>
<h2><a href="http://www.meebo.com/messenger">2. Meebo</a></h2>
<p>Meebo is a web platform for your mostly chat applications. You can login your IM accounts at the same time or individual accounts.</p>
<p><span style="color: #0000ff;"><a href="http://www.meebo.com/messenger"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_2.jpg" border="0" alt="Web_apps_alternatives_2" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>Facebook Chat</li>
<li>Yahoo Messenger</li>
<li>AIM</li>
<li>Windows Live Messenger</li>
</ul>
<h2><a href="http://www.sliderocket.com/">3. Slide Rocket</a></h2>
<p>Presentations are really vital tool for business, education , projects and more. With Slide Rocket, a web presentation tool that allows you to create your own presentation. It presents some of the features in PowerPoint.</p>
<p><span style="color: #0000ff;"><a href="http://www.sliderocket.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_3.jpg" border="0" alt="Web_apps_alternatives_3" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>Microsoft PowerPoint</li>
<li>OpenOffice Impress</li>
</ul>
<h2><a href="http://www.aviary.com/">4. Aviary</a></h2>
<p>Aviary is a powerful web creation tools for photo editing, logos, web templates, color palettes , audio editing and more.  There list includes Phoenix: Image Editor, Toucan: Color Editor, Myna: Audio Editor, Peacock: Effects Editor, Raven: Vector Editor, Falcon: Image Markup and Roc: Music Creator.</p>
<p><span style="color: #0000ff;"><a href="http://www.aviary.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_4.jpg" border="0" alt="Web_apps_alternatives_4" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>Adobe Photoshop</li>
<li>Adobe Illustrator</li>
<li>Soundbooth</li>
</ul>
<h2><a href="http://www.mint.com/026d/">5. Mint</a></h2>
<p>Are you having a hard time to manage your money? Then Mint is all you need. It is a web tool to access to your free personal financial and online management tool.  It will help you to organize your financial accounts, set your budgets needs, and put up your savings.</p>
<p><span style="color: #0000ff;"><a href="http://www.mint.com/026d/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_5.jpg" border="0" alt="Web_apps_alternatives_5" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>Quicken</li>
</ul>
<h2><a href="http://jaycut.com/">6. JayCut</a></h2>
<p>JayCut is a web video editing software. With a user-friendly environment, it will let you create your videos, add and edit clips, transitions, effects, audio, download, export in Youtube and more.</p>
<p><span style="color: #0000ff;"><a href="http://jaycut.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_6.jpg" border="0" alt="Web_apps_alternatives_6" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>Windows Movie Maker</li>
<li>Ulead</li>
<li>Other Video Editing Software</li>
</ul>
<h2><a href="http://www.wobzip.org/">7. WobZip</a></h2>
<p>Wobzip is an online tool that makes you uncompressed your files on the fly. It supports different compression format such as ZIP, RAR, and more zip formats. It has also an active scanner that scan your compressed files before unzipping it.</p>
<p><span style="color: #0000ff;"><a href="http://www.wobzip.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_7.jpg" border="0" alt="Web_apps_alternatives_7" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>Unzipping Softwares</li>
</ul>
<h2><a href="http://zamzar.com/">8. Zamzar</a></h2>
<p>Zamzar is a powerful online file conversion tool. It converts various formats for documents, image, music, video, e-book, compressed files, cad formats. Just follow 4 easy steps to convert your files instantly.</p>
<p><span style="color: #0000ff;"><a href="http://zamzar.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_8.jpg" border="0" alt="Web_apps_alternatives_8" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>File Conversion Software</li>
</ul>
<h2><a href="http://www.hulu.com/">9. Hulu</a></h2>
<p>Hulu is a video/TV streaming website that lets you watch your favorite tv shows right at your computer. If you missed some of your favorites episode you can just tune in here and enjoy watching.  Hulu is a US exclusive website, but if you are outside the US and trying to access it, you can try this <a href="http://lifehacker.com/5583515/access-hulu-from-outside-the-us-without-a-proxy-server">link</a>.</p>
<p><span style="color: #0000ff;"><a href="http://www.hulu.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_9.jpg" border="0" alt="Web_apps_alternatives_9" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>TV Tuner Software</li>
</ul>
<h2><a href="http://me.tokbox.com/">10. TokBox</a></h2>
<p>If you love to video chat, TokBox is a great online video chatting applications. For free users, you can chat up to 20 people. Just simply sign up,invite your friends and start video chatting.</p>
<p><span style="color: #0000ff;"><a href="http://me.tokbox.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_10.jpg" border="0" alt="Web_apps_alternatives_10" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>Video Chat</li>
</ul>
<h2><a href="http://moof.com/">11. Moof </a></h2>
<p>Moof is an online web streaming music online for your favorite music. It is like bringing your all favorite music rolled into one place. One of the great feature is you can export your iTunes library and put it into web so you will never missed out your favorite tune.</p>
<p><span style="color: #0000ff;"><a href="http://moof.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_11.jpg" border="0" alt="Web_apps_alternatives_11" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>iTunes</li>
<li>Music Streaming Software</li>
</ul>
<h2><a href="http://www.eset.com/online-scanner">12. ESET Online Virus Scanner</a></h2>
<p>Everyone wants to be secure in terms of viruses and malware. ESET Online Virus Scanner deep scan your PC using your web browser.  The good thing is that you don&#8217;t need to install the software and it is always up to date.</p>
<p><span style="color: #0000ff;"><a href="http://www.eset.com/online-scanner"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_12.jpg" border="0" alt="Web_apps_alternatives_12" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>Anti Virus Software</li>
</ul>
<h2><a href="http://www.bitlet.org/">13. Bitlet</a></h2>
<p>Bitlet is a web application that lets you download your torrents. Just upload .torrent file on your computer or direct Bitlet to torrent and Bitlet will do it for you.</p>
<p><span style="color: #0000ff;"><a href="http://www.bitlet.org/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_13.jpg" border="0" alt="Web_apps_alternatives_13" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>BitTorrent Client</li>
</ul>
<h2><a href="http://icloud.com/en/">14. icloud</a></h2>
<p>icloud is a web operating system over the web. It is like bringing your own desktop and files running in your web browser that includes an office suite, media player, chat client, games, productivity tool, utility applications and more. Now you won&#8217;t worry that you are working in a different PC.</p>
<p><span style="color: #0000ff;"><a href="http://icloud.com/en/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_14.jpg" border="0" alt="Web_apps_alternatives_14" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>Operating System</li>
</ul>
<h2><a href="http://splashup.com/">15. Splashup</a></h2>
<p>Splashup is a powerful editing tool and photo manager.  It will let you manage your images and save it in different format. Various features that are likely with Photoshop.</p>
<p><span style="color: #0000ff;"><a href="http://splashup.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_15.jpg" border="0" alt="Web_apps_alternatives_15" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>Image Editing Tool</li>
</ul>
<h2><a href="http://wufoo.com/">16. Wufoo</a></h2>
<p>Wufoo is a great building tool for your forms, invitations and survey applications. It makes your collecting of data much easier and in customize way.</p>
<p><span style="color: #0000ff;"><a href="http://wufoo.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_16.jpg" border="0" alt="Web_apps_alternatives_16" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>Survey Creating Tool</li>
</ul>
<h2><a href="http://www.google.com/googlevoice/about.html">17. Google Voice</a></h2>
<p>Google Voice makes a huge deal in international calling communication. It delivers various features such as voicemail transcription, one number calling, sms to email, block callers, screen callers, conference call and more. Bringing your all phone into your gmail account given that you are in US and Canada.</p>
<p><span style="color: #0000ff;"><a href="http://www.google.com/googlevoice/about.html"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_17.jpg" border="0" alt="Web_apps_alternatives_17" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>Skype</li>
</ul>
<h2><a href="http://online.movavi.com/">18. movavi</a></h2>
<p>movavi is an online video files converter. It supports multiple formats that you need for your videos. In just 3 simple step, you will get your converted video file and watch.</p>
<p><span style="color: #0000ff;"><a href="http://online.movavi.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_18.jpg" border="0" alt="Web_apps_alternatives_18" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>Videora</li>
<li>Xilisoft Video Converter</li>
<li>Other Video Converter Tool</li>
</ul>
<h2><a href="http://hootsuite.com/">19. HootSuite</a></h2>
<p>HootSuite is a web apps for your social  networking experience. Updating and monitoring your social activities such as Twitter, Facebook, LinkedIn, WordPress and Ping.fm will be easy.It is also good for businesses that tracks statistics of their business over the web.</p>
<p><span style="color: #0000ff;"><a href="http://hootsuite.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_19.jpg" border="0" alt="Web_apps_alternatives_19" /></a></span></p>
<p><strong>Alternative for:</strong></p>
<ul>
<li>Social Network Tool</li>
<li>Statistics Tracking Tool</li>
</ul>
<h2><a href="http://balsamiq.com/">20. Balsamiq</a></h2>
<p>Balsamiq is a web wireframing tool that is great for web designer and developers. It will make your drawing more in detailed and rearrange it easily.  It is a great tool to collaborate your team work.</p>
<p><span style="color: #0000ff;"><a href="http://balsamiq.com/"><img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/web_apps_alternatives_20.jpg" border="0" alt="Web_apps_alternatives_20" /></a></span></p>
<p>Hope you will enjoy this great web applications. If there are more great web apps that we missed, please tell us so and we will love to update it. <img src="http://cdn1.1stwebdesigner.com/wp-content/uploads/2010/12/smile12.gif" alt="" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.1stwebdesigner.com/design/web-applications-alternatives-desktop-software/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
	</channel>
</rss>

