website promotion banner
eturnkeys
Your Ad Here
Photoshop  Home Photoshop Web Layout Create a Vibrant Vector Style Layout
rss

Create a Vibrant Vector Style Layout

Author: victor More by this author


Believe me that is a very powerful package. you have over 4000 different brushes. i have used this package on some vector files i have sold on istockphoto. i really recommend you to buy this package because it will bring you back the investment very fast.

Let's start our layout with a new document. as usual i will use the same layout dimension (760x770 pixels) with a white background.

With Rounded Rectangle Tool i will create a big shape.

image 1

I've placed this rectangle in the middle of the layout.

image 2

I will change the layer styles for this shape.

image 3

image 4

This is my result.

image 5

I will grab Brush Tool.

image 6

After that i will use a brush from Talk-Mania Big-pack.

image 7

I've placed this great design on the left side of the layout. then with Eraser tool, i have deleted the line from the lat shape.

This is my result so far:

image 8

For the header part i have used another brush from the same package.

image 9

From my stock collection i have used the following image.

image 10

Then i have placed on this image a random text. I will modify this text by going to Edit >> Transform >> Warp ( please note that you will have the warp tool, only from Photoshop CS2 or above ).

image 11

I will chose the flag option from the drop down list.

image 12

And this is my result:

image 13

With Rounded Rectangle Tool i will create a rounded shape.

image 14

I will use the following color for this shape #d7d7d7.

Now with Rectangle Tool.

image 15

I will create a simple rectangle.

image 16

I will rasterize this shape. To rasterize a shape, you need to right click on a layer, then select Rasterize shape.

Grab Eraser Tool, and with a smooth brush delete some parts of the shape.

image 17

I will delete the right corner from the shape.

image 18

I have changed the opacity for this layer to 45 %, then i i have placed similar shape one under the other.

To duplicate a layer, first you need to select it, then press on Ctrl+J several times.

After that with Horizontal Type Tool.

image 19

and with the following proprieties.

image 20

This is my result so far:

image 21

With the same Horizontal Type Tool i will place another text.

image 22

image 23

I will select Custom Shape Tool.

image 24

image 25

I will create some small arrows, and i will place them on my layout as follows.

image 26

I will create on the left side of the layout, another shape. it will be our search box. this search box, you can create it with a simple shape.

image 27

With Line Tool, i will create a line with the following color #a8a8a8.

image 28

My last step is to place some images from my personal stock collection.

image 29

This is my final result.

Create a Vibrant Vector Style Layout Tutorial: Final Result



Author's URL: www.talk-mania.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Create a Vibrant Vector Style Layout"