<?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>Moo2u.com - Free Tutorials &#38; the latest VFX news. &#187; game textures</title>
	<atom:link href="http://www.moo2u.com/tag/game-textures/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.moo2u.com</link>
	<description>free tutorials for autodesk, adobe, eyeon, imagineer systems, photoshop, 3ds max, maya, after effects, digital fusion,</description>
	<lastBuildDate>Mon, 30 Aug 2010 23:41:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>New Tutorial: Photoshop: Seamless Texture Tiling</title>
		<link>http://www.moo2u.com/2008/11/11/make-seamless-tiling-textures/</link>
		<comments>http://www.moo2u.com/2008/11/11/make-seamless-tiling-textures/#comments</comments>
		<pubDate>Wed, 12 Nov 2008 00:17:23 +0000</pubDate>
		<dc:creator>Digital4D</dc:creator>
				<category><![CDATA[Hot Picks]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[active worlds]]></category>
		<category><![CDATA[CS3]]></category>
		<category><![CDATA[free textures]]></category>
		<category><![CDATA[game textures]]></category>
		<category><![CDATA[Photoshop CS3 Extended]]></category>
		<category><![CDATA[seamless texture]]></category>
		<category><![CDATA[textures]]></category>
		<category><![CDATA[tiling texture]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.moo2u.com/?p=3</guid>
		<description><![CDATA[Learn to create seamless tiling textures using this tutorial. Great for game development, modeling, level design and more. Detailed with screenshots and task descriptions to guide you through the process. Photoshop CS3 Extended.]]></description>
			<content:encoded><![CDATA[<p>In this Photoshop tutorial you will learn how to properly create seamless tiling textures for use in your own projects. This tutorial was created in Photoshop CS3 Extended but can be used in earlier versions. Menu plaement in earlier versions may be differently located then shown in this tutorial.</p>
<p>Files you will need:</p>
<p>Original Source File: <a href="http://www.moo2u.com/blog-uploads/seamless-set/seamless-textures-source-file.jpg" target="_blank">http://www.moo2u.com/blog-uploads/seamless-set/seamless-textures-source-file.jpg</a></p>
<p>Project File Completed: <a href="http://www.moo2u.com/blog-uploads/seamless-set/seamless-textures-project-file.jpg" target="_blank">http://www.moo2u.com/blog-uploads/seamless-set/seamless-textures-project-file.jpg</a></p>
<p>OK! Lets start out by opening photoshop. Now open your source file and save your new project in .psd file format. You should note that in this tutorial we will be working on making a 512&#215;512 seamless tiling texture. The image size of your current project should be 1000&#215;625.</p>
<p style="text-align: center;"><a href="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_01.jpg" target="_blank"><img class="aligncenter" style="border: 0pt none;" title="Project Image 01" src="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_01_thumbnail.jpg" alt="" width="448" height="337" /></a></p>
<p>We will need to adjust the canvas to 512&#215;512. You can do this by locating &#8220;Image&#8221; under the menu bar and choosing &#8220;Canvas Size.&#8221; Now lets adjust our width and height to 512 for both. Now click OK. You will get a message popup asking to proceed or to cancel since the new canvas size will be smaller then the original. You may choose proceed.</p>
<p style="text-align: center;"><a href="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_02.jpg" target="_blank"><img class="aligncenter" style="border: 0pt none;" title="Project Image 02" src="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_02_thumbnail.jpg" alt="" width="448" height="337" /></a></p>
<p>Now we have our canvas size set to 512&#215;512. Now we will need to get our underlying image to crop at 512&#215;512 from 1000&#215;625. We can do this by doubling the layer simply by dragging the grass layer to the &#8220;Create NEw Layer&#8221; icon just next to the trashcan icon in the layers tab. This will double the layer. Now we will choose &#8220;Flatten Image&#8221; from the &#8220;Layer&#8221; menu.</p>
<p style="text-align: center;"><a href="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_04.jpg" target="_blank"><img class="aligncenter" style="border: 0pt none;" title="Project Image 04" src="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_04_thumbnail.jpg" alt="" width="448" height="337" /></a></p>
<p style="text-align: center;"><a href="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_05.jpg" target="_blank"><img class="aligncenter" style="border: 0pt none;" title="Project Image 05" src="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_05_thumbnail.jpg" alt="" width="448" height="337" /></a></p>
<p>Ok now we can start working on the texture edges. To get to them we will now need to offset our project by half. You can find &#8220;offset&#8221; under the &#8220;Filter&#8221; menu and choosing &#8220;other.&#8221;</p>
<p style="text-align: center;"><a href="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_06.jpg" target="_blank"><img class="aligncenter" style="border: 0pt none;" title="Project Image 06" src="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_06_thumbnail.jpg" alt="" width="448" height="337" /></a></p>
<p>Since our project is 512&#215;512 we will want to make the offset +256 for horizontal and vertical. The Undefined Area should be set to &#8220;Wrap Around.&#8221; Press OK. Next, from your tool bar, choose the &#8220;Clone Stamp&#8221; tool (Highlighted in red below).</p>
<p style="text-align: center;"><img class="aligncenter" title="Toolbar Cone Stamp Tool" src="http://www.moo2u.com/blog-uploads/seamless-set/toolbar-clone-stamp.png" alt="" width="500" height="432" /></p>
<p>Next, right click inside of the project area to show the Master Diameter and Hardness settings. A good size for this project is around 50px and 0% for Hardness. Also for a better look in this project I changed my Opacity and Flow settings. You don&#8217;t have to do this step but doing so can give you a more realistic look with this project and future projects. My settings are 72% Opacity and 42% Flow.</p>
<p>The Opacity controls the intensity/blending of the clone tool and Flow controls the pressure applied.</p>
<p style="text-align: center;"><a href="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_07.jpg" target="_blank"><img class="aligncenter" style="border: 0pt none;" title="Project Image 07" src="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_07_thumbnail.jpg" alt="" width="448" height="337" /></a></p>
<p>Now press your Alt or command key and left click on an area in your project you wish to start the cloning from. Now once you release the Alt or Command key you will be able to left click over an area and &#8220;stroke&#8221; the area with the a clone from the area you chose. Doing this repeatedly over hard edges will make your texture tile seamlessly. You may at this time want to cover up dark or light spots in your texture with cloned areas to help reduce any pattern effects which may be seen later on in your project. Below is what I got after a few strokes with the clone tool. Remember to keep changing your clone start point to keep it realistic and to help reduce patterns from forming during the cloning.</p>
<p style="text-align: center;"><a href="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_08.jpg" target="_blank"><img class="aligncenter" style="border: 0pt none;" title="Project Image 08" src="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_08_thumbnail.jpg" alt="" width="448" height="337" /></a></p>
<p>Now we will want to change the offset back to the original (you may skip this process if you like your result).</p>
<p>We do this by choosing from the &#8220;Filter&#8221; menu, &#8220;Other&#8221; and then &#8220;Offset.&#8221; Change the Horizontal and Vertical to -256 and click OK.</p>
<p style="text-align: center;"><a href="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_09.jpg" target="_blank"><img class="aligncenter" style="border: 0pt none;" title="Project Image 09" src="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_09_thumbnail.jpg" alt="" width="448" height="337" /></a></p>
<p>Now we should have a perfect seamless tiling texture.</p>
<p style="text-align: center;"><a href="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_10.jpg" target="_blank"><img class="aligncenter" style="border: 0pt none;" title="Project Image 10" src="http://www.moo2u.com/blog-uploads/seamless-set/seamless_textures_tutorial_10_thumbnail.jpg" alt="" width="448" height="337" /></a></p>
<p>Make sure to save your project and then you may export as your favorite image type and quality. See what it looks like:  <a href="http://www.moo2u.com/blog-uploads/seamless-set/seamless-textures-project-file.jpg" target="_blank">http://www.moo2u.com/blog-uploads/seamless-set/seamless-textures-project-file.jpg</a></p>
<p>I Hope you&#8217;ve enjoyed this tutorial. More to come!</p>
<p><em><span style="color: #c0c0c0;">Written by Digital4D</span></em></p>
]]></content:encoded>
			<wfw:commentRss>http://www.moo2u.com/2008/11/11/make-seamless-tiling-textures/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
