<?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"
	>

<channel>
	<title>Spicy Websites</title>
	<atom:link href="http://spicywebsites.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://spicywebsites.com</link>
	<description></description>
	<pubDate>Tue, 26 Feb 2008 13:22:14 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.5.1</generator>
	<language>en</language>
			<item>
		<title>Photoshop Tutorial: Lovely Fog Overlay</title>
		<link>http://spicywebsites.com/34/photoshop-tutorial-lovely-fog-overlay/</link>
		<comments>http://spicywebsites.com/34/photoshop-tutorial-lovely-fog-overlay/#comments</comments>
		<pubDate>Tue, 26 Feb 2008 13:21:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photography]]></category>

		<guid isPermaLink="false">http://spicywebsites.com/34/photoshop-tutorial-lovely-fog-overlay/</guid>
		<description><![CDATA[
Add this classic dreamy effect to your photos. Now you can copy studio photo effects on your photos with this easy Photoshop tutorial.

Open an image

Choose File &#62; Open. Browse for the image file and click OK. The image should now be loaded into Photoshop.
Duplicate the layer

Press Ctrl+J to duplicate the layer. Change the blending mode [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://spicywebsites.com/wp-content/uploads/2008/02/01.jpg" alt="0" border="0" height="332" width="500" /></p>
<p>Add this classic dreamy effect to your photos. Now you can copy studio photo effects on your photos with this easy Photoshop tutorial.<br />
<span id="more-34"></span></p>
<h2>Open an image</h2>
<p><img src="http://spicywebsites.com/wp-content/uploads/2008/02/11.jpg" alt="1" border="0" height="300" width="500" /></p>
<p>Choose File &gt; Open. Browse for the image file and click OK. The image should now be loaded into Photoshop.</p>
<h2>Duplicate the layer</h2>
<p><img src="http://spicywebsites.com/wp-content/uploads/2008/02/21.jpg" alt="2" border="0" height="229" width="498" /></p>
<p>Press Ctrl+J to duplicate the layer. Change the blending mode of the new layer to Screen.</p>
<h2>Add a Gaussian Blur filter</h2>
<p><img src="http://spicywebsites.com/wp-content/uploads/2008/02/31.jpg" alt="3" border="0" height="300" width="500" /></p>
<p>Choose File &gt; Blur &gt; Gaussian Blur. Adjust the radius then click OK.</p>
<h2>Duplicate the layer</h2>
<p><img src="http://spicywebsites.com/wp-content/uploads/2008/02/41.jpg" alt="4" border="0" height="229" width="498" /></p>
<p>Press Ctrl+J to create a  duplicate of  the current layer. Now change the blending mode of this layer to Overlay.</p>
<h2>Fixing overexposed areas</h2>
<p><img src="http://spicywebsites.com/wp-content/uploads/2008/02/51.jpg" alt="5" border="0" height="300" width="500" /></p>
<p>We have the fog overlay Photoshop effect, but the highlights look clipped. In the image used for this tutorial, the wedding dress turned into a white blob. In the steps below, you will learn how to fix this problem and restore detail to overexposed areas.</p>
<p><img src="http://spicywebsites.com/wp-content/uploads/2008/02/61.jpg" alt="6" border="0" height="353" width="498" /></p>
<p>First, select the two layers and press Ctrl+G to group those two layers. Then, select the layer group and choose Layer &gt; Layer Mask &gt; Reveal All.</p>
<p><img src="http://spicywebsites.com/wp-content/uploads/2008/02/71.jpg" alt="7" border="0" height="300" width="500" /></p>
<p>Select the layer mask then choose Image &gt; Apply Image. Use the settings from the above image.</p>
<p><img src="http://spicywebsites.com/wp-content/uploads/2008/02/81.jpg" alt="8" border="0" height="166" width="500" /></p>
<p>The above image compares the Photoshop effect without and with the layer mask. The layer mask reduces the effect from the highlights so that there is less blown highlights.</p>
<h2>Final Results</h2>
<p><img src="http://spicywebsites.com/wp-content/uploads/2008/02/9.jpg" alt="9" border="0" height="664" width="500" /></p>
]]></content:encoded>
			<wfw:commentRss>http://spicywebsites.com/34/photoshop-tutorial-lovely-fog-overlay/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Photoshop Tutorial: How to Create a Fantastically Formal Photo Effect</title>
		<link>http://spicywebsites.com/23/photoshop-tutorial-how-to-create-a-fantastically-formal-photo-effect/</link>
		<comments>http://spicywebsites.com/23/photoshop-tutorial-how-to-create-a-fantastically-formal-photo-effect/#comments</comments>
		<pubDate>Fri, 22 Feb 2008 11:39:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photography]]></category>

		<guid isPermaLink="false">http://spicywebsites.com/23/photoshop-tutorial-how-to-create-a-fantastically-formal-photo-effect/</guid>
		<description><![CDATA[&#160; 
Make your photos look classic! This professional-quality photo effect looks natural and is a great alternative to black and white or selective grayscale. Read this Photoshop tutorial to find out how you can add a professional touch to your photos.

Open a picture

Open a nice family photo into Photoshop. To open a file, start Photoshop [...]]]></description>
			<content:encoded><![CDATA[<p>&#160;<img height="323" alt="Uniquely Urban Photo Effect Photoshop Tutorial" src="http://spicywebsites.com/wp-content/uploads/2008/02/0.jpg" width="500" border="0" /> </p>
<p>Make your photos look classic! This professional-quality photo effect looks natural and is a great alternative to black and white or selective grayscale. Read this Photoshop tutorial to find out how you can add a professional touch to your photos.</p>
<p><span id="more-23"></span></p>
<h2>Open a picture</h2>
<p><img height="300" alt="1" src="http://spicywebsites.com/wp-content/uploads/2008/02/1.jpg" width="500" border="0" /></p>
<p>Open a nice family photo into Photoshop. To open a file, start Photoshop and choose File &gt; Open. Then, browse for the image file and click OK.</p>
<h2>Create a new duplicate layer</h2>
<p><img height="300" alt="2" src="http://spicywebsites.com/wp-content/uploads/2008/02/2.jpg" width="500" border="0" /></p>
<p>In the Layers palette, you should have one layer called Background. If you press Ctrl+J or chose Layer &gt; Duplicate Layer, you&#8217;ll get two layers. Do that then select the top layer that&#8217;s the new one. Select Overlay from the blending mode drop down menu in the Layers palette.</p>
<h2>Desaturate to create a neutral color effect</h2>
<p><img height="300" alt="3" src="http://spicywebsites.com/wp-content/uploads/2008/02/3.jpg" width="500" border="0" /></p>
<p>Now we&#8217;re going to add a nice urban color effect that makes this Photoshop tutorial different from other selective grayscale Photoshop tutorials. This is the key effect that professionals use when they create a selective grayscale effect. It makes the color more neutral so that it doesn&#8217;t have too much contrast with the grayscale background that we&#8217;re going to create later.</p>
<p>To desaturate, simply press Ctrl+Shift+U. If that doesn&#8217;t work, you can choose Image &gt; Adjustments &gt; Hue/Saturation and move the saturation slider to the very left (-100).</p>
<h2>Duplicate the layer and add a layer mask</h2>
<p><img height="300" alt="4" src="http://spicywebsites.com/wp-content/uploads/2008/02/4.jpg" width="500" border="0" /></p>
<p>Now we&#8217;re going to add a traditional selective saturation effect. This will make the background grayscale while leaving the subject (the family in the photo) in color. This effect is a great way to increase focus in a photograph.</p>
<p>Press Ctrl+J to duplicate the layer then choose Layer &gt; Layer Mask &gt; Reveal All. You should now have a new layer that looks like the one in the above image. Make sure that the layer mask is selected before continuing. Click on the layer mask thumbnail and you should see a white outline around the thumbnail to indicate that it is selected.</p>
<h2>Erase the foreground</h2>
<p><img height="300" alt="5" src="http://spicywebsites.com/wp-content/uploads/2008/02/5.jpg" width="500" border="0" /></p>
<p>Now we&#8217;re going to mask out the selective grayscale effect so that it&#8217;s only affecting the background. Select the Eraser tool from the toolbar and in the option bar on the top, set the Hardness to 75.</p>
<p><img height="300" alt="6" src="http://spicywebsites.com/wp-content/uploads/2008/02/6.jpg" width="500" border="0" /></p>
<p>Begin erasing the&#160; foreground/subject that you would like in color. To make this faster and more precise, zoom in at around 400%. To change the brush size quickly, press the &quot;[&quot; or &quot;]&quot; key on your keyboard.</p>
<p><img height="300" alt="7" src="http://spicywebsites.com/wp-content/uploads/2008/02/7.jpg" width="500" border="0" /></p>
<p>Here&#8217;s what my layer mask looks like right now. </p>
<h2>Final Results</h2>
<p><img height="646" alt="Formal Photo Effect" src="http://spicywebsites.com/wp-content/uploads/2008/02/8.jpg" width="500" border="0" /></p>
]]></content:encoded>
			<wfw:commentRss>http://spicywebsites.com/23/photoshop-tutorial-how-to-create-a-fantastically-formal-photo-effect/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Negotiating Prices with Freelancers</title>
		<link>http://spicywebsites.com/13/negotiating-prices-with-freelancers/</link>
		<comments>http://spicywebsites.com/13/negotiating-prices-with-freelancers/#comments</comments>
		<pubDate>Fri, 22 Feb 2008 10:17:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Job Hunting]]></category>

		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://spicywebsites.com/?p=13</guid>
		<description><![CDATA[ 
Are you a project manager or someone who just needs to hire a freelancer? Freelancers usually do work at bargain prices, but you might not be getting the best price you could be getting. Learn effective negotiating techniques to save you money.

Ask for a discount. Ask for a discount. Ask for a discount.
This is [...]]]></description>
			<content:encoded><![CDATA[<p><img height="334" alt="Negotiating Prices with Freelancers" src="http://spicywebsites.com/wp-content/uploads/2008/02/fotolia-2709331.jpg" width="500" border="0" /> </p>
<p>Are you a project manager or someone who just needs to hire a freelancer? Freelancers usually do work at bargain prices, but you might not be getting the best price you could be getting. Learn effective negotiating techniques to save you money.</p>
<p><span id="more-13"></span></p>
<h2>Ask for a discount. Ask for a discount. Ask for a discount.</h2>
<p>This is always the hardest part in negotiation. Many fear asking the question because they&#8217;re uncertain what the</p>
<p>freelancer would say. There&#8217;s nothing to be afraid of; the most the freelancer can say is, &quot;Sorry, this is the best price I can give you&quot;. Never settle for a price without asking for a discount. </p>
<h2>Asking the Right Question</h2>
<h3>Don&#8217;t Ask a &quot;Can&quot; Question </h3>
<p>When asking for a discount, don&#8217;t ask a &quot;can&quot; question. This gives the freelancer an option to say, &quot;no&quot;. Instead, ask a &quot;what&quot; question that will force the freelancer to give you a number instead of a yes or no. </p>
<p>Asking a &quot;Can&quot; question:</p>
<blockquote><p>Buyer: Can you give me a discount? </p>
<p>Freelancer: No, the price is already good.</p>
</blockquote>
<p>Asking a &quot;What&quot; question:</p>
<blockquote><p>Buyer: What is the best price you can give me? </p>
<p>Freelancer: $100 is the best price I can give. The project is intense and it&#8217;s not something I normally do. </p>
</blockquote>
<p>Although the freelancer didn&#8217;t offer a discount, at least the freelancer gave an explanation. Asking a &quot;what&quot; question will increase the probability that the freelancer will give you a discount. If not, you&#8217;ll at least get a better explanation. </p>
<h2>Ask as if the Freelancer&#8217;s Supposed to Give You a Discount </h2>
<p>Ask the question in a way that will make the freelancer feel that he/she is doing what is reasonable rather than a method that makes the freelancer feel that he/she is being generous. For example:</p>
<p>Asking if the freelancer can be generous :</p>
<blockquote><p>Buyer: What is the best price you can give me? </p>
<p>Freelancer: $100 is the best price I can give. The project is intense and it&#8217;s not something I normally do. </p>
</blockquote>
<p>Asking if the freelancer can settle for a more reasonable price:</p>
<blockquote><p>Buyer: What is the best price you can settle for? </p>
<p>Freelancer: Well, the project is intense and it&#8217;s not something I normally do, but I can settle for $80. </p>
</blockquote>
<p>Asking what the freelancer can settle for compared to asking what the freelancer can give you makes a big difference. Asking the freelancer for the best price he/she can give will get you the price the freelancer wants to make. Asking the freelancer for the best price he/she can settle for will get you the minimum price the freelancer expects to make. </p>
<h2>Countering the Replies </h2>
<blockquote><p>&quot;Okay, I will give it to you for $x.&quot;:</p>
</blockquote>
<p>If a freelancer gives you an honest reply, ask for another discount. Say that it is still too high or that you were looking for something lower. If the discount isn&#8217;t much, let the freelancer know. For example, if the project originally was $100, and the freelancer gives you a discount of only $10, say, &quot;That&#8217;s not much of a discount. Can you give a more reasonable discount.&quot;. Now that may sound aggressive, but until the freelancer gives you signs that he/she is getting angry at your bargaining, you still have room to negotiate. </p>
]]></content:encoded>
			<wfw:commentRss>http://spicywebsites.com/13/negotiating-prices-with-freelancers/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Increase Click-Through Rate (CTR) with Strategic Google Adsense Positions</title>
		<link>http://spicywebsites.com/11/increase-click-through-rate-ctr-with-strategic-google-adsense-positions/</link>
		<comments>http://spicywebsites.com/11/increase-click-through-rate-ctr-with-strategic-google-adsense-positions/#comments</comments>
		<pubDate>Fri, 22 Feb 2008 10:08:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Online Advertising]]></category>

		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://spicywebsites.com/?p=11</guid>
		<description><![CDATA[ 
Did you know your website could be making over 200% more income with better Google Adsense placements? Learn expert methods and the science behind it to increase CTR. 

Blending
While this may be common sense, it is the most important factor for increasing CTR. More and more viewers are becoming more experience in identifying advertisements. [...]]]></description>
			<content:encoded><![CDATA[<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="335" alt="business man success" src="http://spicywebsites.com/wp-content/uploads/2008/02/dreamstime-2601688.jpg" width="500" border="0" /> </p>
<p>Did you know your website could be making over 200% more income with better Google Adsense placements? Learn expert methods and the science behind it to increase CTR. </p>
<p><span id="more-11"></span></p>
<h5>Blending</h5>
<p>While this may be common sense, it is the most important factor for increasing CTR. More and more viewers are becoming more experience in identifying advertisements. When viewers detects an advertisement, they pay less attention to it. By simply blending the colors to match the website, it makes it more difficult for the viewer to identify text advertisements which increases the chance that they&#8217;ll read the text ad and click on it. </p>
<p><img style="border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px" height="124" alt="blending" src="http://spicywebsites.com/wp-content/uploads/2008/02/blending.png" width="236" border="0" />&#160;</p>
<p>By removing the border and matching the link and text color to the website, the ad becomes less perceived as an ad.</p>
<h5>Place the Ad Where it is Most Visible</h5>
<p>Another method to increase exposure to the ads is to place it where it would be read first. A good example of this position is right above the content/article. By placing it before the content/article, the viewer will read the ad first before they proceed to the content/article.</p>
<p>&#160;<img height="175" alt="place-most-visible" src="http://spicywebsites.com/wp-content/uploads/2008/02/place-most-visible.png" width="234" border="0" /> </p>
<p>An example of placing an ad before content. The viewer will read or scan the ad first before they find the actual content/article.</p>
<h5>Align the Ad with the Content</h5>
<p>This is one of the least known techniques. Ads should not be placed arbitrarily on a website; it should be aligned with some content so that it does not look like an advertisement. If a text ad is placed by itself, the viewer will check to see if it&#8217;s an ad. However, if there is real content that&#8217;s aligned with the ad, the user will not check for an ad as strongly as it would if the ad was alone by itself or not aligned with other content. </p>
<p><img height="143" alt="alignment" src="http://spicywebsites.com/wp-content/uploads/2008/02/alignment.png" width="500" border="0" /> </p>
<p>By positioning the ad on the same imaginary line as the real content, the ad looks less like an ad.</p>
<h5>Repetition</h5>
<p> Blending an ad in a repetition is one of the most effective methods for blending ads with content. Although it may be tricky to implement into a website, it can dramatically increase exposure and CTR. To blend a text ad into a repetition of content is to place a text ad where normal content would usually be.
<p><img height="248" alt="repetition" src="http://spicywebsites.com/wp-content/uploads/2008/02/repetition.png" width="238" border="0" /> </p>
<p>The text ad is less perceived as an ad because it is surrounded by and on the same imaginary line as the real content.</p>
<h5>Images Beside Google Text Ad</h5>
<p> This used to be the most common technique and can usually doubles CTR, but it&#8217;s against Google Adsense&#8217;s TOS (Terms of Service). We do not recommend using this technique.<br />
<blockquote>
<p>We ask that publishers not line up images and ads in a way that suggests a relationship between the images and the ads. If your visitors believe that the images and the ads are directly associated, or that the advertiser is offering the exact item found in the neighboring image, they may click the ad expecting to find something that isn&#8217;t actually being offered. That&#8217;s not a good experience for users or advertisers.</p>
<p>Publishers should also be careful to avoid similar implementations that people could find misleading. For instance, if your site contains a directory of Flash games, you should not format the ads to mimic the game descriptions.</p>
<p>- Google Adsense Blog</p>
</blockquote>
]]></content:encoded>
			<wfw:commentRss>http://spicywebsites.com/11/increase-click-through-rate-ctr-with-strategic-google-adsense-positions/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Five Dreadful Online Portfolio Mistakes Designers Make</title>
		<link>http://spicywebsites.com/4/5-online-portfolio-mistakes-designers-make/</link>
		<comments>http://spicywebsites.com/4/5-online-portfolio-mistakes-designers-make/#comments</comments>
		<pubDate>Fri, 22 Feb 2008 09:53:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Graphic Design]]></category>

		<category><![CDATA[Job Hunting]]></category>

		<category><![CDATA[Photography]]></category>

		<category><![CDATA[Web Development]]></category>

		<guid isPermaLink="false">http://spicywebsites.com/?p=4</guid>
		<description><![CDATA[
You may think your online portfolio is great. Is it really? How do amazing designers fail to get their jobs? Find out how even the best designers can fail with their online portfolios.

Talking Too Much About Yourself
It may sound obvious, but many portfolios fail because of this. When including a biography of yourself, stick to [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://spicywebsites.com/wp-content/uploads/2008/02/dreamstime-32277.jpg" style="border: 0px none " alt="dreamstime_32277" border="0" height="375" width="500" />
<p>You may think your online portfolio is great. Is it really? How do amazing designers fail to get their jobs? Find out how even the best designers can fail with their online portfolios.</p>
<p><span id="more-4"></span></p>
<h2>Talking Too Much About Yourself</h2>
<p>It may sound obvious, but many portfolios fail because of this. When including a biography of yourself, stick to the points that people care about and keep it short. Nobody likes to read an essay about your life. This isn&#8217;t just a common mistake in the usual &#8220;About Me&#8221; page, it&#8217;s also a common mistake in the descriptions of the projects.</p>
<p>When describing a project, instead of describing why you did what you did, describe why what was done was effective for the project. The key to this is to not use the word &#8220;I&#8221;. Remember that the viewer care more about what you can create than what you think. Below is an example of describing a project in two different methods. Which one sounds better?</p>
<blockquote><p>I used orange as the main color for this brochure because I wanted to let people know that this hair product is unisex.</p></blockquote>
<blockquote><p>Orange was used as the main color for this brochure because the color describes this hair product as a unisex product</p></blockquote>
<p>The second line sounds more professional because it&#8217;s talking about the project rather than the designer. This was done simply by removing the &#8220;I&#8221;&#8217;s from the sentence.</p>
<h2>Difficult Menus</h2>
<p>Menus are a great way to present your capabilities. Many designers create an exceptionally creative navigation system, but fail to make it functional. The purpose of menus is to let the viewer browse to different parts of the website. While it is a great idea to show off your abilities using menus, make sure that it&#8217;s easy to use.</p>
<h2>Overly Abstract Artworks</h2>
<p>A major problem with portfolios is that their artwork only shows that the designer can create something creative, but not useful. I&#8217;ve seen many portfolios with random geometric shapes with a modern duotone effect. Does anyone really want to pay you to create this? While this abstract effect may express your creativity, it does not show what use the designer could be to the viewer and certainly doesn&#8217;t show much skill. The best artwork to include are the ones that display a unique skill that&#8217;s usable in the real world.</p>
<h2>Lacking Contact Information</h2>
<p>So a prestigious design firm thinks your portfolio is great and they want to invite you to an interview. The problem? It&#8217;s too difficult to contact you. Either you don&#8217;t have any contact information, your contact information is hidden, or there&#8217;s not enough options to contact you. Make sure that the contact information can be easily found with at least a phone number and email. Many designers make the mistake of only including their email. It&#8217;s important to include a phone number because some people prefer to have instant replies via telephone than delayed replies via emails.</p>
<h2>Too Many Faux Projects</h2>
<p>When starting, many designers create work for fake companies. These are great for practicing, but shows little experience in the real world. Employers looking for designers always prefer hiring designers who have real world experience. If you can&#8217;t find any real companies to create work for, simply volunteer to do free work. Even a simple listing on a popular classifieds website will bring many potential companies for you to create projects for.</p>
]]></content:encoded>
			<wfw:commentRss>http://spicywebsites.com/4/5-online-portfolio-mistakes-designers-make/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
