<?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>Affiliate Web Design &#187; logos</title>
	<atom:link href="http://www.euphorish.com/category/logos/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.euphorish.com</link>
	<description>SEO, Affiliate Marketing, Graphic Design, Web Development</description>
	<lastBuildDate>Tue, 24 Jan 2012 06:08:44 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>How To Make Real Money Online With Niche Marketing</title>
		<link>http://www.euphorish.com/2010/how-to-make-real-money-online-with-niche-marketing/</link>
		<comments>http://www.euphorish.com/2010/how-to-make-real-money-online-with-niche-marketing/#comments</comments>
		<pubDate>Mon, 08 Feb 2010 12:49:24 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Affiliate]]></category>
		<category><![CDATA[Articles]]></category>
		<category><![CDATA[Downloads]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[logos]]></category>
		<category><![CDATA[Marketing]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[SEO]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Webpage Optimization]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Affiliat marketing]]></category>
		<category><![CDATA[Clickbank]]></category>
		<category><![CDATA[make money on Line]]></category>
		<category><![CDATA[Money Online]]></category>
		<category><![CDATA[Niche]]></category>
		<category><![CDATA[niche marketing]]></category>
		<category><![CDATA[Online sales]]></category>

		<guid isPermaLink="false">http://www.euphorish.com/?p=164</guid>
		<description><![CDATA[Niche Marketing At Its Best, Over $100,000.00 worth of tools and software, Its your Own Crystal Ball Into the Future of Online Money. Making Money online is one of those Really difficult things to actually achieve, Well that&#8217;s how I found it any way. I really struggled with targeting the right  money searches, let alone [...]]]></description>
			<content:encoded><![CDATA[<h2>Niche Marketing At Its Best, Over $100,000.00 worth of tools and software, Its your Own Crystal Ball Into the Future of Online Money.</h2>
<p><a href="http://www.euphorish.com/goto/Commissionblueprint2">Making Money online</a> is one of those Really difficult things to actually achieve, Well that&#8217;s how I found it any way. I really struggled with targeting the right  money searches, let alone trying to find niches to work in. Prepare to open your mind, you can make a lot of money just selling How to Draw A Car E-book, no kidding!</p>
<h2><strong><span style=" font-family: Tahoma; color: #800000;">PROVEN Affiliate  							Formulas Ive  Used To Generate Extra Cash<br />
</span></strong></h2>
<p>After completing the original Commission Blue print Course, which I have to say was really cheap for what you could achieve from it, &#8220;I think it was about $90.00 &#8220;, anyway using their research methods  and strategies  I picked a hole In the weight loss  Niche, I know its real competitive but there are <a href="http://www.euphorish.com/goto/Commissionblueprint2"><strong>Sub Niche marketing</strong> </a> <strong>Channels</strong> with in <strong>Niche Market</strong> and that&#8217;s what I focused on and it worked, 10+ Sales  a Day @ 38 USD  lets work it out 70+ Sale a week  that&#8217;s  280+ Sale Per month   = 10,000.00 USD Per Month and it was great it lasted for 2 months, that&#8217;s right this really does work. I followed the course which was easy well, there is always a  technical side to deal with the support was there so it did not really matter&#8230;</p>
<p><strong><span style="text-decoration: underline;"><em>See below Shock Horror<br />
</em></span></strong></p>
<h2><strong><span style="font-family: Tahoma; color: #990000; font-size: large;">The Game Has  				Changed &#8211; <span style="text-decoration: underline;">AGAIN</span>!&#8230;</span></strong></h2>
<p>Then Along Came Google with a New algorithm and my income stopped&#8230; Things changed hard and fast, Google took a stance against affiliate marketers and started to unroll some new filters to all Google Adwords accounts, I can tell you there would have been tears!. These filters are  in place now and affiliate marketing just got harder  well  Until that is <a href="http://www.euphorish.com/goto/Commissionblueprint2">Commission Blue Print 2.0</a> came along and taught me the <strong><span style="text-decoration: underline;">New Rules</span></strong> I bought the course, I like these Guys they are for real and on to it hey, sure there are systems to follow but do as they say and you will get there. The New Tools are insane they scrape the web and Google for data and bring it all into one place  Sometimes I laugh as  its Just time in front of a computer and for me that&#8217;s Cool as its in My own home, the other Day I was putting up the tent in the back Yard and made over 100 USD during that time, my advertising costs where 10 USD 90 USD a Day is 32,000.00 A year&#8230;</p>
<h2><strong><span style="font-family: Tahoma; color: #990000; f">It&#8217;</span></strong><span style="font-family: Tahoma; color: #990000; f">s <span style="text-decoration: underline;">So  				Important</span> That You Are Here..</span><strong><span style="font-family: Tahoma; color: #990000; f">.</span></strong></h2>
<p>I actually now have<span style="text-decoration: line-through;"> no real time earthly Job</span>, Who wants to join that club, if you are smart then you Wont want a<span style="text-decoration: line-through;"> job</span> either Hey some days I make nothing But Most days I do. Check out the results below</p>
<p>Ok <span style="font-family: Georgia;"> the benefits of becoming a  				successful affiliate marketer are  				unreal. You can do what you like, when you like (as long as it&#8217;s  				legal of course &#8230;  and the most liberating  				thing about it is that <strong>you can run your business from anywhere in the world&#8230;</strong></span></p>
<p>The<a href="http://www.euphorish.com/goto/Commissionblueprint2"> Commission Blue</a><a href="http://www.euphorish.com/goto/Commissionblueprint2">print </a><a href="http://www.euphorish.com/goto/Commissionblueprint2"> 2.0 course</a> really has me excited &amp; Motivated again!. I have to say after having the Google carpet pulled from under me I was a little hesitant on affiliate marketing But, as the Commission Blue Print Team say, less competition is always good actually with latest clean out of affiliates  Id say there has never been a better time to enter the Game.</p>
<p>This may not seem a brag-gable amount but, its bloody working I  have Sold $642.53 USD  worth of products in Days see below my New click bank account income its a beautiful thing and I now Know how to work on it now to make it increase,  As Tim Would Say <span style="text-decoration: underline;"><em>Follow the system and Rinse and Repeat</em></span> .</p>
<p>I will post my New Sales Over the Next few Days or  when there are Changes</p>
<p><a href="http://www.euphorish.com/goto/Commissionblueprint2?tid=euphpost"><img class="aligncenter size-full wp-image-165" title="clickbank" src="http://www.euphorish.com/wp-content/uploads/2010/02/clickbank.jpg" alt="clickbank" width="545" height="384" /></a></p>
<div id="attachment_182" class="wp-caption aligncenter" style="width: 590px"><a href="http://www.euphorish.com/wp-content/uploads/2010/02/clickbank2smaller.jpg"><img class="size-full wp-image-182" title="clickbank2smaller" src="http://www.euphorish.com/wp-content/uploads/2010/02/clickbank2smaller.jpg" alt="Click Bank Again" width="580" height="202" /></a><p class="wp-caption-text">Click Bank Again</p></div>
<div id="attachment_183" class="wp-caption aligncenter" style="width: 610px"><a href="http://www.euphorish.com/goto/Commissionblueprint2"><img class="size-full wp-image-183" title="button-order" src="http://www.euphorish.com/wp-content/uploads/2010/02/button-order.jpg" alt="Watch  this Video and Take the seven Day Trial" width="600" height="500" /></a><p class="wp-caption-text">Watch  this Video and Take the seven Day Trial</p></div>
<p><script class="owbutton" src="http://www.onlywire.com/btn/button_3793" type="text/javascript"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.euphorish.com/2010/how-to-make-real-money-online-with-niche-marketing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop Tutorials: Free Web 2.0 Gradients (v1.0)</title>
		<link>http://www.euphorish.com/2007/photoshop-web-20-gradients-v10/</link>
		<comments>http://www.euphorish.com/2007/photoshop-web-20-gradients-v10/#comments</comments>
		<pubDate>Wed, 25 Apr 2007 02:41:53 +0000</pubDate>
		<dc:creator>alex</dc:creator>
				<category><![CDATA[Downloads]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[logos]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[Webpage Optimization]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Photoshop Gradients]]></category>
		<category><![CDATA[Photoshop Tutorials.Photshop Downloads]]></category>

		<guid isPermaLink="false">http://www.euphorish.com/2007/04/photoshop-web-20-gradients-v10/</guid>
		<description><![CDATA[Photoshop Tutorials Gradients may very well be the most abundant and apparent feature used in web 2.0 websites, graphics, and logos. Here is my pack of Web 2.0 Gradients. I&#8217;ve had these to myself for sometime but it never occured to me to release them for public use until i saw this resource. Which is [...]]]></description>
			<content:encoded><![CDATA[<h1><img class="floatLeft2" src="http://www.euphorish.com/wp-content/uploads/2007/05/package_go.png" alt="package_go.png" /><a href="http://www.euphorish.com/goto/PHOTOVIDS"> Photoshop Tutorials</a></h1>
<p>Gradients may very well be the most abundant and apparent feature used in web 2.0 websites, graphics, and logos. Here is my pack of Web 2.0 Gradients. I&#8217;ve had these to myself for sometime but it never occured to me to release them for public use until i saw <a href="http://www.dezinerfolio.com/2007/04/16/ultimate-web-20-gradients-v2/">this</a> resource. Which is also a very good pack of web 2.0 gradients as well. I thought i&#8217;d go ahead and share mine. So enjoy, and hopefully they will come in handy and maybe save some of you some time!</p>
<p><span id="more-80"></span></p>
<p>Click to download&#8230;<a title="gradients" href="http://www.euphorish.com/files/photoshop/gradients/Euphorish_WEB20_gradients.grd"><img src="http://www.euphorish.com/wp-content/uploads/2007/04/gradients.png" alt="gradients.png" /></a><br />
<strong>To install:</strong></p>
<ul>
<li> Simply save file into your photoshop/presets/gradients folder</li>
<li> Open preset manager in Photoshop (EDIT -&gt; PRESET MANAGER)</li>
<li> Select Gradients from the dropdown list</li>
<li> Select &#8220;Load&#8221; and load: euphorish_WEB20_gradients.grd</li>
<p>And your done!</ul>
<p>other resources:<br />
<a href="http://www.webdevtuts.com/tutorials/photoshop/other/Some-Nice-Colour-Gradients_316">Some Nice Colour Gradients</a><br />
<a href="http://www.dezinerfolio.com/2007/04/16/ultimate-web-20-gradients-v2/">Web 2.0 Gradient Download</a></p>
<p><script type="text/javascript">// <![CDATA[
 google_ad_client = "pub-1397654944854127"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as"; google_ad_type = "text_image"; //2007-07-01: euphorish.com google_ad_channel = "8281541392"; google_color_border = "F1F1F1"; google_color_bg = "F1F1F1"; google_color_link = "3D81EE"; google_color_text = "000000"; google_color_url = "008000"; google_ui_features = "rc:6";
// ]]&gt;</script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script></p>
<p><script type="text/javascript" class="owbutton" src="http://www.onlywire.com/btn/button_3793"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.euphorish.com/2007/photoshop-web-20-gradients-v10/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Icons, Logos, Logotypes, and Typefaces.</title>
		<link>http://www.euphorish.com/2007/logos-logotypes-and-typefaces/</link>
		<comments>http://www.euphorish.com/2007/logos-logotypes-and-typefaces/#comments</comments>
		<pubDate>Wed, 14 Mar 2007 00:40:26 +0000</pubDate>
		<dc:creator>alex</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[logos]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://euphorish.com/2007/03/logos-logotypes-and-typefaces/</guid>
		<description><![CDATA[Every start-up company and website must distinguish itself from the crowd aesthetically. The most important way of doing this is to accomplish the great feat of creating a unique logo for yourself. This is no small job and it&#8217;s importance is immense. A logo is the key to setting you apart while keeping you from [...]]]></description>
			<content:encoded><![CDATA[<p>Every start-up company and website must distinguish itself from the crowd aesthetically. The most important way of doing this is to accomplish the great feat of creating a unique logo for yourself. This is no small job and it&#8217;s importance is immense.</p>
<p>A logo is the key to setting you apart while keeping you from being lost in the torrents of new start-up companies. Your logo must be recognizable and distinguishable while memorable enough to a person that he or she will automatically associate that logo with your company or website. It should, more importantly, be associated with quality.  You&#8217;re not just creating content, you are creating a <em>brand</em>. It makes no difference if your product is sports shoes or technology reviews, you are still a brand.</p>
<p>Let&#8217;s discuss the current trend of new internet companies and web apps today. It&#8217;s labeled as &#8220;Web 2.0&#8243; which means many things (the &#8220;re-birth&#8221; of dotcoms, Ajax enables web apps etc. etc.), but one thing that all web 2.0 companies have in common is design. While they all are somewhat similar, each are unique in many ways. You can recognize their logo as being &#8220;web 2.0&#8243; but you also recognize its unique real estate within the crowd of this emerging trend. We are going to take a note of these designs as we discuss techniques of creating unique logos, logotypes, and typefaces.</p>
<h1>The Logo&#8217;s of Web 2.0</h1>
<p>While you can&#8217;t exactly define the style of Web 2.0 there are certainly some similarities&#8230;</p>
<p><center><br />
(Click to enlarge)<a href="http://euphorish.com/wp-content/uploads/2007/03/alllogos2.jpg" rel="lightbox"><img src="http://euphorish.com/wp-content/uploads/2007/03/alllogos2.thumbnail.jpg" height="128" width="111" /></a> </center> I don&#8217;t remember where i heard it said, but it was said best that the mainstream design of Web 2.0 is best accomplished by re-visiting your childhood&#8230; opening up a box of crayons and doing what comes natural. Its easily seen that the design usually consists of bright matching colors with stark contrast and a bit of detail. We have ditched the small text for big bold fonts and added more gradients and gloss than most likely needed.</p>
<h1>The New Age of Typefaces</h1>
<p>Typefaces are the most important feature of a logo and website. They should collaborate with the visual presentation of your content. Note that we are using the term &#8220;typeface&#8221; in place of &#8220;font&#8221;&#8230; <em>The distinction between font and typeface is a font&#8217;s status as a discrete commodity with legal restrictions, while typeface designates a visual appearance or style not immediately reducible to any one foundry&#8217;s production or proprietary control.</em> [<a href="#cited">Wikipedia, "Logotypes"</a>]. As for fonts, there are many readily available to download and use for your logo if you are not willing to go down the path of creating your own. Below are some examples for download-able web 2.0 style fonts:</p>
<p><a href="http://www.josbuivenga.demon.nl/delicious.html">Delicious</a><br />
<img src="http://euphorish.com/wp-content/uploads/2007/03/del11.gif" alt="del1.gif" /></p>
<p><a href="http://www.josbuivenga.demon.nl/fontinsans.html">Fontin Sans</a><br />
<img src="http://euphorish.com/wp-content/uploads/2007/03/fs82.gif" alt="fs8.gif" /></p>
<p><a href="http://www.fontshop.com/features/free.cfm">FF Clanâ„¢</a><br />
<img src="http://euphorish.com/wp-content/uploads/2007/03/clan_free_white4.gif" alt="clan_free_white.gif" /></p>
<p><a href="http://portfolio.denis-potschien.de/zeige.php?titel=newmedia">NewMedia</a></p>
<p><img src="http://euphorish.com/wp-content/uploads/2007/03/newmedia1.gif" alt="newmedia.gif" /></p>
<p><a href="http://praegnanz.de/essays/391/union">Union</a><br />
<img src="http://euphorish.com/wp-content/uploads/2007/03/union.gif" alt="union.gif" /></p>
<p><a href="http://moorstation.org/typoasis/designers/klein03/text/justold.htm">JustOldFashion</a><br />
<img src="http://euphorish.com/wp-content/uploads/2007/03/justold.gif" alt="justold.gif" /></p>
<p>The typefaces of today are bigger, bolder, and are usually high contrast. With some added brightness in color, some detail you can create a very unique and outstanding logo. Try some <a href="http://euphorish.com/2007/02/photoshop-better-gradients-and-techniques-part-1/">gradient overlays</a> and add some <a href="http://euphorish.com/2007/02/photoshop-dont-forget-to-gloss/">gloss</a>.</p>
<p><script type="text/javascript"><!-- google_ad_client = "pub-1397654944854127"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as"; google_ad_type = "text_image"; //2007-07-01: euphorish.com google_ad_channel = "8281541392"; google_color_border = "F1F1F1"; google_color_bg = "F1F1F1"; google_color_link = "3D81EE"; google_color_text = "000000"; google_color_url = "008000"; google_ui_features = "rc:6"; //--> </script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"> </script></p>
<h1>Detail Detail Detail</h1>
<p>What do all great logos have in common? Detail. You don&#8217;t have to go overboard&#8230; in fact this is more of a practice in minimalism. One single detail in position to your typeface can really make your logo stand out. Contrast is key. Take this logo for instance:</p>
<p><center><br />
<img src="http://euphorish.com/wp-content/uploads/2007/03/antipart.jpg" alt="antipart.jpg" /><br />
</center> Simple elegant typeface, detailed logo. Not too complex but care was given to each aspect.<br />
Like i said <em>Contrast is important.</em> Make the difference of foreground from the background really stand out. Also, <strong>define lines</strong>. By this i mean highlight any curves you may use, bring shapes forward. I think you get the idea. Also as a side note to the logo above: it is a great logo for web use only but would you be able to scale it down? Turned into a vector graphic (and minus the gradient background) it could be a powerful logo for any use (see next paragraph).</p>
<h1>Vector?&#8230; Raster?&#8230; Resolution???</h1>
<p>A common question in logo creation is whether to create you logo as a <em>vector</em> graphic, or a <em>raster</em> graphic. There are multiple answers to this question. It depends on where and how you are going to use the graphic. Creating a Vector based graphic in a program like Adobe Illustrator  or InkScape will usually be the better choice as it can be resized and printed always with its quality intact and without having to worry about resolution. They are also a little more daunting to create for many people, and if you are only going to use this logo on the web then using a raster based program like Adobe Photoshop is perfectly fine.</p>
<p>When is vector not a good choice? When your graphic contains photograph like imagery. Vector images cannot display the detail as pixel-based or raster graphics can. For logos, this is usually not a problem since most logos do not have a photograph of a house in the background and so otherwise Vector is the right way to go. The best practice for any logo is to make a Vector &#8220;master&#8221; graphic (in case you need it resized for business cards, letterheads etc.) and just save them in web style (.png/.gif) for use on your website.</p>
<p>Still going with raster? What about resolution? Well if you are going to create a master logo in a raster/pixel based program like Photoshop and you still plan on printing and using this logo outside of the web then it&#8217;s resolution becomes a factor. When creating an image in Photoshop (and most raster based paint programs) the default setting is 72 ppi (pixels per inch), which is perfectly fine for display on a monitor&#8230; but not on paper. When opening a new document, make sure you set the resolution to somewhere between 225 &#8211; 300 ppi. All printers are different and referring to the manual is always a good way to find exactly what ppi setting to use. Also note that the higher the ppi/dpi, the larger the file and the more memory it takes just handling the file.</p>
<h1>The Process of Logo Creation</h1>
<p>Don&#8217;t get frustrated if you cannot create or even think of the perfect logo right away. This usually takes some time. The best process is to first use a pencil and paper (remember those???) and draw out some sketches or ideas. Start small, start with the font/typeface then work your way to adding an icon and then throw in some detail. Sign up for an account at <a href="http://www.logopond.com">LogoPond</a> and upload your work-in-progress&#8230; you will get some help and constructive criticism. Most importantly, if you get &#8220;Designers Block&#8221;&#8230; get off your computer, go outside, take a drive&#8230; do anything away from your monitor and you will see how quickly it will come to you.</p>
<p>Good Luck, and i hope this article helped you get a better understanding of the daunting task of logo creation! Check some of the resources below for some ideas and inspiration&#8230;</p>
<p><strong>More resources:</strong><br />
<a href="http://logopond.com/">LogoPond &#8211; Identity Inspiration</a><br />
<a href="http://www.thinkingwithtype.com/">Thinking With Type</a><br />
<a href="http://www.brandsoftheworld.com/">Brand of the World</a><br />
<a href="http://www.inkscape.org/">InkScape</a><br />
<a href="http://www.misipile.com/">MiÅ¡ i Pile: Logo Design Portfolio</a></p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-1397654944854127";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
//2007-07-01: euphorish.com
google_ad_channel = "8281541392";
google_color_border = "F1F1F1";
google_color_bg = "F1F1F1";
google_color_link = "3D81EE";
google_color_text = "000000";
google_color_url = "008000";
google_ui_features = "rc:6";
//-->
</script><br />
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p><strong>Works cited:</strong></p>
<p>&#8220;Typeface.&#8221; Wikipedia, The Free Encyclopedia. 16 Mar 2007, 09:40 UTC. Wikimedia Foundation, Inc. 21 Mar 2007 &lt;<a href="http://en.wikipedia.org/w/index.php?title=Typeface&amp;oldid=115521101">http://en.wikipedia.org/w/index.php?title=Typeface&amp;oldid=115521101</a>&gt;.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.euphorish.com/2007/logos-logotypes-and-typefaces/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Photoshop: Better Gradients and Techniques (Part 1)</title>
		<link>http://www.euphorish.com/2007/photoshop-better-gradients-and-techniques-part-1/</link>
		<comments>http://www.euphorish.com/2007/photoshop-better-gradients-and-techniques-part-1/#comments</comments>
		<pubDate>Tue, 20 Feb 2007 22:43:23 +0000</pubDate>
		<dc:creator>alex</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[logos]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://euphorish.com/2007/02/photoshop-better-gradients-and-techniques-part-1/</guid>
		<description><![CDATA[In this article (slash) tutorial we will explore Gradients in all their glory. Simply put, a gradient consists of two or more colors gradually blended together. They are often used to add depth to dull single-color filled backgrounds as well as doing a lot of other cool things. This technique is a fundamental part of [...]]]></description>
			<content:encoded><![CDATA[<p>In this article (slash) tutorial we will explore Gradients in all their glory. Simply put, a gradient consists of two or more colors gradually blended together. They are often used to add depth to dull single-color filled backgrounds as well as doing a lot of other cool things. This technique is a fundamental part of graphic design and you probably already use them often enough but in this article we challenge you to return to the basics and maybe learn some new things that gradients can do for you. Also, if you&#8217;re new to this then this should be a good place to get a good grasp of how gradients should be approached.</p>
<p><strong>Note:</strong> for this tutorial we will be using the &#8220;Gradient Tool&#8221; located on photoshop&#8217;s Tools menu, or by pressing the &#8220;G&#8221; key as a shortcut. There are however, many other ways to access and create Gradients, such as through Layer &gt; New Fill Layer.   Layer &gt; Layer Style, and Layer &gt; New Adjustment Layer&#8230; but using the Gradient Tool (G) allows for more control over your gradient placement(s) and plus its right there and easier to use!</p>
<h1> Making Gradual Two Toned Gradients</h1>
<p><img src="http://euphorish.com/wp-content/uploads/2007/02/gg11.gif" alt="gg11.gif" /></p>
<p>A two colored gradient is the simplest gradient to create but is also, in my opinion, the best looking as it doesn&#8217;t add too much noise to a picture or background. They allow for easy contrast between the background and the foreground of an image, allowing you to &#8220;show off&#8221; the main part of your creation, whether it be a graphic or web page.</p>
<p>Remember in this article we are learning how to make <strong><em>better</em></strong> gradients. So we are going to set up some &#8220;rules&#8221; here and maybe explain a little more about how to pick the colors for gradients. I&#8217;ve seen some horrible looking gradient patterns&#8230; just look at some of the default photoshop presets and you should see my point. Any color can be made into a slick looking gradient but you have to pick a color close enough to the original to make the transition between the two colors work. Picking a bright red color to transform into a bright blue will <em>always</em> look bad but picking a dark colored blue to transform into a slightly lighter colored blue (see above) will always work and look nice. This is even easy to do so lets begin&#8230;</p>
<p><center><strong>(you can <a href="#begin">skip</a> this if you already know how to create gradients)</strong></center>Start by selecting the gradient tool (click image below), or by pressing your &#8220;G&#8221; key. <center><a href="http://euphorish.com/wp-content/uploads/2007/02/selectgradienttool.gif" rel="lightbox"><img src="http://euphorish.com/wp-content/uploads/2007/02/selectgradienttool.thumbnail.gif" height="128" width="26" /></a></center> Now with the gradient tool selected lets open up our gradient editor by clicking in the middle of the gradient shown in your upper left screen (click image below): <center><br />
<a href="http://euphorish.com/wp-content/uploads/2007/02/selectgradienteditor.gif" rel="lightbox"><img src="http://euphorish.com/wp-content/uploads/2007/02/selectgradienteditor.thumbnail.gif" height="54" width="128" /></a><br />
</center> Now with the gradient editor open you can begin to create (and edit) your own gradients. You also should see some of photoshop&#8217;s default preset gradients in the box above. You can see more of them by clicking the arrow on the top left of that box or by manually loading the .GRD file.Now lets make a gradient. We will start by choosing your first color. Do this by double clicking on the first left &#8220;stop&#8221; in the gradient editor (below): <center><br />
<a href="http://euphorish.com/wp-content/uploads/2007/02/gradstop.gif" rel="lightbox"><img src="http://euphorish.com/wp-content/uploads/2007/02/gradstop.thumbnail.gif" height="121" width="128" /></a><br />
</center> This should open up a Color Picker dialog window for you to choose your first color. Pick what you like, or use what I used, color 0284d1 (copy and paste that into the color picker textbox labeled &#8220;#&#8221;). Either way, pick one and press OK. Next, click the right stopper (opposite side) and pick your next color&#8230; whether your going lighter to darker, or darker to lighter always make sure it is similar enough to blend without clashing. This should be pretty obvious as you test out different variations. You can choose the second color i chose 046ba9 to see the slight contrast between the two&#8230; although this doesn&#8217;t have to be such a small difference, you could make the color gap even larger depending on what you have in mind for its use.<a title="begin" name="begin"></a></p>
<h1>Making A Better Gradient</h1>
<p>Well thats the basics on creating a two color gradient but like i said before, we are here to discuss making <em>better</em> gradients. There are so many ways to make gradients its too much to cover everything here so we&#8217;re going to stick to a certain path by going over different techniques and try and cover the grounds that way. So lets begin already.</p>
<p>Lets talk about color tones and ways to choose them. Lets start with an experiment. Open up the gradient editor and double click your first stop. Now select a random color, any color and copy its hexadecimal code. Now close it and click the next stop (note: make sure they are far left to far right for this), now paste its hexadecimal code to have to same exact color selected. Now click one of the textboxes labeled &#8220;H S B&#8221; &#8220;R G B&#8221; &#8220;L A B&#8221; and &#8220;C M Y K&#8221;&#8230; for example, select &#8216;B&#8217; in the HSB. Now hold down shift, and press your up key about 2 &#8211; 4 times (try this with other directions and selections). Chances are you have a perfectly good looking gradient. Easy, yes, fun? not really but you get the point. Stay close to the original color while making the different tones obvious. Now that we got that out of the way lets have a little more fun with gradients.</p>
<h1>Techniques</h1>
<p><script type="text/javascript"><!--
google_ad_client = "pub-1397654944854127";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "text_image";
//2007-07-01: euphorish.com
google_ad_channel = "8281541392";
google_color_border = "F1F1F1";
google_color_bg = "F1F1F1";
google_color_link = "3D81EE";
google_color_text = "000000";
google_color_url = "008000";
google_ui_features = "rc:6";
//-->
</script><br />
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><br />
There is all the hype going around about &#8220;Web 2.0.&#8221; It&#8217;s definition, which used to be pretty obvious is now getting a little more blurred as it grows on but we are going to use the term to describe what a lot of people call &#8220;Web 2.0 Colors.&#8221; They make for nice looking webpages and graphics that really stand out. Fortunately for us, this is a very basic concept and easy to re-create.</p>
<p>Lets start by using gradients in a slightly different manner. We&#8217;ll do it by creating a simple logo for a webpage. Follow these basic steps to begin&#8230;</p>
<ul>
<li>Start a new image (file &gt; image &gt; new).</li>
<li>Select the size to be something around 380 x 170. (to give you room)</li>
<li>Select the Text Tool (T).</li>
<li>Press the &#8220;D&#8221; key to default the colors.</li>
</ul>
<p>Now lets write a name for our logo. Call it whatever you please, i used the name of this site. Now choose a font. Almost any will do but i suggest something somewhat simple. Once this is done, rasterize your type layer by going to Layer &gt; Rasterize.</p>
<p>Now we are going to make a gradient for our colors to use on our logo. Start by opening up the gradient editor. Click the first stop and choose your color, use something bright . I&#8217;m using a blue (# 0071b5) for the first color and using a darker blue (# 0284d1) for the second color.</p>
<p>Now place both stops in the center of the gradient (both at about 50%), see image below:</p>
<p><center><br />
<a href="http://euphorish.com/wp-content/uploads/2007/02/centerstops.gif" rel="lightbox"><img src="http://euphorish.com/wp-content/uploads/2007/02/centerstops.thumbnail.gif" height="46" width="128" /></a><br />
</center> Now hold down Ctrl and click your text layer to highlight your text. With your text selected use the gradient tool (G) and drag the line slightly above the half way point of your text to create the gradient. Also you can do this by going to Layer &gt; Layer style &gt; Gradient Overlay. Either way It should look something similar to this&#8230;. <center><br />
<a href="http://euphorish.com/wp-content/uploads/2007/02/wb2logo1.gif" rel="lightbox"><img src="http://euphorish.com/wp-content/uploads/2007/02/wb2logo1.thumbnail.gif" height="57" width="128" /></a></center> Not very pretty yet but bare with me. Next go to Layer &gt; Layer Style &gt; Stroke and change the settings as followed&#8230;<br />
<center><br />
<a href="http://euphorish.com/wp-content/uploads/2007/02/strokeset1.gif" rel="lightbox"><img src="http://euphorish.com/wp-content/uploads/2007/02/strokeset1.thumbnail.gif" height="112" width="128" /></a><br />
</center> Click OK to save. Now Duplicate the the layer. Hold down Ctrl and Select the new layer. Now select the gradient tool and go into the gradient editor. This time do the same type of gradient as the last but another color. I used red this time. Then do this all over again (duplicate layer etc. etc.) and make a new gradient. I used green for the third one. After this you should have a red, blue, and green text on 3 different layers. Now all you have to do is position them. You should have something kind of like this&#8230;<br />
<center><br />
<a href="http://euphorish.com/wp-content/uploads/2007/02/complogo1.gif" rel="lightbox"><img src="http://euphorish.com/wp-content/uploads/2007/02/complogo1.thumbnail.gif" height="60" width="128" /></a><br />
</center> Note that I changed the background to black to better suit the colors. You can also add startbursts to the side or under it. Makes for a simple yet stylish Web 2.0 logo and is just one of the many things you can do with gradients.Sorry To leave you hanging here kids, but we will have to save more discussion and tutorials for next time! So just wait for Part 2 very soon.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.euphorish.com/2007/photoshop-better-gradients-and-techniques-part-1/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

