Tile Pattern


We'll begin this tutorial, by creating a new canvas with a size of your choice. I used the color "A38F3D" but you may use another if you wish to. Draw a shape as I have done below.

image 1

Now that you have your shape drawn, you can now right click on that layer and select, "Blending Options...". Now click on "Drop Shadow".

image 2

Do not click OK yet... still more to do.

Now click on "Bevel and Emboss".

image 3

You may now click OK

You should now have the below image if done correctly.

image 4

Now go ahead and duplicate the shape layer but this time change the color to a lighter shade of your previous color used. I chose "EAE992" as my secondary color.

image 5

Keep duplicating the shape layers until you have something similiar to the below image.

image 6

Now using the "Rectangular Marquee Tool" make a selection that fits around the corners of the shapes as I have done below.

image 7

Now uncheck the visibility checkbox on the background layer found in the layers pallet. Now go to the main menu and select "Layers" then "Merge Visible." Next go to "Image" then lastly "Crop." To save your newly created pattern go to "Edit" then "Define Pattern." Give it a name and click "OK."

image 8

Now create a new document and change the foreground color to "F2F1C4" or a lighter shade of the secondary color that you used like below.

image 9

Next we can add our new pattern to the layer by clicking on the "Paint Bucket Tool" and on the options bar, change "Foreground" to "Pattern." Find your pattern by clicking on the pattern drop down menu, again on the options bar and this tutorial is history.

The Results!!!

image 10

Another Example

Tile Pattern



Author's URL: EmpireDezign
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
You may need some elaborate textures and patterns to create a signature, a picture or a whole site. Learn how to create new patterns with this section. More Textures & Patterns Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Tile Pattern"

Captcha