Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Nice Rose Template

Nice Rose Template


So let's start with a new document (780 x 700 pixels) with a grey background. (#616161)

Select Rectangle Tool and draw a rectangle.

image 1

We need a pattern so we will create one now.

Open a new document 7 x 7 pixels with a transparent background . Zoom it by 1600 %.With the Pencil tool create something like this:

image 2

Then go to Edit > Define Pattern . Choose a name and press Ok.

Now we will come back to our layout. I will select the white rectangle and i apply a layer style.

Go to Layer > Layer Style > Inner Shadow... and use this settings:

image 3

Now go to Layer > Layer Style > Stroke and use this settings:

image 4

Now we will create some buttons

Set your foreground color to: #353535 and with the Rectangle Tool draw some buttons:

image 5

Now let's apply again some layer styles:

Go to Layer > Layer Style > Inner Shadow... and use this settings:

image 6

Go to Layer > Layer Style > Stroke and use this settings:

image 7

We have created our first button.

Now duplicate this button three time and place it under the first one. (to duplicate the button go to Layer > Duplicate Layer , choose a name and press ok)

Then with the down arrow key place the other buttons under the first one.

image 8

You can add yourself some text. I have used a red color #af0707 for my text and i have used this layer style: (Layer > Layer style > Outer glow... )

image 9

This is what i have after i have added a rose from my stock collection:

image 10

Now let's add another details on the right side.

The most important part of this tutorial will be the details which we will add.Also we have to create a new document (5 x 5 pixels with a transparent background)

Zoom it by 1600 % Select your pencil tool and create something like this:

image 11

Then go to Edit > Define Pattern .... Choose a name for your new pattern and click ok.

Now create a new layer (Press Ctrl+Shift+Alt+N in the same time)

With the rectangular Marquee Tool make a selection on the right part of the template.

image 12

Select Paint Bucket Tool and on the toolbar select Pattern and choose your red dot.

Now press one time inside your selection.Do you like it?

image 13

With the same methods you can create another details and lines.All you need is imagination.

We will add also some boxes to add some text.

With the Rectangle Tool draw a Rectangle.You can use the same color as the text #af0707

Then add this layer style:

For Inner Shadow use this settings:

image 14

And for Stroke style use the following settings:

image 15

This is what we have until now.

image 16

Duplicate this red rectangle and place it under the red one.

Now you can change the color for this rectangle. I have used a grey #e1e1e1

To change the color press on the white Layer thumbnail.Then select the color #e1e1e1

If you want a nice effect you should change also the style.

The only difference is the color for the Stroke settings

image 17

I have added some text and now my template look like this:

image 18

Now i will add another details with some brushes which i have downloaded from deviantart. Please go to this site and you will find there a lot of free stuff.

I have also added another small details.This is my final result.

Nice Rose Template Tutorial: Final Result (Click to enlarge)
Click to enlarge


Author's URL: amitk
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Nice Rose Template"

Only registered users can write comment

No comments yet...