Photoshop 1: Tiling With Alpha Masks - Revision history

Matt Renzatic: /* Primer */

2012-04-04T07:17:33Z

Primer

← Older revision		Revision as of 07:17, 4 April 2012
Line 1:		Line 1:
			{{photoshop-tutorials}}

	==Primer==		==Primer==

Line 86:		Line 88:
	[http://wiki.thedarkmod.com/index.php?title=Photoshop_2:_Tweaking_With_Adjustment_Layers Photoshop 2: Tweaking With Adjustment Layers]		[http://wiki.thedarkmod.com/index.php?title=Photoshop_2:_Tweaking_With_Adjustment_Layers Photoshop 2: Tweaking With Adjustment Layers]

	{{~~tutorial~~-~~textures~~}}		{{Photoshop-tutorials-footer}}

Matt Renzatic: /* Primer */

2012-03-24T21:25:58Z

Primer

← Older revision		Revision as of 21:25, 24 March 2012
Line 83:		Line 83:

	And that should do it. In the next tutorial, I'll cover adjustment layers, tweaking the colors and details in your textures, and go a little more indepth with the alpha mask sublayers.		And that should do it. In the next tutorial, I'll cover adjustment layers, tweaking the colors and details in your textures, and go a little more indepth with the alpha mask sublayers.

			[http://wiki.thedarkmod.com/index.php?title=Photoshop_2:_Tweaking_With_Adjustment_Layers Photoshop 2: Tweaking With Adjustment Layers]

			{{tutorial-textures}}

Matt Renzatic: moved Texturing In Photoshop 1: Creating A Tileable Texture Using Alpha Mask Sublayers to Photoshop 1: Tiling With Alpha Masks

2012-03-24T21:23:54Z

moved Texturing In Photoshop 1: Creating A Tileable Texture Using Alpha Mask Sublayers to Photoshop 1: Tiling With Alpha Masks

← Older revision	Revision as of 21:23, 24 March 2012
(No difference)

Matt Renzatic: /* Primer */

2012-03-24T08:21:58Z

Primer

← Older revision		Revision as of 08:21, 24 March 2012
Line 6:		Line 6:
	{{clear}}		{{clear}}

	To pull up your brush menu. Then, {{{LMB}} the almost obscenely small icon along the right side of said box, select load brushes, and lead it to the .abr file.		To pull up your brush menu. Then, {{LMB}} the almost obscenely small icon along the right side of said box, select load brushes, and lead it to the .abr file.

	[[File:Tile_Tex_Add_2.jpg\|500px\|thumb\|left]]		[[File:Tile_Tex_Add_2.jpg\|500px\|thumb\|left]]

Matt Renzatic: /* Primer */

2012-03-24T08:21:45Z

Primer

← Older revision		Revision as of 08:21, 24 March 2012
Line 1:		Line 1:
	==Primer==		==Primer==

	Before we begin getting into the meat of the tutorial, we'll need some common files to work with as you follow along with the steps below. We'll begin by grabbing [http://dl.dropbox.com/u/3018396/PS_Blend_Brushes.abr this collection of PS brushes] I find myself using these constantly for blending and painting. If you end up taking to this whole texturing thing, you'll eventually find these indispensable. To install them, ~~click~~ on the paintbrush tool ~~ton~~ the toolbar, go to the brush pallette at the top left of the screen...		Before we begin getting into the meat of the tutorial, we'll need some common files to work with as you follow along with the steps below. We'll begin by grabbing [http://dl.dropbox.com/u/3018396/PS_Blend_Brushes.abr this collection of PS brushes] I find myself using these constantly for blending and painting. If you end up taking to this whole texturing thing, you'll eventually find these indispensable. To install them, {{LMB}} on the paintbrush tool on the toolbar, go to the brush pallette at the top left of the screen...

	[[File:Tile_Tex_Add_1.jpg]]		[[File:Tile_Tex_Add_1.jpg]]
	{{clear}}		{{clear}}

	To pull up your brush menu. Then, ~~click~~ the almost obscenely small icon along the right side of said box, select load brushes, and lead it to the .abr file.		To pull up your brush menu. Then, {{{LMB}} the almost obscenely small icon along the right side of said box, select load brushes, and lead it to the .abr file.

	[[File:Tile_Tex_Add_2.jpg\|500px\|thumb\|left]]		[[File:Tile_Tex_Add_2.jpg\|500px\|thumb\|left]]
Line 30:		Line 30:
	{{clear}}		{{clear}}

	Now you have a new perfectly square texture, and it's just flat out begging to be edited. First, lets collapse your layer into the background by hitting {{key-ctrl}}+{{key\|E}} (FYI, this collapses the selected layer to the next lower, not the whole stack). ~~Doubleclick~~ the little picture on your new background layer tab, and make it "layer 0". We are now primed, prepped, and ready to go.		Now you have a new perfectly square texture, and it's just flat out begging to be edited. First, lets collapse your layer into the background by hitting {{key-ctrl}}+{{key\|E}} (FYI, this collapses the selected layer to the next lower, not the whole stack). Double-{{LMB}} the little picture on your new background layer tab, and make it "layer 0". We are now primed, prepped, and ready to go.

	====Making Your New Texture Tileable====		====Making Your New Texture Tileable====
Line 65:		Line 65:
	{{clear}}		{{clear}}

	It has a nice feathered grey edge, so blends with it's surroundings nice and smoothly. I almost use this brush exclusively for blending, which is exactly what you're about to do. Select it, and ~~left click~~ on your new alpha mask sublayer box on your layers menu. Now, choose black from your color swapper (which will default to black and white after selecting your alpha mask sublayer), and start painting along the seams. Play with the size of the brush to work in finer details, hit {{key\|X}} to switch to white and back again if you want to undo a part of your mask, and just...paint away. You'll immediately notice it blending in with it's surroundings. All you have to do is keep an eye out for any odd terminations, and make sure it's all blended nicely. In about 30-45 seconds, you will have a nice, tileable dirt texture.		It has a nice feathered grey edge, so blends with it's surroundings nice and smoothly. I almost use this brush exclusively for blending, which is exactly what you're about to do. Select it, and {{LMB}} on your new alpha mask sublayer box on your layers menu. Now, choose black from your color swapper (which will default to black and white after selecting your alpha mask sublayer), and start painting along the seams. Play with the size of the brush to work in finer details, hit {{key\|X}} to switch to white and back again if you want to undo a part of your mask, and just...paint away. You'll immediately notice it blending in with it's surroundings. All you have to do is keep an eye out for any odd terminations, and make sure it's all blended nicely. In about 30-45 seconds, you will have a nice, tileable dirt texture.

	Yes. It really is as simple as that.		Yes. It really is as simple as that.

Matt Renzatic: /* Primer */

2012-03-24T00:37:42Z

Primer

← Older revision		Revision as of 00:37, 24 March 2012
Line 1:		Line 1:
	==Primer==		==Primer==

	Before we begin getting into the meat of the tutorial, we'll need some common files to work with as you follow along with the steps below. We'll begin by grabbing [http://dl.dropbox.com/u/3018396/PS_Blend_Brushes.abr this collection of PS brushes] I find myself using constantly for blending and painting. If you end up taking to this whole texturing thing, you'll eventually find these indispensable. To install them, click on the paintbrush tool ton the toolbar, go to the brush pallette at the top left of the screen...		Before we begin getting into the meat of the tutorial, we'll need some common files to work with as you follow along with the steps below. We'll begin by grabbing [http://dl.dropbox.com/u/3018396/PS_Blend_Brushes.abr this collection of PS brushes] I find myself using these constantly for blending and painting. If you end up taking to this whole texturing thing, you'll eventually find these indispensable. To install them, click on the paintbrush tool ton the toolbar, go to the brush pallette at the top left of the screen...

	[[File:Tile_Tex_Add_1.jpg]]		[[File:Tile_Tex_Add_1.jpg]]

Matt Renzatic: /* Making Your New Texture Tileable */

2012-03-24T00:36:13Z

Making Your New Texture Tileable

← Older revision		Revision as of 00:36, 24 March 2012
Line 79:		Line 79:

	There are a few problems with this particular texture. Namely that it contains a few obvious patterns. Throw in a few iterations within a game engine, and you'll really notice the repetition. This is just a quick and dirty example, though. Good for the sake of this tutorial. You'll obviously want to spend some extra time on your textures. The good news is that you could use this exact same technique to fix up any problem you have. You can even go in and blend other textures together on different layers to achieve just about any result you could possibly think of. Hence the reason why it's your new best friend.		There are a few problems with this particular texture. Namely that it contains a few obvious patterns. Throw in a few iterations within a game engine, and you'll really notice the repetition. This is just a quick and dirty example, though. Good for the sake of this tutorial. You'll obviously want to spend some extra time on your textures. The good news is that you could use this exact same technique to fix up any problem you have. You can even go in and blend other textures together on different layers to achieve just about any result you could possibly think of. Hence the reason why it's your new best friend.

			One small word of advice before we move on. Even if your ultimate intention is on making, say, a 256x256 texture, starting larger than what you need and downscaling it is no problem. You'll lose some definition obviously, but you've always got the original to fall back on if you need to edit in more detail, or decide to use the higher res version later. Upscaling a texture, on the other hand, obviously won't gain you any extra definition. Most you'll get is a blurry version of the same texture alongside a few blown up JPEG artifacts.

	And that should do it. In the next tutorial, I'll cover adjustment layers, tweaking the colors and details in your textures, and go a little more indepth with the alpha mask sublayers.		And that should do it. In the next tutorial, I'll cover adjustment layers, tweaking the colors and details in your textures, and go a little more indepth with the alpha mask sublayers.

Matt Renzatic: /* Primer */

2012-03-24T00:25:00Z

Primer

← Older revision		Revision as of 00:25, 24 March 2012
Line 6:		Line 6:
	{{clear}}		{{clear}}

	To pull up your brush menu. Then, click the almost ~~annoyingly~~ small ~~arrow in a circle~~ icon along the ~~rightside~~ of said box, select load brushes, and lead it to the .abr file.		To pull up your brush menu. Then, click the almost obscenely small icon along the right side of said box, select load brushes, and lead it to the .abr file.

	[[File:Tile_Tex_Add_2.jpg\|500px\|thumb\|left]]		[[File:Tile_Tex_Add_2.jpg\|500px\|thumb\|left]]
	{{clear}}		{{clear}}

	~~Okay~~. Now need a common texture to work with. Go to [http://www.cgtextures.com CGTextures] and sign up for an account. The free account works fine, and gives you a goodly 15 meg of downloads a day. Unless you're insistent on getting the absolute highest resolution at all times, you shouldn't have any problems grabbing what you need per day. Once you've got your new account squared away, hit up [http://www.cgtextures.com/texview.php?id=9540&PHPSESSID=v50dstlpjiq7ov8907p9bib3d3 this link] and grab the 1600x1037 res texture.		You are now brushed up. Now need a common texture to work with. Go to [http://www.cgtextures.com CGTextures] and sign up for an account. The free account works fine, and gives you a goodly 15 meg of downloads a day. Unless you're insistent on getting the absolute highest resolution at all times, you shouldn't have any problems grabbing what you need per day. Once you've got your new account squared away, hit up [http://www.cgtextures.com/texview.php?id=9540&PHPSESSID=v50dstlpjiq7ov8907p9bib3d3 this link] and grab the 1600x1037 res texture.

	===Prepping The Texture===		===Prepping The Texture===

Matt Renzatic: /* Primer */

2012-03-24T00:24:06Z

Primer

← Older revision		Revision as of 00:24, 24 March 2012
Line 8:		Line 8:
	To pull up your brush menu. Then, click the almost annoyingly small arrow in a circle icon along the rightside of said box, select load brushes, and lead it to the .abr file.		To pull up your brush menu. Then, click the almost annoyingly small arrow in a circle icon along the rightside of said box, select load brushes, and lead it to the .abr file.

	[[File:Tile_Tex_Add_2.jpg\|~~400px~~\|thumb\|left]]		[[File:Tile_Tex_Add_2.jpg\|500px\|thumb\|left]]
	{{clear}}		{{clear}}

Matt Renzatic: /* Primer */

2012-03-24T00:23:55Z

Primer

← Older revision		Revision as of 00:23, 24 March 2012
Line 4:		Line 4:

	[[File:Tile_Tex_Add_1.jpg]]		[[File:Tile_Tex_Add_1.jpg]]
			{{clear}}

	To pull up your brush menu. Then, click the almost annoyingly small arrow in a circle icon along the rightside of said box, select load brushes, and lead it to the .abr file.		To pull up your brush menu. Then, click the almost annoyingly small arrow in a circle icon along the rightside of said box, select load brushes, and lead it to the .abr file.

	[[File:Tile_Tex_Add_2.jpg]]		[[File:Tile_Tex_Add_2.jpg\|400px\|thumb\|left]]
			{{clear}}

	Okay. Now need a common texture to work with. Go to [http://www.cgtextures.com CGTextures] and sign up for an account. The free account works fine, and gives you a goodly 15 meg of downloads a day. Unless you're insistent on getting the absolute highest resolution at all times, you shouldn't have any problems grabbing what you need per day. Once you've got your new account squared away, hit up [http://www.cgtextures.com/texview.php?id=9540&PHPSESSID=v50dstlpjiq7ov8907p9bib3d3 this link] and grab the 1600x1037 res texture.		Okay. Now need a common texture to work with. Go to [http://www.cgtextures.com CGTextures] and sign up for an account. The free account works fine, and gives you a goodly 15 meg of downloads a day. Unless you're insistent on getting the absolute highest resolution at all times, you shouldn't have any problems grabbing what you need per day. Once you've got your new account squared away, hit up [http://www.cgtextures.com/texview.php?id=9540&PHPSESSID=v50dstlpjiq7ov8907p9bib3d3 this link] and grab the 1600x1037 res texture.