<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blue Lobster Art and Design - Sacramento Web Design and Graphic Design &#187; warp</title>
	<atom:link href="http://blulob.com/tag/warp/feed/" rel="self" type="application/rss+xml" />
	<link>http://blulob.com</link>
	<description>Web and graphic design</description>
	<lastBuildDate>Wed, 29 Sep 2010 23:46:07 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Add a pattern to a logo in Photoshop</title>
		<link>http://blulob.com/2009/04/14/add-a-pattern-to-a-logo-in-photoshop/</link>
		<comments>http://blulob.com/2009/04/14/add-a-pattern-to-a-logo-in-photoshop/#comments</comments>
		<pubDate>Wed, 15 Apr 2009 03:57:13 +0000</pubDate>
		<dc:creator>Dawn Pedersen</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[patterns]]></category>
		<category><![CDATA[warp]]></category>

		<guid isPermaLink="false">http://bluelobsterart.com/wordpress/?p=1771</guid>
		<description><![CDATA[A member at PhotoshopForums.com asked how to add a pattern to an apple logo. Here&#8217;s a visual step-by-step guide to creating a logo image with a dimensional pattern on it. &#160; Your feedback is encouraged and much appreciated! &#160; &#160; Source Files This apple image can be found in Microsoft Word&#8217;s clip art. You can [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fblulob.com%2F2009%2F04%2F14%2Fadd-a-pattern-to-a-logo-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fblulob.com%2F2009%2F04%2F14%2Fadd-a-pattern-to-a-logo-in-photoshop%2F&amp;source=bluelobsterart&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><div id="attachment_1772" class="wp-caption alignleft" style="width: 160px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/mini-preview.jpg" alt="Patterned Apple" title="Patterned Apple" width="150" height="150" class="size-full wp-image-1772" /><p class="wp-caption-text">Patterned Apple</p></div><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/03/photoshop_cs41.gif" alt="" title="" width="30" height="29" class="alignright size-full wp-image-515" />A member at <a href="http://www.photoshopforums.com">PhotoshopForums.com</a> asked how to add a pattern to an apple logo. Here&#8217;s a visual step-by-step guide to creating a logo image with a dimensional pattern on it.</p>
<p>&nbsp;</p>
<p><span id="more-1771"></span></p>
<p class="feedback">Your feedback is encouraged and much appreciated!</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<h4>Source Files</h4>
<p>This apple image can be found in Microsoft Word&#8217;s clip art. You can grab it <a href="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-01.jpg" rel='gb_imageset[add-a-pattern-to-a-logo-in-photoshop]'>here</a>:</p>
<div id="attachment_1776" class="wp-caption alignnone" style="width: 452px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-01.jpg" alt="Apple Source File" title="Apple Source File" width="442" height="442" class="size-full wp-image-1776" /><p class="wp-caption-text">Apple Source File</p></div>
<p>I found <a href="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-02.jpg" rel='gb_imageset[add-a-pattern-to-a-logo-in-photoshop]'>this pattern image</a> at <a href="http://www.hooverwebdesign.com">hooverwebdesign.com</a>, a source of free patterns and designs.</p>
<div id="attachment_1777" class="wp-caption alignnone" style="width: 110px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-02.jpg" alt="Source Pattern" title="Source Pattern" width="100" height="90" class="size-full wp-image-1777" /><p class="wp-caption-text">Source Pattern</p></div>
<p>&nbsp;</p>
<h4>Create and Apply the Pattern</h4>
<ol>
<li>Open the pattern file.</li>
<li>We need a redder pattern. Go to Image > Adjustments > Hue/Saturation.</li>
<li>Click on the Colorize checkbox. Move the Hue slider into the red area.</li>
<li>Increase the saturation. I used a saturation of 82.</li>
<li>Click OK.</li>
</ol>
<div id="attachment_1778" class="wp-caption alignnone" style="width: 460px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-03.gif" alt="Hue/Saturation" title="Hue/Saturation" width="450" height="313" class="size-full wp-image-1778" /><p class="wp-caption-text">Hue/Saturation</p></div>
<ol start="6">
<li>Go to Edit > Define Pattern&#8230;</li>
<li>Give the pattern a name (I used &#8220;apple&#8221;) and click OK.</li>
</ol>
<div id="attachment_1781" class="wp-caption alignnone" style="width: 460px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-04.gif" alt="Define Pattern..." title="Define Pattern..." width="450" height="199" class="size-full wp-image-1781" /><p class="wp-caption-text">Define Pattern...</p></div>
<ol start="8">
<li>Make a selection around the apple&#8217;s red area. I used the Pen tool.</li>
</ol>
<div id="attachment_1783" class="wp-caption alignnone" style="width: 449px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-05.jpg" alt="Selection around the Apple" title="Selection around the Apple" width="439" height="440" class="size-full wp-image-1783" /><p class="wp-caption-text">Selection around the Apple</p></div>
<ol start="9">
<li>Press Ctrl+J (Mac: CMD + J) to copy the selection to a new layer.</li>
</ol>
<div id="attachment_1785" class="wp-caption alignnone" style="width: 550px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-06.jpg" alt="Copy to a New Layer" title="Copy to a New Layer" width="540" height="309" class="size-full wp-image-1785" /><p class="wp-caption-text">Copy to a New Layer</p></div>
<ol start="10">
<li>Ctrl+click (Mac: CMD + click) on the layer thumbnail for the new layer to recreate the selection around it.</li>
</ol>
<div id="attachment_1788" class="wp-caption alignnone" style="width: 460px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-07.jpg" alt="Reselect the Apple" title="Reselect the Apple" width="450" height="258" class="size-full wp-image-1788" /><p class="wp-caption-text">Reselect the Apple</p></div>
<ol start="11">
<li>Click on the Create a new layer icon at the bottom of the Layers panel.</li>
</ol>
<div id="attachment_1790" class="wp-caption alignnone" style="width: 460px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-08.jpg" alt="Create a New Layer" title="Create a New Layer" width="450" height="245" class="size-full wp-image-1790" /><p class="wp-caption-text">Create a New Layer</p></div>
<ol start="12">
<li>Go to Edit > Fill&#8230;</li>
<li>Select Pattern for the Use dropdown.</li>
<li>Click on the dropdown box for the pattern.</li>
<li>Select the new pattern you created.</li>
<li>Click OK.</li>
</ol>
<div id="attachment_1792" class="wp-caption alignnone" style="width: 460px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-09.jpg" alt="Fill with the Pattern" title="Fill with the Pattern" width="450" height="247" class="size-full wp-image-1792" /><p class="wp-caption-text">Fill with the Pattern</p></div>
<ol start="17">
<li>Ctrl+D to deselect.</li>
</ol>
<div id="attachment_1795" class="wp-caption alignnone" style="width: 460px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-10.jpg" alt="Apple Filled with Pattern" title="Apple Filled with Pattern" width="450" height="257" class="size-full wp-image-1795" /><p class="wp-caption-text">Apple Filled with Pattern</p></div>
<ol start="17">
<li>Save your file.</li>
</ol>
<p>&nbsp;</p>
<h4>Warp the Pattern</h4>
<ol>
<li>Hover your mouse over the border between the top two layers in the Layers panel. Then press the Alt key (Mac: Option key). You should see an overlapping circle icon appear where your mouse was: <img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/03/clipgrp.png" alt="Clipping Mask icon" title="Clipping Mask icon" width="15" height="15" class="alignnone size-full wp-image-585" /></li>
<li>Click to create a clipping mask. This will assure that the warped pattern stays within the apple&#8217;s outlines.</li>
</ol>
<div id="attachment_1799" class="wp-caption alignnone" style="width: 460px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-111.jpg" alt="Create a Clipping Mask" title="Create a Clipping Mask" width="450" height="255" class="size-full wp-image-1799" /><p class="wp-caption-text">Create a Clipping Mask</p></div>
<ol start="3">
<li>Make sure you are still on the top layer. Ctrl+T (Mac: Cmd+T) to access the Transform command.</li>
<li>Right-click (Mac: Ctrl+click) inside the transformation box to access the contextual menu.</li>
<li>Select Warp.</li>
</ol>
<div id="attachment_1801" class="wp-caption alignnone" style="width: 355px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-12.jpg" alt="Transform &gt; Warp" title="Transform &gt; Warp" width="345" height="294" class="size-full wp-image-1801" /><p class="wp-caption-text">Transform > Warp</p></div>
<ol start="6">
<li>Use the Bezier handles to warp the sides of the pattern into a rounder shape.</li>
<li>Press Enter to complete the transformation.</li>
</ol>
<div id="attachment_1803" class="wp-caption alignnone" style="width: 369px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-13.jpg" alt="Transform &gt; Warp" title="Transform &gt; Warp" width="359" height="316" class="size-full wp-image-1803" /><p class="wp-caption-text">Transform > Warp</p></div>
<ol start="8">
<li>Save your file.</li>
</ol>
<div id="attachment_1805" class="wp-caption alignnone" style="width: 305px"><img src="http://bluelobsterart.com/wordpress/wp-content/uploads/2009/04/apple-14.jpg" alt="Warped Pattern" title="Warped Pattern" width="295" height="295" class="size-full wp-image-1805" /><p class="wp-caption-text">Warped Pattern</p></div>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blulob.com/2009/04/14/add-a-pattern-to-a-logo-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

