<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>webexpedition18» Webexpedition18</title>
	
	<link>http://webexpedition18.com</link>
	<description>web design, tutorials, photoshop tutorials, jquery tutorials, wordpress tutorials, design, inspiration, design trends</description>
	<lastBuildDate>Mon, 09 Nov 2009 05:30:41 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/webexpedition18com" type="application/rss+xml" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
		<title>Come Surf the Google Wave</title>
		<link>http://feedproxy.google.com/~r/webexpedition18com/~3/iIeLOM1kAP8/</link>
		<comments>http://webexpedition18.com/articles/come-surf-the-google-wave/#comments</comments>
		<pubDate>Mon, 09 Nov 2009 05:30:41 +0000</pubDate>
		<dc:creator>colaja</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[giveaway]]></category>

		<guid isPermaLink="false">http://webexpedition18.com/?p=1128</guid>
		<description><![CDATA[It’s time for another giveaway here at webexpedition18. This time, I have five Google Wave invitations to share with you, courtesy of Marko Randjelovic (@iodicdesign on Twitter).



In case you are one of the few tech enthusiasts who don’t know what Google Wave is, take a look at the video below:



Rules
The rules of the giveaway are [...]]]></description>
			<content:encoded><![CDATA[<p>It’s time for another giveaway here at <a href="http://webexpedition18.com" target="_blank">webexpedition18</a>. This time, I have five Google Wave invitations to share with you, courtesy of Marko Randjelovic (<a href="http://twitter.com/iodicdesign/" target="_blank">@iodicdesign</a> on Twitter).<span id="more-1128"></span></p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/11/wave.jpg" alt="wave-giveaway" title="wave-giveaway">
</div>
<p>In case you are one of the few tech enthusiasts who don’t know what Google Wave is, take a look at the video below:</p>
<div class="wall_image">
<!-- Smart Youtube --><span class="youtube"><object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/xBzuuWZPaXc&amp;rel=1&amp;color1=d6d6d6&amp;color2=f0f0f0&amp;border=&amp;fs=1&amp;hl=en&amp;autoplay=&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0" /><param name="allowFullScreen" value="true" /><embed wmode="transparent" src="http://www.youtube.com/v/xBzuuWZPaXc&amp;rel=1&amp;color1=d6d6d6&amp;color2=f0f0f0&amp;border=&amp;fs=1&amp;hl=en&amp;autoplay=&amp;showinfo=0&amp;iv_load_policy=3&amp;showsearch=0" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="355" ></embed><param name="wmode" value="transparent" /></object></span>
</div>
<h3>Rules</h3>
<p>The rules of the giveaway are simple:</p>
<ul>
<li>Leave a comment below with a valid email address (so that I can send you the invite);</li>
<li>Follow on Twitter: <a href="http://twitter.com/colaja/" target="_blank">@colaja</a> and <a href="http://twitter.com/iodicdesign/" target="_blank">@iodicdesign</a> ;</li>
<li>Tweet this message: &#8221; Come Surf the Google Wave – http://bit.ly/2cK7HF #wavegiveaway18 &#8220;</li>
</ul>
<p></p>
<h3>Deadline</h3>
<p>The contest will end on Friday, November 13, 2009 at 24:00 (CET – Central European Time)</p>
<p>The winners will be announced here this Saturday, November 14th, and we’ll see who has beaten their bad luck.</p>
<p></p>
]]></content:encoded>
			<wfw:commentRss>http://webexpedition18.com/articles/come-surf-the-google-wave/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		<feedburner:origLink>http://webexpedition18.com/articles/come-surf-the-google-wave/</feedburner:origLink></item>
		<item>
		<title>UPrinting.com gives 50 Custom Thank You Cards w/ plain envelopes</title>
		<link>http://feedproxy.google.com/~r/webexpedition18com/~3/fC7EpAe_c-E/</link>
		<comments>http://webexpedition18.com/articles/uprinting-com-gives-50-custom-thank-you-cards-w-plain-envelopes/#comments</comments>
		<pubDate>Sun, 08 Nov 2009 22:36:26 +0000</pubDate>
		<dc:creator>colaja</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[giveaway]]></category>

		<guid isPermaLink="false">http://webexpedition18.com/?p=1124</guid>
		<description><![CDATA[Holidays are just around the corner, ‘tis the season to be merry and giving custom thank you cards is the perfect gift to express your warm thoughts to your loved ones.Take a look at some information about the Greeting Cards, Envelopes and U-Printing customer reviews.



One lucky reader will be jingling all the way with a [...]]]></description>
			<content:encoded><![CDATA[<p>Holidays are just around the corner, ‘tis the season to be merry and giving custom thank you cards is the perfect gift to express your warm thoughts to your loved ones.<span id="more-1124"></span><br />Take a look at some information about the <a href="http://www.uprinting.com/custom-greeting-cards-printing.html" target="_blank">Greeting Cards</a>, <a href="http://www.uprinting.com/envelope-printing.html" target="_blank">Envelopes</a> and <a href="http://www.yelp.com/biz/u-printing-los-angeles" target="_blank">U-Printing</a> customer reviews.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/11/greetingcards_up.jpg" alt="giveaway" title="giveaway">
</div>
<p>One lucky reader will be jingling all the way with a pack of 50 Custom Thank You Cards with envelopes, all for free!</p>
<h3>Giveaway Prize</h3>
<p>* (50 ct.) 7 x 5&#8243; (folded to 3.5 x 5&#8243;) Custom Thank You Cards with plain envelopes<br />
* Shipping: Free UPS Ground within United States<br />
* Eligibility: Limited to US Residents due to shipping costs. We will negotiate better shipping rates soon.
</p>
<p>Blogger Appreciation Prize: (50 ct.) 7 x 5&#8243; (folded to 3.5 x 5&#8243;) Custom Thank You Cards with plain envelopes</p>
<h3>How to enter?</h3>
<ul>
<li>- Leave a comment here and describe how you plan to use the custom thank you cards</li>
<li>- Leave a valid email address (winner will be contacted on email)</li>
<li>- Tweet the giveaway in post @uprinting</li>
</ul>
<h3>Deadline</h3>
<p>The contest will end on November 14, 2009 at 24:00 (CET &#8211; Central European Time )</p>
<p>The winner will be announced on November 15, 2009.</p>
<p>Winner will be awarded on November 20, 2009. Check your email for updates.</p>
<p>Good luck everyone!</p>
<h3>About U-Printing.com</h3>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/UPrinting.com.jpg" alt="uprinting" title="uprinting">
</div>
<p>For over 25 years, UPrinting has been a trusted leader in Online Printing , featuring its signature easy-to-use website and the famous free file review, a complimentary proofing service which requires no upfront payment. UPrinting offers convenient marketing support services such as design, lists, and direct mailing to help grow small and medium-size businesses nationwide.<br />UPrinting.com&#8217;s high quality printing services include Canvas Printing, business cards, brochures, postcards and more, all at the most affordable prices.</p>
]]></content:encoded>
			<wfw:commentRss>http://webexpedition18.com/articles/uprinting-com-gives-50-custom-thank-you-cards-w-plain-envelopes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://webexpedition18.com/articles/uprinting-com-gives-50-custom-thank-you-cards-w-plain-envelopes/</feedburner:origLink></item>
		<item>
		<title>Design Slick Print Ready Business Card Using Photoshop</title>
		<link>http://feedproxy.google.com/~r/webexpedition18com/~3/xH9bwkrC5gw/</link>
		<comments>http://webexpedition18.com/articles/design-slick-print-ready-business-card-using-photoshop/#comments</comments>
		<pubDate>Sun, 25 Oct 2009 15:32:26 +0000</pubDate>
		<dc:creator>colaja</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[photoshop tutorials]]></category>

		<guid isPermaLink="false">http://webexpedition18.com/?p=1089</guid>
		<description><![CDATA[Today I&#8217;m going to show you how to design your own double sided business card in Photoshop and get it ready for print. Recently there was a business cards giveaway here on webexpedition18.com, and that inspired me to write this tutorial.

Here is the outcome.



STEP 1
Depending on where you are planning on getting your cards printed, [...]]]></description>
			<content:encoded><![CDATA[<p>Today I&#8217;m going to show you how to design your own double sided business card in Photoshop and get it ready for print. Recently there was a business cards giveaway here on webexpedition18.com, and that inspired me to write this tutorial.</p>
<p><span id="more-1089"></span></p>
<p>Here is the outcome.</p>
<div class="wall_image">
<a rel="lightbox" href="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-zoom.jpg" title="business_card"><img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-0.jpg" alt="business_card" title="business_card" /></a>
</div>
<h3>STEP 1</h3>
<p>Depending on where you are planning on getting your cards printed, you may need different dimensions. The print firm I use produces business cards at 90×50mm, with 3mm bleed. So when creating the image, instead of making it 90mm high we are making it 90mm + 3mm bleed on the left + 3mm bleed on the right = 96mm. Similarly with the width, we&#8217;re making it 50+3+3 = 56mm. Resolution should be set 300dpi and Color Mode should be set to CMYK.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-01.jpg" alt="business_card" title="business_card" />
</div>
<p>Add guides to show us where the edges of the business card are and where the bleed starts. Go to View -> New Guide and then give it a Horizontal position of 3mm. Repeat again with a Vertical position of 3mm. Then repeat twice more with Vertical at 53mm and Horizontal at 93mm.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-02.jpg" alt="business_card" title="business_card" />
</div>
<p>You should now have a blank canvas similar to the one below with four guides, each 3mm away from the edge.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-03.jpg" alt="business_card" title="business_card" />
</div>
<h3>STEP 2</h3>
<p>Set foreground color to #ff5500, choose Rectangle Marquee Tool (M) and create rectangle like shown on the picture. Create new layer and fill with foreground color (Alt + Backspace). Clear the selection by pressind Command + D on keyboard. Name this layer &#8220;card background&#8221;.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-04.jpg" alt="business_card" title="business_card" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-05.jpg" alt="business_card" title="business_card" />
</div>
<p>Create new layer above &#8220;card background&#8221;. Pick up Elliptical Marquee Tool, click and hold on the Rectanglar Marquee tool to activate the flyout menu and select the Elliptical Marquee tool from the list. The keyboard shortcut for toggeling between the Rectangular and Elliptical Marquee tool is holding the shift key and pressing the letter M.<br />From the menu at the top of the page select Fixed Size from the style dropdown and then type 40px in the Wide field and 40px in the Height field. This will make our selection exactly 40×40 pixels. Make sure that Intersect with selection is selected form menu at the top. Click close to the top left corner but just a few pixels away like below. Tip: with your arrow keys you can move the selection around until you get it right where you want it.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-06.jpg" alt="business_card" title="business_card" />
</div>
<p>Fill the selection with #f6c464.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-07.jpg" alt="business_card" title="business_card" />
</div>
<p>By holding down the Shift key while we hit the arrow keys we can move our selection 10 pixels at a time. So hold down the Shift key and hit the Right Arrow key seven times, and this will create nice distance from the first circle. Fill this selection again with #f6c464. Repeat this until you fill whole card area. Name this layer &#8220;circles&#8221;.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-08.jpg" alt="business_card" title="business_card" />
</div>
<p>Change Blend Mode to Overlay.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-09.jpg" alt="business_card" title="business_card" />
</div>
<h3>STEP 3</h3>
<p>Duplicate &#8220;card background&#8221; and &#8220;circles&#8221; layers and merged them into one layer. Choose Rectangle Marquee Tool (M), set Feather to 10px and make selection like on the picture below.</p>
<div class="wall_image">
<a rel="lightbox" href="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-10-zoom.jpg" title="business_card"><img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-10.jpg" alt="business_card" title="business_card" /></a>
</div>
<p>Inverse selection (Command + Shift + I) and hit Backspace key on keyboard. Go to Filter -> Blur -> Gaussian Blur, set radius to 5px and click ok. Next, add Stroke from Layer Style:</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-11.jpg" alt="business_card" title="business_card" />
</div>
<p>We should have something like this:</p>
<div class="wall_image">
<a rel="lightbox" href="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-12-zoom.jpg" title="business_card"><img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-12.jpg" alt="business_card" title="business_card" /></a>
</div>
<p>Name this layer &#8220;name background&#8221;.</p>
<h3>STEP 4</h3>
<p>Set foreground color to #ffffff, pick up Horizontal Type Tool (T), for font choose Graublau Sans Web (if you don&#8217;t have it, you can download from <a href="http://www.fonts.info/info/press/free-fonts-for-font-face-embedding.htm" target="_blank">here</a>), set the font size to 14pt and type your name. Add Inner Shadow from Layer Styles.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-13.jpg" alt="business_card" title="business_card" />
</div>
<div class="wall_image">
<a rel="lightbox" href="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-14-zoom.jpg" title="business_card"><img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-14.jpg" alt="business_card" title="business_card" /></a>
</div>
<p>Front is finished. Save this file as business_card-front.</p>
<h3>STEP 5</h3>
<p>Let&#8217;s continue with creating a back. I want it to create back simple and minimal as possible. We&#8217;ll be using the same page setup, so fill the back of a business card with #ff5500.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-05.jpg" alt="business_card" title="business_card" />
</div>
<p>Make sure that foreground color is #ffffff, pick up Horizontal Type Tool (T), for font choose Graublau Sans Web, size set at 12pt, type webdesinger and place it in the middle. Then set the font size to 8pt and type your phone, email and website address. Add 5mm or so margin to keep any design elements away from the edges.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-15.jpg" alt="business_card" title="business_card" />
</div>
<p>Apply Inner Shadow from Layer Styles to all the text layers.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-13.jpg" alt="business_card" title="business_card" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-16.jpg" alt="business_card" title="business_card" />
</div>
<p>And there we have it! All done&#8230;</p>
<div class="wall_image">
<a rel="lightbox" href="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-zoom.jpg" title="business_card"><img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card-0.jpg" alt="business_card" title="business_card" /></a>
</div>
<div id="authorbox">
  <img src="http://webexpedition18.com/wp-content/uploads/2009/05/admin_img.jpg" alt="admin" title="admin"> </p>
<div class="authortext">
<h4>Author: Colaja</h4>
<p>Hi! My name is Nikola aka Colaja from Nis, Serbia. I&#8217;m a founder of webexpedition18. You can find me on <a href="http://twitter.com/colaja" target="_blank">Twitter!</a></p>
</p></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://webexpedition18.com/articles/design-slick-print-ready-business-card-using-photoshop/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<feedburner:origLink>http://webexpedition18.com/articles/design-slick-print-ready-business-card-using-photoshop/</feedburner:origLink></item>
		<item>
		<title>Typekit Invites Available For You</title>
		<link>http://feedproxy.google.com/~r/webexpedition18com/~3/dWgtl_8TZzY/</link>
		<comments>http://webexpedition18.com/articles/typekit-invites-available-for-you/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 18:34:45 +0000</pubDate>
		<dc:creator>colaja</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[giveaway]]></category>

		<guid isPermaLink="false">http://webexpedition18.com/?p=1081</guid>
		<description><![CDATA[Typekit &#8211; The easiest way to use Real Fonts on your website!Typekit is an on-line service for web designers that allows you to use licensed fonts on your own websites. I have 4 invites to share here with You my readers!

The only thing you have to do to win invite is to:

- leave a comment
- [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://typekit.com/" target="_blank">Typekit</a> &#8211; The easiest way to use Real Fonts on your website!<br />Typekit is an on-line service for web designers that allows you to use licensed fonts on your own websites. I have 4 invites to share here with You my readers!</p>
<p><span id="more-1081"></span></p>
<p>The only thing you have to do to win invite is to:</p>
<ul>
<li>- leave a comment</li>
<li>- retweet this post</li>
</ul>
<p>Good Luck to all of You!</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/typekit.jpg" alt="typekit" title="typekit" />
</div>
<h3><center>Winners</center></h3>
<p>The contest it’s closed. Thanks to everyone for the participation!<br />Here is the list with the winners:</p>
<ul>
<li>- Mike B</li>
<li>- lipelip</li>
<li>- Franco</li>
<li>- Halison Antenior Bianco</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://webexpedition18.com/articles/typekit-invites-available-for-you/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		<feedburner:origLink>http://webexpedition18.com/articles/typekit-invites-available-for-you/</feedburner:origLink></item>
		<item>
		<title>Dream holiday by Nenad Nikolic</title>
		<link>http://feedproxy.google.com/~r/webexpedition18com/~3/cwGbbTAvSiE/</link>
		<comments>http://webexpedition18.com/articles/dream-holiday-by-nenad-nikolic/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 06:31:40 +0000</pubDate>
		<dc:creator>colaja</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[inspiration]]></category>

		<guid isPermaLink="false">http://webexpedition18.com/?p=1072</guid>
		<description><![CDATA[Describe what that might be isn’t that difficult. It is recipe. You must have one whole island with sandiest beach, one pot of azure sea, bluest sky with sunrises and sunsets, and of course someone to share your adventure, someone to hold her hand when both of you are looking sunset on horizon.




Someone to remind [...]]]></description>
			<content:encoded><![CDATA[<p>Describe what that might be isn’t that difficult. It is recipe. You must have one whole island with sandiest beach, one pot of azure sea, bluest sky with sunrises and sunsets, and of course someone to share your adventure, someone to hold her hand when both of you are looking sunset on horizon.</p>
<p><span id="more-1072"></span></p>
<div class="post_image">
<img src="http://webexpedition18.com/download/nenad-dreamholiday/sunset.jpg" alt="dream-holiday" title="dream-holiday">
</div>
<p>Someone to remind you to take your driving license because:”We will rent a car.”  After all meeting Thasos Island for the first time is as like as with your first date. You will never forget it. All thrill start when you step from bus after long drive. At that moment early morning sea air wake you up in another land, in another dream, letting you to forget rough, go and go  working life, telling you to take a deep breath of it and to look ahead.  Thasos Island. In the distance, in the morning mist, in love. Crossing that firth on a ferryboat, standing in the fence with my Dearest, breathing that salty air, looking seagulls from close range in the fly almost to touch it, make to my senses even today when close my eyes to fill again the same. In the distance, in the morning mist, in peace…</p>
<div class="post_image">
<img src="http://webexpedition18.com/download/nenad-dreamholiday/seagulls.jpg" alt="dream-holiday" title="dream-holiday">
</div>
<p>…”Hey boy, wake up, it is our first day here get up”: sad my Dearest. Well that salty air is getting me to fall asleep in a blink of an eye. After we got a room and a key we went to town beach, take frappe (of course you in Italy you take espresso, when you in Greece you take frappe) and start to planning our adventure.<br />After that we went to first rant-a-car office to make arrangement for car, agreed for car and price. Lady starts to make our papers:”Please give me your driving license”. Hum, uh well license is not in this dream. It is a miles away. But lady was polite:”You can take an island round bus”. So it was. <br />On island there are three types of beaches. First one, town (crowdie, noise, You-seen-them-before). Second one distant, must-see, and third ones can get only with boat &#8211; lonely but amazing.<br />But after all we decide to take a shopping day. To go to <a href="http://en.wikipedia.org/wiki/Kavala" target="_blank">Kavala</a> . Well we need to get up really early so I took few picture of – Moonset. It was astonishing moment. <br />Sea was quiet, sleepy, night has dozing over sky letting stars to shine for us, waves hitting beach so yawningly and so easy. We drank our coffee, which by the way, was only awakening thing in that moment, and stared in the moon that was full, dazzling shined like a little coin ready to drop in that stilly sea.</p>
<div class="post_image">
<img src="http://webexpedition18.com/download/nenad-dreamholiday/moon.jpg" alt="dream-holiday" title="dream-holiday">
</div>
<p>Afterwards we were on the bus leading on nearest harbor to cross to continent. When we land, Kavala welcome us with morning rush, too much to see. We start with old town tower climbing on old narrow street on causeway. Old Tower, the highest point in town letting us to see, on the south: horizon, mixture of blue colors made of sea, sky, and clouds; mountain Athos; approaching ships to Kavala leaving white tail of waves, island Thasos. On the north we saw panorama of whole Kavala. People rushed to them known locations and theirs businesses. Old aqueduct of bricks razed city in two half’s letting us know how old this part of town is.  They all know that sun is really hot after noontide, so all important things must be finished.<br />Our camera got busy morning, too.</p>
<div class="post_image">
<img src="http://webexpedition18.com/download/nenad-dreamholiday/kavala_.jpg" alt="dream-holiday" title="dream-holiday">
</div>
<p>At the way back to downtown lot of historical monument and houses-museums got our attention. Anyway our attention was attracted after all with small shops, shopping molls integrated in that old city architecture and of course discounts.<br />…and in all that rush suddenly all stopped…  Everyone went to siesta. We did also.<br />After excellent gyro we were back on a ferry with seagulls again, and a view on an island which was waiting for us.</p>
<p>Days that come were full of surprises. Morning had awakened us like salty smell of wind that breaks night promising new taste of Thasos. We decide to go on foot to nearest beach on a few miles of our town. After some morning walk, we noticed several parked cars. That spot wasn’t on our map. We looked down hill on narrow path which lead to small beach. It was wild beach left for us to discover it. Razed between two great rocks sandy beach was hidden for lot of tourists who wood just pass on some vehicle. And the best part was water with some azure color recognizing all colors of reflecting sky, clouds on it, water, and sand beneath it. And while I was thinking about azure color, I heard Italian language behind me. Oh, they come here too. We spend rest of that day in that little oasis enjoying in every moment in swimming, sunning, diving.</p>
<div class="post_image">
<img src="http://webexpedition18.com/download/nenad-dreamholiday/no_name_beach.jpg" alt="dream-holiday" title="dream-holiday">
</div>
<p>One beach that is must-see on Thasos is Paradise beach. Again is small long path downhill of main road. Lot of high confer trees impede rest of view of coast. But when you come to beach, you realize that name is adequate. The dinkiest sand, small like salt, lead to sea. And the entrance at sea wasn’t deeper than half leg almost for half a mile. Sea was so cheerful with so small waves that smashed on beach and teas you to run trough that water like a child.</p>
<div class="post_image">
<img src="http://webexpedition18.com/download/nenad-dreamholiday/paradise1.jpg" alt="dream-holiday" title="dream-holiday">
</div>
<p>Our camera shooting session last more than an hour. That day last beyond nowadays. That dream was real as sound of that little waves that carried south winds on our eyes while we stared at beach trying to remember every detail from it before we left. But we will be back one day.</p>
<div class="post_image">
<img src="http://webexpedition18.com/download/nenad-dreamholiday/panorama.jpg" alt="dream-holiday" title="dream-holiday">
</div>
<p>In that ten days we manage to visit several different beaches and they all make special impression on us. Thasos welcome us as good host, as good Greek cook who welcome his guest with great smile, mellow smell of diversities in his menu. And that guest always want to come back again for another portion of dreamy holiday.</p>
<p><center>Thanks to Tripbase Creative Writing Competition letting me to tell you my dream.</center></p>
]]></content:encoded>
			<wfw:commentRss>http://webexpedition18.com/articles/dream-holiday-by-nenad-nikolic/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<feedburner:origLink>http://webexpedition18.com/articles/dream-holiday-by-nenad-nikolic/</feedburner:origLink></item>
		<item>
		<title>Uprinting Business Cards Giveaway Winner Announced</title>
		<link>http://feedproxy.google.com/~r/webexpedition18com/~3/fEmdBpDDcRM/</link>
		<comments>http://webexpedition18.com/articles/uprinting-business-cards-giveaway-winner-announced/#comments</comments>
		<pubDate>Mon, 19 Oct 2009 20:09:08 +0000</pubDate>
		<dc:creator>colaja</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[giveaway]]></category>

		<guid isPermaLink="false">http://webexpedition18.com/?p=1061</guid>
		<description><![CDATA[Here we are at the end of this beautiful giveaway. Thanks to our generous friends from UPrinting.com one lucky winner will receive 250 high quality Business Cards.




With a little help from Random.org I announced  that 
The Winner Is&#8230;

Christine K

Giveaway Prize
* 250 business cards for One Lucky Winner (Free UPS Ground Shipping in USA)
* Sizes: [...]]]></description>
			<content:encoded><![CDATA[<p>Here we are at the end of this beautiful giveaway. Thanks to our generous friends from <a href="http://www.uprinting.com/" target="_blank">UPrinting.com</a> one lucky winner will receive 250 high quality Business Cards.</p>
<p><span id="more-1061"></span></p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card_up-1.png" alt="giveaway" title="giveaway">
</div>
<p>With a little help from <a href="http://www.random.org/" target="_blank">Random.org</a> I announced  that </p>
<h3>The Winner Is&#8230;</h3>
<div class="wall_image">
<h4>Christine K</h4>
</div>
<h3>Giveaway Prize</h3>
<p>* 250 business cards for One Lucky Winner (Free UPS Ground Shipping in USA)<br />
* Sizes:  2 x 3.5”, 2 x 3”, 2 x 2” (square card) or 1.5 x 3.5” (skinny card)<br />
* Paper:  14 pt gloss cardstock, 14 pt matte cardstock or 13 pt recycled uncoated cardstock<br />
* Specifications: Full Color Both Sides; Offset Press; 3 Business Day Printing</p>
<h3>About UPrinting.com</h3>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/UPrinting.com.jpg" alt="uprinting" title="uprinting">
</div>
<p>For over 25 years, UPrinting has been a trusted leader in Online Printing , featuring its signature easy-to-use website and the famous free file review, a complimentary proofing service which requires no upfront payment. UPrinting offers convenient marketing support services such as design, lists, and direct mailing to help grow small and medium-size businesses nationwide.<br />UPrinting.com&#8217;s high quality printing services include Canvas Printing, business cards, brochures, postcards and more, all at the most affordable prices.</p>
<p>Congratulations Christine K!</p>
]]></content:encoded>
			<wfw:commentRss>http://webexpedition18.com/articles/uprinting-business-cards-giveaway-winner-announced/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		<feedburner:origLink>http://webexpedition18.com/articles/uprinting-business-cards-giveaway-winner-announced/</feedburner:origLink></item>
		<item>
		<title>Caffe-Break Themed Blog Layout Photoshop Tutorial</title>
		<link>http://feedproxy.google.com/~r/webexpedition18com/~3/adXuct5vCTE/</link>
		<comments>http://webexpedition18.com/articles/caffe-break-themed-blog-layout-photoshop-tutorial/#comments</comments>
		<pubDate>Sun, 18 Oct 2009 22:52:15 +0000</pubDate>
		<dc:creator>colaja</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[photoshop tutorials]]></category>

		<guid isPermaLink="false">http://webexpedition18.com/?p=1054</guid>
		<description><![CDATA[In this tutorial I will show you how to create very stylish vintage Caffe-Break Themed Blog Layout. We will mix icons, brushes with stock photos and blend modes to achieve the effect.

It&#8217;s very detailed tutorial, so prepare yourself for a long run. Make nice warm nescaffe and we&#8217;re ready to start.
Take a sneak peak of [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I will show you how to create very stylish vintage Caffe-Break Themed Blog Layout. We will mix icons, brushes with stock photos and blend modes to achieve the effect.</p>
<p><span id="more-1054"></span></p>
<p>It&#8217;s very detailed tutorial, so prepare yourself for a long run. Make nice warm nescaffe and we&#8217;re ready to start.</p>
<p>Take a sneak peak of what we are going to create.</p>
<div class="wall_image">
<a rel="lightbox" href="http://webexpedition18.com/wp-content/uploads/2009/10/caffee-break-final-zoom.jpg" title="caffe-break"><img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffee-break-final-preview.jpg" alt="caffe-break" title="caffe-break" /></a>
</div>
<h3>STEP 1: Setting Background</h3>
<p>Create new document in photoshop: 1020&#215;1600px, resolution 72 pixels/inch with transparent background.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-01.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Add vertical guidlines by choosing View -> New Guide, at 0px and at 1020px to mark the limits. Go to Image -> Canvas Size to resize the document making the canvas widht bigger (1460&#215;1600). This way our design will be centered into the big document and we&#8217;ll be able to see how it looks on widescreen resolutions.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-02.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>It&#8217;s time to place background texture. Download <a href="http://dh-textures.deviantart.com/art/Table-Surface-01-84297288" target="_blank">Table Surface 01 by ~DH-Textures</a> from deviantART, open it in photoshop, copy and paste it into document and rotate it for 90 degrees. Go to Image -> Adjustments -> Brightness/Contrast and make following adjustments to make background a little darker:</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-03.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-04.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Name this layer &#8220;background&#8221;.</p>
<h3>STEP 2: Header</h3>
<p>Let&#8217;s start working on header. As you can see there is a lot of elements in the header. It&#8217;s a real mess!</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-05.jpg" alt="caffe-break" title="caffe-break" />
</div>
<h4>Step 2a: Paper Note</h4>
<p>First element we&#8217;re going to add is a piece of paper below the book on the right side. Pick up the Rectangle Tool (U), set foreground color to white and draw a white rectangle.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-06.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Add the following layer styles to paper.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-07.jpg" alt="caffe-break" title="caffe-break" /><br />
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-08.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Set the foreground color to #241811 take the Type Tool and write some text to put on our paper. The font I used is <a href="http://www.dafont.com/luna-bar.font" target="_blank">Luna Bar</a> and I used lipsum generator to generate text. Set the font size to 36pt. It&#8217;s not really important how you will place text above paper, because after finishing adding text goto Layer -> Create Clipping Mask (Alt + Command + G on keyboard) and now text is perfectly fit onto paper thanks to clipping mask. Duplicate text layer to make text more visible and merge this 3 layers into one layer. Name this layer &#8220;paper&#8221;.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-09.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Now pick up Lasso Tool (L) and start to create the jagged edges on your paper.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-10.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>When the selection has been made goto Select -> Inverse  then hit the delete key on the keyboard. Now press Command + T and rotate the paper slightly and move it to the top right corner. You will then be left with this.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-11.jpg" alt="caffe-break" title="caffe-break" />
</div>
<h4>Step 2b: Notebook</h4>
<p>Let&#8217;s continue with adding elements to the header. Next is notebook. Download image of <a href="http://www.sxc.hu/photo/1172282" target="_blank">Notebook 1</a>, and cut it out using your favourite tool (pen or lasso tool). Place notebook in our document and resize it. Pick up Type Tool (T), choose <a href="http://www.dafont.com/journal.font" target="_blank">Journal font</a> set the font size to 18pt, font color to #60412d and write some text over the notebook pages. Duplicate text layer.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-12.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Add Drop Shadow to notebook layer.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-13.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Select text layers and notebook layer and group them into &#8220;nootebook&#8221; group. Press Command + T on keyboard to invoke Transform Tool, rotate Notebook group slightly and place it into top left corner.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-14.jpg" alt="caffe-break" title="caffe-break" />
</div>
<h4>Step 2c: Old Book</h4>
<p>Download image of Old Book from <a href="http://www.sxc.hu/photo/1212820" target="_blank">here</a>, cut it out using Pen or Lasso Tool (but in this case you can do it by using Magic Wand Tool (W)),  and import to our design. Rotate a bit a place it in the right corner over the paper like shown on the picture. Name this layer &#8220;old book&#8221;.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-15.jpg" alt="caffe-break" title="caffe-break" /><br />
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-16.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Apply Drop Shadow to Old Book layer.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-17.jpg" alt="caffe-break" title="caffe-break" />
</div>
<h4>Step 2d: Coffee Cup</h4>
<p>I found this amazing free <a href="http://auroradesign.deviantart.com/art/Item-Coffee-PSD-File-80327833" target="_blank">Item Coffee PSD File by ~AuroraDesign</a> on deviantART. Download and pickup cup of coffee and place into our design. Resize a bit to make bigger and add a Drop Shadow layer style.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-18.jpg" alt="caffe-break" title="caffe-break" /><br />
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-19.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>This cup of coffe looks amazing but I want it to make it more realistic, so download <a href="http://www.sxc.hu/photo/570501" target="_blank">caffè espresso</a> photo from stock.xchng and open it in photoshop. Pick up Elliptical Marquee Tool (M) and make selection like shown on the picture.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-20.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Copy, paste into our design and place over cup of coffee. Resize to fit perfectly and change Blend mode to Overlay. Now it looks perfect. Merge this two layers in one layer and name it &#8220;coffee cup&#8221;.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-21.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>But this cup of coffee it&#8217;s to much brand new so let&#8217;s make it a bit older. Download <a href="http://www.psdcentral.net/downloads.html" target="_blank">Heavy Scratch brushes</a>, make sure that foreground color is black,  open the brush tool (B), load Heavy Scratch brushes, pick up Scratch Heavy brush, create new layer above coffee cup layer, adjust the diameter to make scratch bigger then coffee cup, and paint with brush tool. Name this layer &#8220;scratch&#8221;. Don&#8217;t worry because scratch layer is bigger then coffee cup, while you&#8217;re still on scratch layer, goto Layer -> Create Clipping Mask (Alt + Command + G). Scratches are now apply just to coffe cup layer. Lower the opacity of scratch layer to 25%.<br />Not looking bad, eh?</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-22.jpg" alt="caffe-break" title="caffe-break" /><br />
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-23.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Move coffee cup along with scratch in place. Group those two layer by pressing Command + G on keyboard, and name this group &#8220;espresso&#8221;. What we should have now is this.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-24.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>It&#8217;s time to make a mess with coffee stains. Download <a href="http://env1ro.deviantart.com/art/CoffeeHappens-RELOADED-138198024" target="_blank">CoffeeHappens RELOADED by ~env1ro</a> brushes, set foreground color to #975709, open Brush Tool (B), create new layer above paper layer, and add a few coffee stains around i below coffee cup. Name this layer &#8220;caffee stains&#8221;.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-25.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Download <a href="http://www.sxc.hu/photo/475856" target="_blank">Wrinkled Crumpled Paper</a>, cut out with Pen (P) or Lasso Tool (L), and place it into our design. Resize it to fit perfectly, add Drop Shadow from Layer Style and place near coffee to make more mess. Give &#8216;em a name &#8220;wrinkled paper&#8221;.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-26.jpg" alt="caffe-break" title="caffe-break" /><br />
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-27.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-28.jpg" alt="caffe-break" title="caffe-break" />
</div>
<h4>Step 2e: Blog Title &#8211; Background</h4>
<p>Create rectangle with Rectangle Tool (U) like shown on the picture, fill with white, and add following layer styles:</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-29.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-30.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-31.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Name this layer &#8220;blog title background&#8221;. Now Command + Click on Layer Thumbnail to make selection, pick up Polygonal Lasso Tool (L), choose Intersect With Selection and make small triangle selection like shown on the picture.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-32.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-33.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-34.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Here comes the magic &#8211; goto Layer -> New -> Layer Via Cut (Command + Shift + J) and we just created our fold. Name this layer &#8220;fold&#8221;.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-35.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-36.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Goto Edit -> Transform -> choose Flip Vertical and after that Flip Horizontal. Voila &#8211; this is folded background.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-37.jpg" alt="caffe-break" title="caffe-break" />
</div>
<h4>Step 2f: Blog Title &#8211; The Title</h4>
<p>To create The Title I&#8217;m going to use Adobe Illustrator. So, let&#8217;s start, open Illustrator, create a new document and with the Horizontal Type Tool (T), type out BLOG TITLE with the with the font of your choosing. I am using <a href="http://www.fontyukle.com/en/Rockwell+Extra+Bold.ttf" target="_blank">Rockwell Extra Bold</a> as my font at size 72pt.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-38.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>With the text selected, take off any stroke and fill.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-39.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Open the pop-up menu in the Appearance panel and chose Add New Fill. Keep the black color of the fill.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-40.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-41.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Select the new fill in the Appearance panel and go Effect -> Stylize -> Scribble. Change the values as shown below.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-42.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Select the Stroke option in the Appearance panel and give the text a 2 pt stroke.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-43.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>With the Stroke still selected in the Appearance panel, go Effect -> Distort &#038; Transform -> Roughen and enter the following values.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-44.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>And that&#8217;s it. Here&#8217;s sketchy title. Don&#8217;t close Illustrator because we&#8217;re going to use it later to create more sketchy titles.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-45.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Copy and paste it as pixels in our design, and place it over blog title background. Change the blend mode to Multiply. Lower opacity to 80%. Name this layer &#8220;title&#8221;.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-46.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Select &#8220;blog title background&#8221;, &#8220;fold&#8221; and &#8220;title&#8221; layers and group them (Command + G) to &#8220;blog title&#8221; group. Now move this group below &#8220;notebook&#8221; layer.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-47.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>For now we&#8217;re going te left header as is and move to the main content area.</p>
<h3>Step 3: Main Blog Area</h3>
<h4>Step 3a: Background</h4>
<p>With Rectangle Tool (U) create a big white rectangle and name it &#8220;blog paper&#8221;.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-48.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Add following layer styles to &#8220;blog paper&#8221;.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-49.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Duplicate this layer by pressing Command + J on keyboard, and move copy below. Now invoke Transform Tool by pressing Command + T and rotate a bit this layer.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-50.jpg" alt="caffe-break" title="caffe-break" />
</div>
<h4>Step 3b: Posts</h4>
<p>First I&#8217;m going to create post thumb. Open any picture that you want to be your post thumb, with Rectangle Marquee Tool (M) make a selction, copy paste and paste into design, and resize. My thumb is 180&#215;156px. Place it like shown on the picture and apply Stroke in Layer Style.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-51.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-52.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Pick up Rectangle Tool (U), choose Paths and draw nice rectangle path around post thumb.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-53.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-54.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Set foreground color to #4f3928, open Brush Tool (B) select Hard Brush 3px and change master diameter to 2px. Create new layer, open Paths, right mouse click on working path and choose Stroke Path. Make sure that brush is selected and click ok. Remove path.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-55.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-56.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-57.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-58.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Name this layer &#8220;thumb outline&#8221;.<br />Use the Horizontal Type Tool (T) to write down post title. For font choose <a href="http://www.fonts.info/info/press/free-fonts-for-font-face-embedding.htm" target="_blank">Graublau Sans Web font</a>,  set size 30pt and font color to #342920.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-59.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Now let&#8217;s add meta information. Once again pick up Horizontal Type Tool (T), for font choose Arial, size is 12pt and color is black. Now pick up Rectangle Tool (U) and draw a small orange (#e79926) rectangle below the meta text.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-60.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Use Horizontal Type Tool (T) to create Text Box, font is Arial, font size is 14pt, font color is #342920, style italic. Fill text box with post description.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-61.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Create 2 more posts with different titles and thumbs.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-62.jpg" alt="caffe-break" title="caffe-break" />
</div>
<h4>Step 3c: Sidebar</h4>
<p>Move on to the sidebar content.<br />First I&#8217;m going to create Search form. Download <a href="http://www.blog.spoongraphics.co.uk/freebies/5-fantastically-high-res-brown-paper-textures" target="_blank">first brown paper</a>, open it in photoshop, with Rectangle Marquee Tool (M) make selection, copy and paste into our design. Resize it and place it in top right corner of paper. Apply Drop Shadow from Layer Style. Give this layer &#8220;search background&#8221; name.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-63.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-64.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-65.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>We’re going to separate the drop shadow from the layer and put it on it’s own layer below the &#8220;search background&#8221; layer. Right Click on the layer style icon now sitting on the right hand side of the &#8220;search background&#8221; layer in the layers palette and way down at the bottom choose Create Layer. A little warning will pop up letting you know that not all layer styles can be created as layers… but this one can, so click OK.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-66.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>In the layers palette you’ll now notice a new layer beneath the &#8220;search background&#8221; layer called &#8220;search background&#8217;s Drop Shadow&#8221;.<br /> With the &#8220;search background&#8221; layer selected it’s time to go ahead and pull the edge of the sticker right off the background. With the Rectangular Marquee Tool (M), I’m going to make a square selection on the left hand side of the &#8220;search background&#8221;.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-67.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>With the selection made select Edit -> Transform -> Warp from the main menu. Grab the lower left hand corner handle and drag it up and right until the corner looks bent enough.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-68.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Choose Rectangle Marquee Tool (M), make a selection over &#8220;search background&#8221;, create new layer above &#8220;search background&#8221; and fill it with any color. Apply following Layer Styles. Name this layer &#8220;search box&#8221;.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-69.jpg" alt="caffe-break" title="caffe-break" /><br />
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-70.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-71.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Choose Type Tool (T), for font use Graublau Sans Web, at size of 18pt, for color pick #342920 and turn on Faux Italic, and type &#8220;Search for something&#8221;. With this Search Box is finished. Group &#8220;search background&#8221;, &#8220;search box&#8221; and text &#8220;Search for something&#8221; into &#8220;Search&#8221; group.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-72.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Time to add a few banners. Pick up any banner you want to place, sized 125&#215;125px and place them into design.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-73.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Next we&#8217;ll add Recent Posts section to the sidebar. First I&#8217;m going to create background for the Recent Posts header. With Rectangle Tool (U) create slik rectangle and fill it with #ffd3ac. Apply Drop Shadow from Layer Style menu.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-74.jpg" alt="caffe-break" title="caffe-break" /><br />
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-75.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Add a small detail to header background &#8211; download wonderful brush pack from littleboxofideas.com, <a href="http://www.littleboxofideas.com/blog/freebies/free-retro-circle-scribbles-brush-pack-for-photoshop" target="_blank">Free Retro Circle Scribbles Brush Pack For Photoshop</a>,  set #60412d for foreground color, create new layer, pick up Brush Tool (B), load brush pack, choose Retro_Circle_Scribble8, set master diameter to 38px, and paint once as shown on the picture. Lower the opacity to 50%.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-76.jpg" alt="caffe-break" title="caffe-break" /><br />
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-77.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Pick up Horizontal Type Tool (T), choose Graublau Sans Web font, set size to 20pt, color to #342920 and type Recent Posts.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-78.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Now let&#8217;s add same post titles to this section. Invoke Brush Tool (B), again choose Retro_Circle_Scribble8, set Master Diameter to 38px, color is #60412d, create new layer and make one Circle Scribble. This time don&#8217;t lower the opacity of this layer.<br /> Call Horizontal Type Tool (T), for font choose Arial, size 16px, color #342920 and type first post title.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-79.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Pick up Brush Tool (B). Open your brushes palette by going to Window -> Brushes, or hit F5 on your keyboard. Once open, click on “Brush Tip Shape” within the Brushes palette and select a very small brush like 1-5px (mine is 3px).</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-80.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Uncheck Shape Dynamics and Smoothing. Adjust the &#8220;Spacing&#8221; to create the dots. Select #8a6d55 for foreground color. Hold shift, and drag perfect dotted line!</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-81.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-82.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Add couple posts titles using the described method (I add 2 more). Recent Posts section finished!</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-83.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Continue with next section &#8211; Friends. Create new layer, make selection with Rectangle Marquee Tool (M) like on the picture and fill with #d3d3d3. Name this layer &#8220;friend background&#8221;.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-84.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-85.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Then goto Filter -> Noise -> Add Noise and after that apply Drop Shadow from Layer Style menu.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-86.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-87.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Pick up Horizontal Type Tool (T), choose Graublau Sans Web font, set size to 20pt, color to #342920 and type Friends. Invoke Brush Tool (B), again choose Retro_Circle_Scribble8, set Master Diameter to 38px, color is #000000, create new layer and make one Circle Scribble. Create dotted line as described above.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-88.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Call Horizontal Type Tool (T), for font choose Arial, size 14px, color #342920 and type your friends list.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-89.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>There is only one thing left to be created in sidebar &#8211; wordpress badge! Download <a href="http://www.blog.spoongraphics.co.uk/freebies/free-hand-drawn-doodle-icon-set-for-bloggers" target="_blank">Free Hand Drawn Doodle Icon Set for Bloggers</a>, open wordpress logo and drag it to our design. Apply Color Overlay from Layer Style menu.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-90.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-91.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Jump to Illustrator and create WORDPRESS sketchy text. Import to Photoshop, resize and change the blend mode to Overlay, and apply Color Overlay from Layer Style menu. Call Horizontal Type Tool (T), for font choose Graublau Sans Web, size 14px, color #60412d and type powered by. You should have something like this.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-90.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-92.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Sidebar is now finished!</p>
<h3>Step 4: Date stamps</h3>
<p>For date stamps background I&#8217;m going to use part of &#8220;search background&#8221;. Select &#8220;search background&#8221;, pick up Rectangle Marquee Tool (M) and make selection as shown.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-93.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Copy and paste into new layer and name this layer &#8220;date background&#8221;. Move &#8220;date background&#8221; between two &#8220;blog papers&#8221; and apply Drop Shadow.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-94.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-95.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Invoke Horizontal Type Tool (T), font is arial, size is 36pt, color #342920, and type the date. Then change font size to 24pt and type Month.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-96.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Repeate this steps for every post on the page.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-97.jpg" alt="caffe-break" title="caffe-break" />
</div>
<h3>Step 5: Navigation</h3>
<p>For navigation background I&#8217;m going to use this amazing old paper image. I can&#8217;t remember from where I&#8217;ve downloaded, because it&#8217;s on my hard drive for ages. You can now download it from <a href="http://www.mediafire.com/imageview.php?quickkey=ntozmwml13f&#038;thumb=4" target="_blank">here</a>. Open it in Photoshop, make selection with Rectangle Marquee Tool (M), copy and paste it in our desing, between &#8220;blog papers&#8221;. Apply Drop Shadow.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-98.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-99.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-100.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-101.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Create Navigation links with Horizontal Type Tool (T) using following settings:</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-102.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-103.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>For marking active page, download <a href="http://psd.tutsplus.com/freebies/brushes/t9-creative-doodles/" target="_blank">T9 Creative Doodles</a>, open Brush Tool (B), load doodles, create new layer, set foreground color to #000000, pick up T9 Creative Doodles 800, set diametar to 137px and paint once around Home.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-104.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>You should have something like this.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-105.jpg" alt="caffe-break" title="caffe-break" />
</div>
<h3>Step 6: Subscribe Buttons</h3>
<p>Download <a href="http://bhorwat.deviantart.com/art/Sugar-bag-127060424" target="_blank">Sugar Bag by by ~bhorwat</a> from deviantART, cut out the bag, copy and paste into our design. Resize it, then goto Image -> Adjustments -> Hue/Saturetion and make following adjustmens:</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-106.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Apply Drop Shadow and move it up.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-107.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-108.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Download <a href="http://www.jankoatwarpspeed.com/post/2008/10/20/handycons-a-free-hand-drawn-social-media-icon-set.aspx" target="_blank">Handycons &#8211; a free, hand drawn social media icon set</a> open RSS icon and drag into our design and place it over sugar bag. Change the blend mode to Multiply.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-109.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Now, pick up Horizontal Type Tool (T), choose #f8a208 for color, font is <a href="http://www.dafont.com/Hand-Of-Sean.Font" target="_blank">Hand of Sean</a> and type RSS feed. Change Blend mode to Multiply.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-110.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Duplicate sugar bag, goto Image -> Adjustments -> Black&#038;White and click OK. Rotate sugar bag a bit and place it below white sugar bag. Download <a href="http://www.blog.spoongraphics.co.uk/freebies/5-fantastically-high-res-brown-paper-textures" target="_blank">last brown paper (5)</a>, open it in photoshop, with Rectangle Marquee Tool (M) make selection, copy and paste into our design. Resize it and palce it over black&#038;white sugar bag. Make sure that brown paper is bigger then sugar bag. While brown paper still selected goto Layer -> Create Clipping Mask. Change Blend mode to Multiply and Opacity to 50%.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-111.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-112.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Open email icon from &#8220;Handycons &#8211; a free, hand drawn social media icon set&#8221; and drag into our design and place it over brown sugar bag. Change the blend mode to Multiply.<br />
Pick up Horizontal Type Tool (T), choose #8d846e for color, font is Hand of Sean, and type email. Change Blend mode to Multiply and lower Opacity to 69%.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-113.jpg" alt="caffe-break" title="caffe-break" />
</div>
<h3>Step 7: Footer</h3>
<p>Open brown paper 5 in photoshop, with Rectangle Marquee Tool (M) make selection, copy and paste into our design.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-114.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Resize it to have something like this. Apply Drop Shadow.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-115.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-116.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Now create vertical dotted line as described earlier and place it in the middle of footer background.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-117.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>We need staples to keep footer background in place. Let&#8217;s create them. Create new layer above footer background. With Rectangle Marquee Tool (M) create very tiny rectangle and fill it with any color you want it isn&#8217;t really matter (i choose black).</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-118.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Now apply following layer styles to our staple.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-119.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Aha we got staple now!</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-120.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Duplicate staple layer and place it on the other side of footer background.<br />It&#8217;s time to add some content to the footer. I&#8217;ve decided it to put some info about author (in this case me, you can put your info) and some social media badges. Open one of your pictures (the one you look good i.e.) in photoshop, drag to our design, resize it to fit into footer and apply: 1px inside stoke with the color #4f3928.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-121.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Write short greeting massage with simple info about you. I choose Graublau Sans Web font and color #4e3928, size set 18pt. Here&#8217;s what I wrote.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-122.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Notice that I used bigger font (24pt) with bold style for word Howdy! Also I used bold style for my name and for word webdesigner.<br />Let&#8217;s add social media bagdes. I used twitter, facebook and flickr icons from &#8220;Free Hand Drawn Doodle Icon Set for Bloggers&#8221; that we already downloaded earlier. Import these icons to our design. Change Blend mode to Overlay. Apply Color Overlay from Layer Style menu, using color #4e3827 and Mulitply for Blend Mode.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-123.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Now type word Follow Me with Horizontal Type Tool (T), for font use Graublau Sans Web, sized at 36pt and for color use #4e3928. Apply Inner Shadow and place it like on the picture below.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-124.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-125.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>On the footer&#8217;s right half we&#8217;re going to place Tag Cloud. For font choose Graublau Sans Web with #4e3928 color. Type differnet size words, some of them make bold.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-126.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Footer is now finished!</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-127.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>We&#8217;re almost at the end of this tutorial. Let&#8217;s take a look at design right now.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-128.jpg" alt="caffe-break" title="caffe-break" />
</div>
<h3>Step 8: Final Details</h3>
<p>It looks pretty cool!Let&#8217;s add a few details to make it look nicier.<br />First of all, create new layer above top &#8220;blog paper&#8221;, pick up Brush Tool (B) choose retro_circle_scribble7 from &#8220;Free Retro Circle Scribbles Brush Pack For Photoshop&#8221;,  set master diameter to 168px, set foreground color to #60412d, Command + Click on &#8220;blog paper&#8221; thumbnail to make sure you will paint just over the paper, and paint once with the brush like is shown on the picture. Lower Opacity to 85%.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-129.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-130.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Again jump over to Illustrator, and create sketchy Previous Posts and Next Posts but this time using Graublau Sans Web font.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-131.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Import in photoshop as pixels, riseze it, lower the fill to 50% and place it like on the picture below.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-132.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Open Brush Tool (B), choose T9 Creative Doodles 234, set master diametar to 50px, for foreground color use #654733 and create one arrow. Rotate a bit and lower fill to 70%.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-133.jpg" alt="caffe-break" title="caffe-break" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-134.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>Duplicate arrow layer, goto Edit -> Transform -> Flip Horizontal. Place duplicated layer next to Previous Posts.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-135.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>I want to give this layout more vintage look, so find &#8220;coffee cup&#8221; group, then goto Layer -> New Adjusment Layer -> Photo Filter and add follwoing parametars.</p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffe-break-136.jpg" alt="caffe-break" title="caffe-break" />
</div>
<p>We&#8217;re come to the end. Let&#8217;s look at result.</p>
<div class="wall_image">
<a rel="lightbox" href="http://webexpedition18.com/wp-content/uploads/2009/10/caffee-break-final-zoom.jpg" title="caffe-break"><img src="http://webexpedition18.com/wp-content/uploads/2009/10/caffee-break-final-preview.jpg" alt="caffe-break" title="caffe-break" /></a>
</div>
<p>That&#8217;s it folks! I hope you enjoy this tutorial!</p>
<div id="authorbox">
  <img src="http://webexpedition18.com/wp-content/uploads/2009/05/admin_img.jpg" alt="admin" title="admin"> </p>
<div class="authortext">
<h4>Author: Colaja</h4>
<p>Hi! My name is Nikola aka Colaja from Nis, Serbia. I started webexpedition18 less then a year ago. You can find me on <a href="http://twitter.com/colaja" target="_blank">Twitter!</a></p>
</p></div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://webexpedition18.com/articles/caffe-break-themed-blog-layout-photoshop-tutorial/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		<feedburner:origLink>http://webexpedition18.com/articles/caffe-break-themed-blog-layout-photoshop-tutorial/</feedburner:origLink></item>
		<item>
		<title>Europe From Above – Beautiful Photos by Yann Arthus-Bertrand</title>
		<link>http://feedproxy.google.com/~r/webexpedition18com/~3/o3mucE6B2_0/</link>
		<comments>http://webexpedition18.com/articles/europe-from-above-beautiful-photos-by-yann-arthus-bertrand/#comments</comments>
		<pubDate>Fri, 09 Oct 2009 20:14:53 +0000</pubDate>
		<dc:creator>colaja</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[inspiration]]></category>

		<guid isPermaLink="false">http://webexpedition18.com/?p=884</guid>
		<description><![CDATA[Yann Arthus-Bertrand is a French photographer, journalist, reporter and environmentalist. He founded the Altitude Agency, which was the world’s first press agency and images bank specialised in aerial photography (500,000 pictures taken in more than 100 countries by more than 100 photographers). In 1994 Arthus-Bertrand started a thorough study on the state of the Earth [...]]]></description>
			<content:encoded><![CDATA[<p>Yann Arthus-Bertrand is a French photographer, journalist, reporter and environmentalist. He founded the Altitude Agency, which was the world’s first press agency and images bank specialised in aerial photography (500,000 pictures taken in more than 100 countries by more than 100 photographers). In 1994 Arthus-Bertrand started a thorough study on the state of the Earth sponsored by UNESCO. Therefore he made a picture inventory of the world’s most beautiful landscapes taken from helicopters and balloons. In this post I&#8217;m presenting you some of the most beautiful photos of Europe from above!</p>
<p><span id="more-884"></span></p>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above02.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above03.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above04.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above05.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above06.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above07.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above08.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above09.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above10.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above11.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above12.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above13.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above14.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above15.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above16.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above17.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above18.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above19.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above20.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/europe-from-above21.jpg" alt="europe-from-above" title="europe-from-above" />
</div>
<div class="view_more">
<a href="http://www.yannarthusbertrand.org/" target="_blank">Yann Arthus-Bertrand official website</a>
</div>
]]></content:encoded>
			<wfw:commentRss>http://webexpedition18.com/articles/europe-from-above-beautiful-photos-by-yann-arthus-bertrand/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		<feedburner:origLink>http://webexpedition18.com/articles/europe-from-above-beautiful-photos-by-yann-arthus-bertrand/</feedburner:origLink></item>
		<item>
		<title>Uprinting Color Business Cards Giveaway</title>
		<link>http://feedproxy.google.com/~r/webexpedition18com/~3/S3u4gWknNMg/</link>
		<comments>http://webexpedition18.com/articles/uprinting-color-business-cards-giveaway/#comments</comments>
		<pubDate>Thu, 08 Oct 2009 15:40:47 +0000</pubDate>
		<dc:creator>colaja</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[giveaway]]></category>

		<guid isPermaLink="false">http://webexpedition18.com/?p=865</guid>
		<description><![CDATA[It&#8217;s my pleasure to announce you that we have great Giveaway here on webexpedition18. Our friends from UPrinting.com will give to one lucky winner 250 Color Business Cards.Take a look at some information about the Business cards.



The winner will be able to choose from UPrinting.com stocks, including the eco-friendly cover stock (13 pt. Cover Uncoated [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s my pleasure to announce you that we have great Giveaway here on webexpedition18. Our friends from <a href="http://www.uprinting.com/" target="_blank">UPrinting.com</a> will give to one lucky winner 250 Color Business Cards.<span id="more-865"></span><br />Take a look at some information about the <a href="http://www.uprinting.com/Business-Cards.html" target="_blank">Business cards</a>.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business-card-giveaway-FF.jpg" alt="giveaway" title="giveaway">
</div>
<p>The winner will be able to choose from <a href="http://www.uprinting.com/" target="_blank">UPrinting.com</a> stocks, including the eco-friendly cover stock (13 pt. Cover Uncoated &#8211; Recycled), or 14 pt family in gloss or matte cardstock, in sizes 2 x 3.5”, 2 x 3”, 2 x 2” (square card) or 1.5 x 3.5” (skinny card). For more information about the sizes and features visit the the <a href="http://www.uprinting.com/Business-Cards.html" target="_blank">Business Card Printing</a> page on UPrinting.com.</p>
<h3>Giveaway Prize</h3>
<p>* 250 business cards for One Lucky Winner (Free UPS Ground Shipping in USA)<br />
* Sizes:  2 x 3.5”, 2 x 3”, 2 x 2” (square card) or 1.5 x 3.5” (skinny card)<br />
* Paper:  14 pt gloss cardstock, 14 pt matte cardstock or 13 pt recycled uncoated cardstock<br />
* Specifications: Full Color Both Sides; Offset Press; 3 Business Day Printing</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/business_card_up-1.png" alt="giveaway" title="giveaway">
</div>
<h3>Restriction:</h3>
<p>Free UPS Ground Shipping in the USA. Canadian Residents must Pay Shipping and Taxes. Residents of other countries are not eligible.</p>
<h3>How to enter?</h3>
<ul>
<li>- Follow <a href="http://twitter.com/colaja" target="_blank">@colaja</a> on Twitter</li>
<li>- Tweet about this giveaway (i.e. &#8220;@UPrinting @colaja uprinting.com and webexpedition18.com business cards giveaway http://bit.ly/DozHA #giveaway&#8221;)</li>
<li>- Leave a comment here describing how you would use the 250 Free Business cards and your twitter name</li>
<li>- Leave a valid email address (winner will be contacted on email)</li>
</ul>
<h3>Deadline</h3>
<p>The contest will end on Sunday 18th October at 24:00 (CEST) +0200 UTC.</center></p>
<p>The winner will be announced on Monday 19th October.</p>
<p>Good luck everyone!</p>
<h3>About U-Printing.com</h3>
<div class="wall_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/10/UPrinting.com.jpg" alt="uprinting" title="uprinting">
</div>
<p>For over 25 years, UPrinting has been a trusted leader in Online Printing , featuring its signature easy-to-use website and the famous free file review, a complimentary proofing service which requires no upfront payment. UPrinting offers convenient marketing support services such as design, lists, and direct mailing to help grow small and medium-size businesses nationwide.<br />UPrinting.com&#8217;s high quality printing services include Canvas Printing, business cards, brochures, postcards and more, all at the most affordable prices.</p>
]]></content:encoded>
			<wfw:commentRss>http://webexpedition18.com/articles/uprinting-color-business-cards-giveaway/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		<feedburner:origLink>http://webexpedition18.com/articles/uprinting-color-business-cards-giveaway/</feedburner:origLink></item>
		<item>
		<title>How To Create a Retro Grunge Apple Wallpaper in 5 Easy Steps in Photoshop</title>
		<link>http://feedproxy.google.com/~r/webexpedition18com/~3/U2R3UYGH-oE/</link>
		<comments>http://webexpedition18.com/articles/how-to-create-a-retro-grunge-apple-wallpaper-in-5-easy-steps-in-photoshop/#comments</comments>
		<pubDate>Sat, 26 Sep 2009 20:14:19 +0000</pubDate>
		<dc:creator>colaja</dc:creator>
				<category><![CDATA[Articles]]></category>
		<category><![CDATA[photoshop tutorials]]></category>

		<guid isPermaLink="false">http://webexpedition18.com/?p=827</guid>
		<description><![CDATA[Everybody loves the Apple logo, especially retro striped logo from 1977. In this tutorial I will show you how to create, a retro grunge Apple wallpaper, in Photoshop, just by following this 5 simple and easy steps. We will be combining Apple stripe logo with nice grunge texture and grunge brushes to create this beautiful [...]]]></description>
			<content:encoded><![CDATA[<p>Everybody loves the Apple logo, especially retro striped logo from 1977. In this tutorial I will show you how to create, a retro grunge Apple wallpaper, in Photoshop, just by following this 5 simple and easy steps. We will be combining Apple stripe logo with nice grunge texture and grunge brushes to create this beautiful wallpaper.
<p><span id="more-827"></span></p>
<p>Here is preview of what we are going to create.</p>
<div class="wall_image">
<a rel="lightbox" href="http://webexpedition18.com/wp-content/uploads/2009/09/apple-zoom.jpg" title="apple goes grunge"><img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple.jpg" alt="apple goes grunge" title="apple goes grunge" /></a>
</div>
<h3>STEP 1: Create Background</h3>
<p>Let&#8217;s start by creating new document in photoshop with size 1920&#215;1200px. Fill the background with #cab18e.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-1.jpg"></img>
</div>
<p>Since the Apple retro stripe logo is made from 6 stripes, we&#8217;re going to create background with same 6 stripes. Drag the vertical guidelines at following positions: 0px, 320px, 640px, 960px, 1280px, 1600px and 1920px.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-2.jpg"></img>
</div>
<p>Create new layer. Now, pickup Rectangular Marquee Tool (M) and draw a rectangle between first two guidlines as shown on the picture.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-3.jpg"></img>
</div>
<p>Fill this layer with following color: #009edc. Name this layer blue stripe. Clear the selection. Apply following layer styles to this layer &#8211; stroke.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-4.jpg"></img>
</div>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-5.jpg"></img>
</div>
<p>Repeat this steps for the next 5 colors. Make selection with Rectangular Marquee Tool (M), create new layer, fill with color and apply layer style &#8211; stroke.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-6.jpg"></img>
</div>
<h3>STEP 2: Apple logo</h3>
<p>Download the Apple logo in all its exact proportions as an EPS file from <a href="http://www.brandsoftheworld.com/download/brand/157847.html" target="_blank">Brands of the World</a>.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-7.jpg"></img>
</div>
<p>Open it in photoshop and drag it to the centre of the document. Scale and move into position.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-8.jpg"></img>
</div>
<p>Open layer styles for logo layer and add a Bevel and Emboss effect to give a semi three-dimensional appearance. </p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-9.jpg"></img>
</div>
<p>Then add Drop Shadow effect</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-10.jpg"></img>
</div>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-11.jpg"></img>
</div>
<p>Duplicate logo layer, change blend mode to Overlay, and in the layer styles turn off Drop Shadow effect for this layer.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-12.jpg"></img>
</div>
<h3>STEP 3: Grunge Time!</h3>
<p>Download <a href="http://fc08.deviantart.com/fs14/f/2007/070/e/1/Grunge_texture_by_darkrose42_stock.jpg" target="_blank">this beautiful grunge texture</a>, </p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-13.jpg"></img>
</div>
<p>copy and paste it into document, resize and position so that you are happy with it, and then change blend mode to Multiply.<br /> Ha, look at this! We&#8217;re almost there.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-14.jpg"></img>
</div>
<h3>STEP 4: More Grunge</h3>
<p>Create new layer above, reset foreground and background to black and white by pressing D on keyboard. Download <a href="http://www.psdcentral.net/downloads.html" target="_blank">Heavy Scratch brushes</a>, open the brush tool (B),  load Heavy Scratch brushes, pick up Scratch Heavy brush, set diameter to max 2500px, and paint with brush tool. Change blend mode to Overlay and opacity to 90%.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-15.jpg"></img>
</div>
<p>Create new layer, press X on keyboard to switch foreground and background colors. Now white is foreground and black is background. Download the &#8220;Splatter brushes set&#8221; by clicking <a href="http://ka05.deviantart.com/art/Splatter-Brushes-31656209" target="_blank">here</a>. Pick up brush tool (B) and start painting with different splatters the way you like. I did also paint with <a href="http://gojol23.deviantart.com/art/Urban-Decay-Photoshop-Brushes-100711549" target="_blank">Urban Decay Photoshop Brushes</a> on this same layer.<br /> I didn&#8217;t want to have splatters over Apple logo, so i did Command + Click on apple logo layer to make selection, then click on layer with splatters and press Delete key.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-16.jpg"></img>
</div>
<p>Change the blend mode to Overlay and lower opacity to 52%. What we have now is this:</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-17.jpg"></img>
</div>
<h3>STEP 5: Add more datails</h3>
<p>Reset foreground and background colors by pressing D on keyboard. Create new layer, and then go to Filter -> Render -> Clouds. Change blending mode to Overlay and lower opacity to 70%.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-18.jpg"></img>
</div>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-19.jpg"></img>
</div>
<p>Now, select all color layers, invoke transform tool by presing Command + T on keyboard, and resize it, to be a little smaller then the background layer (around 10px on every side).</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-20.jpg"></img>
</div>
<p>This looks pretty good right now eh?<br />It&#8217;s time for the final retro touch.<br />To give more vintage look do next: Choose Create new fill or adjusment layer, choose photo filter, warming filter (85) for filter, set Density to 69% and click OK.</p>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-21.jpg"></img>
</div>
<div class="post_image">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple-22.jpg"></img>
</div>
<p>And Voila! This is the end of this tutorial. Here is final result!</p>
<div class="wall_image">
<a rel="lightbox" href="http://webexpedition18.com/wp-content/uploads/2009/09/apple-zoom.jpg" title="apple goes grunge"><img src="http://webexpedition18.com/wp-content/uploads/2009/09/apple.jpg" alt="apple goes grunge" title="apple goes grunge" /></a>
</div>
<p>Hope You all enjoy it.</p>
<h3>Download wallpaper</h3>
<div class="look_good">
<img src="http://webexpedition18.com/wp-content/uploads/2009/09/look-good-on-you-apple.jpg" />
</div>
<div class="download">
<p>Download Desktop Wallpaper</p>
<p>available resolutions: <a href="http://webexpedition18.com/download/apple_goes_grunge.jpg">1920&#215;1200</a></p>
</div>
<div class="download">
<p>Download iPhone Wallpaper</p>
<p>available resolutions: <a href="http://webexpedition18.com/download/apple-goes-grunge-iphone.jpg">320&#215;480</a></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://webexpedition18.com/articles/how-to-create-a-retro-grunge-apple-wallpaper-in-5-easy-steps-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		<feedburner:origLink>http://webexpedition18.com/articles/how-to-create-a-retro-grunge-apple-wallpaper-in-5-easy-steps-in-photoshop/</feedburner:origLink></item>
	</channel>
</rss><!-- Dynamic page generated in 1.283 seconds. --><!-- Cached page generated by WP-Super-Cache on 2009-11-11 16:18:58 -->
