Wednesday, March 4, 2009

Create an Amazing Texture for Layout

amazing layout Creating an Amazing Layout Using Texture
Today we will create this amazing layout and along the way we will learn some simple but exciting effects. First we are going to put our texture to great use , go through halftone effect and we will end up with creating some easy but spectacular elements in Illustrator. This tutorial requires an intermediate level for Photoshop and some basic knowledge of Illustrator.
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.
untitled 21 Creating an Amazing Layout Using Texture
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.
untitled 3 copy Creating an Amazing Layout Using Texture
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.
untitled 1 copy1 Creating an Amazing Layout Using Texture
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.
refine edge Creating an Amazing Layout Using Texture
Now press the Q key to enter the Quick Mask mode.
untitled 9 copy Creating an Amazing Layout Using Texture
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).
halftone Creating an Amazing Layout Using Texture
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 .
untitled 11 copy1 Creating an Amazing Layout Using Texture
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.
lines1 Creating an Amazing Layout Using Texture
Go to Object/Blend /Blend Options and choose specified steps from the menu, type in 8 and click OK.
specified steps1 Creating an Amazing Layout Using Texture
Now make sure you have both shapes selected and go to Object/Blend/ Make.
liniiii 300x130 Creating an Amazing Layout Using Texture
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 .
untitled 13 copy Creating an Amazing Layout Using Texture
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 .
foliage 11 300x211 Creating an Amazing Layout Using Texture
Import your shapes in Photoshop and arrange them in the back of the halftone layer.
untitled 14 copy Creating an Amazing Layout Using Texture
Now let’s give these elements some color. I used the following settings:
color overlay Creating an Amazing Layout Using Texture
gradient ov Creating an Amazing Layout Using Texture
drop shadow Creating an Amazing Layout Using Texture
And the end result should be looking like this :
albastru Creating an Amazing Layout Using Texture
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.
rectsngl1 Creating an Amazing Layout Using Texture
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.
obliq Creating an Amazing Layout Using Texture
Go to Layer Styles and use the following settings:
drop shadow 22222 Creating an Amazing Layout Using Texture
g2222 Creating an Amazing Layout Using Texture
And here is the result :
rectn1 Creating an Amazing Layout Using Texture
Step 7
And now it’s time for the final touches. Select your White Background layer and give it a subtle gradient.
grrrr Creating an Amazing Layout Using Texture
cu grrr Creating an Amazing Layout Using Texture
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.
tree Creating an Amazing Layout Using Texture
And you are about done. Hope you enjoyed the tutorial and see you next time!
amazing layout Creating an Amazing Layout Using Texture

Download PSD file 


via : designioustimes

Labels: ,



3 Comments:

At October 4, 2009 at 1:09 PM , Blogger Jose Pato said...

i would like to get the psd of this tutorial and the background u have used... could you please send me it... thanks so much!!!

i would like to try this

 
At October 5, 2009 at 10:26 AM , Blogger nelson said...

This is just what I was looking for. The templates are a nice idea. Good Luck
more templates easy to download

 
At April 30, 2010 at 2:34 PM , Blogger Crashover said...

hello again, i would like to get the psd of this tutorial and the background u have used... could you please send me it... thanks so much!!!

i would like to try this... my email is crashover87@gmail.com

 

Post a Comment

Subscribe to Post Comments [Atom]

<< Home