Get Our Free Ebook
Beginners Guide to HTML

  Tutorials Photoshop Special Effects Creating an Amazing Layout using Texture

Creating an Amazing Layout using Texture

For starters you will need the abstract tree from our Abstract Trees Vector Pack and a nice interesting texture.You can download both at the end of the tutorial plus the PSD file of the final image.

Step 1

Begin with a new white document and import your tree into Photoshop. Also drag on your layout the texture and make sure they are on the same document and that they overlap. Arrange their size a little as you consider or turn them around as you feel like it .The key point here is to get the best of the texture.

image 1

Now Ctrl click the tree to select it and now select the texture layer and press Ctrl + J. Delete the original tree and texture layer. And you have an interesting looking tree and a good starting point for a great layout. And you can always play around with different kind of textures and shapes.

image 2

Step 2

Now we are ready to start adding elements on our layout.We will first use some splatter brushes (Download here ).

Press the D key to set your foreground color to black. Create a new layer ( Shift +Ctrl+N) under the tree layer and now you are ready to choose on of your brushes and start painting behind the tree. You should end up with something looking like this.

image 3

Step 3

In this step we will create the ever popular halftone effect which is actually pretty easy to make.We start by picking the elliptical marquee tool and creating a medium size circle on a new layer. Don't give it any fill, just keep the selection active and go to the Select menu and choose Refine Edge ( or just press Alt +Ctrl+R).Use the following options.

image 4

Now press the Q key to enter the Quick Mask mode.

image 5

Go to Filter/Pixelate/Color Halftone and introduce the following settings (my settings act just as guidelines, you can feel free to experiment with these setting to create the effect you desire).

image 6

Exit the Quick Mask mode by pressing Q again. And you will have a halftone selection. Make sure that selection is on a new layer and you have black as your foreground color and press Shift + Backspace to fill your selection with black. And there you have it …your halftone effect. Put the halftone layer in the back of the tree layer and reduce its size a little.

image 7

Step 4

Now we go back to Illustrator to create a new shape. Use the Pen Tool to create a curved shape and give it a 1 px Stroke and no Fill. Alt click this shape and drag it downwards to duplicate it.

image 8

Go to Object/Blend /Blend Options and choose specified steps from the menu, type in 8 and click OK.

image 9

Now make sure you have both shapes selected and go to Object/Blend/ Make.

image 10

Import this new wave shape in Photoshop as a Smart Object and change its size so it fits on the layout from one side to another. And give it just a little bit of drop shadow.

image 11

Step 5

Now we go back once again to Illustrator for the last elements. For this step you will need to install the Foliage Brushes from Bittbox.Once installed just draw a straight line with the pen tool and click on the brush you desire from the brush menu.I choose two different kinds of brushes using the same technique.

image 12

Import your shapes in Photoshop and arrange them in the back of the halftone layer.

image 13

Now let's give these elements some color. I used the following settings:

image 14

image 15

image 16

And the end result should be looking like this :

image 17

Step 6

Get your rectangle tool and make a few vertical rectangles placed at an equal distance from one another and filling the whole page. Merge all the rectangles together so that you have them on a single layer.

image 18

Now press Ctrl+ T for your free transform tool and rotate them at a a 45 degree angle and adjust their size so they fit the canvas. Change the fill value to 0, and the opacity to 75.

image 19

Go to Layer Styles and use the following settings:

image 20

image 21

And here is the result:

image 22

Step 7

And now it's time for the final touches. Select your White Background layer and give it a subtle gradient.

image 23

image 24

And now lets give our tree a little more contrast. Create a new layer on top of the tree layer. Change the layer's mode to Soft Light and pres B for your brush tool. Pick a soft brush, bring the opacity of the brush to 40 % by pressing 4 and start painting with white on the parts of the tree you like to brighten up. Do the same thing with Black on the parts of the tree you would like to darken. This is a very subtle effect, but it just gives that extra something to the image.

image 25

And you are about done. Hope you enjoyed the tutorial and see you next time!

Creating an Amazing Layout using Texture

subscribe to newsletter