It’s time for another Premium Files for our Premium Members. This time, we have created a nice pack related to Cooking/Kitchen. In this pack you will find different tools which are used on a kitchen such as:  shaker, frying pan, kitchen glove, kitchen mixer, pots, wooden spoon, fork, etc.

Hello and welcome to another tutorial, here on trendyTUTS.com. For today I will show you how to create a nice recipe psd template using some warm colors.

If it’s the first time when you came on trendyTUTS, I would like to let you know that we have dozens of other cool website layout tutorials on our Website Layout Tutorials section. Here you will find different kinds of psd templates (for various niche) and I’m sure that it will help you a lot!

If you’d like to download this photoshop template you will need to sign-up for a Premium Membership. As a premium member you will have unlimited access to the entire collection of PSD Templates (the source file for our tutorials), Premium Files and PSD to HTML Tutorials.

Here is my final result:

Step 1

Let’s start the tutorial! Open Photoshop and create a new document 1020 by 1550px

Step 2

Select Paint Bucket Tool, set the foreground color to #a0e1db and click one time on your document. My result:

Step 3

For logo I will add with Type Tool: “Recipe Website” and as a Tagline I will use “a design by trendyTUTS”. Please note that to create the logo I have used different fonts. For Recipe I have used “Avant que…” font, for Website, I have used “ariapenciroman” font and for tagline “a design by trendyTUTS” I have used “Agency FB” font.

Step 4

On the right side I will create this shape, using Rectangle Tool. As a color I have used: #5ca499

Having Rectangle Tool selected, I will create another rectangle, but this time I will create a white shape. Color used: #f0ece9. With Type Tool I will add some text. Here is my result for this area:

Step 5

With Rectangle Tool I will create this shape and I will apply this layer styles:

My result:

Step 6

With Rectangle Tool I will create a small shape (rectangle) on the right side of the shape created on step 5, then I will apply this layer styles:

My result:

Step 7

From Free Web Vector Icons, I will use a magnifier and I will place it exactly on the middle of the shape created on step 6, then I will apply this layer styles:

My result:

Step 8

With Rounded Rectangle Tool (radius 10px) I will create this shapes:

For the first shape I will apply this layer styles:

For the rest of the shapes, this layer styles:

With Type Tool, I will add the links for navigation. My result:

Step 8

With Rounded Rectangle Tool (with a radius of 10px) I will create first a white shape then on the top of this white shape I will create an orange shape, using Rounded Rectangle Tool.

Step 9

With Rectangle Tool I will create this rectangle on the left side.

and I will apply this layer styles:

Step 10

I will press Ctrl + T on my keyboard and from the bottom right corner I will flip the shape a little bit to the left. You should have something like this now:

Step 11

Next I will create another shape and I will use all of the above steps with one single exception. When you will need to flip the shape, choose the bottom right corner and flip the shape to the right. To make it looks better I will add also an image. Here is my result:

Step 12

On the right side of the images, created on step 10 & 11 I will add some text. Here is my result:

Using Rounded Rectangle Tool I will create this shape and I will apply this layer styles. With Type Tool I will add some text also.

My result:

Step 13

With Rectangle Tool I will create this shape

and I will apply this layer styles

Step 14

I will select ellipse tool and I will make this shape (black one)

I will apply a Gaussian Blur (Filter>Blur>Gaussian Blur) with a radios of 12px

Step 15

Next I will select Rectangular Marquee Tool and I will make this selection

Step 16

I will hit Delete button on my keyboard to delete the selection and then I will push Ctrl + D to deselect my selection. Here is my output (as you can see I have created a really nice shadow). Next with type tool I will add a some text:

Step 17

I will create 2 more columns on the right side, using the same steps

Step 18

Using some icons from our Kitchen/Cooking Vector Icons, I will create some paragraphs, just below the content area

Here is my final result:

The tutorial is finished now. I hope your result is the same with mine, if not better! If you’d like to know when we post a new tutorial, you can follow trendyTUTS.com on twitter.

We have again some high quality vector icons from our Premium Members and this time we have created some business vector icons. In this pack we have created the following icons: heart, briefcase, email, pen, clock, gears, histogram, binoculars, chart, mouthpiece – all in vector format (.eps)

Hello and welcome to another tutorial here on trendyTUTS.com. For today I will show you how to create a nice elegant and colorful business website layout in Photoshop.

If it’s the first time when you came on trendyTUTS, I would like to let you know that we have dozens of other cool website layout tutorials on our Website Layout Tutorials section. Here you will find different kinds of psd templates (for various niche) and I’m sure that it will help you a lot!

If you’d like to download this photoshop template you will need to sign-up for a Premium Membership. As a premium member you will have unlimited access to the entire collection of PSD Templates (the source file for our tutorials), Premium Files and PSD to HTML Tutorials.

Here is my final result:

Let’s start the tutorial! Open Photoshop and create a new document 1020 by 1550px

Step 1

I will select Rectangle Tool and I will create this 2 Rectangles. For the first one I have used this color: #867158 and for the second one, this color: #bd822a

Step 2

With Ellipse Tool I will create this 2 white shapes:

For each of them I will apply a Gaussian Blur (Filter>Blur>Gaussian Blur) of about 70px
My result:

Step 3

I will select Type Tool and I will create the logo. I will write: “Business Template” and as a tagline I will add: “a design by trendyTUTS”.

Step 4

On the right side with Rounded Rectangle Tool I will create this white shape:

And with Rectangle Tool I will create an orange shape. I have applied this layer styles:

My result:

Step 5

On this step I will create the navigation. First I will select Rounded Rectangle Tool with a radius of 10px I will create a shape and I will apply this layer styles:

My result:

Step 6

Having Rounded Rectangle Tool still selected I will create another shape (wich will be used as a rollover for our navigation). For this shape I have applied this layer styles:

My result:

Step 7

With Type Tool I will create the links for navigation.
Here is my result:

Step 8

With Pen Tool I will create this 2 shapes. For each of this shape I will apply a Gaussian Blur (Filter>Blur>Gaussian Blur) of about 10-12px. Here is my result:

Step 9

Above the shape created on step 8 I will create a large rectangle. With Rounded Rectangle Tool (with a radius of 10px) I will create this shape and I will apply this layer styles:

My result:

Step 10

On the top of the shape created on step 9, I will create another shape, using again Rounded Rectangle Tool with 10px radius. For this shape I have used this color: #06595a
My result:

Step 11

With Ellipse Tool I will create this circles.

For the first one I will apply this layer styles:

The for the rest of them, this layer styles:

My result:

Step 12

With Type Tool I will add some text

Step 13

From our Business Vector Icons, available to our Premium Members I will use an icon showing a chart and I will place it on my document.

Step 14

Using Rounded Rectangle Tool I will create 2 “Call to action” buttons.

For the first button I have applied this layer styles

My result:

For the second button I will apply this layer styles:

My result:

Step 15

With Type Tool and using some images and some vector icons from our Premium Files, available to our Premium Members I will create the content area.

Step 16

On this step we will create the footer. Here I would like to create a contact form (I have created it using Rectangle Tool) and some more paragraphs with text. Here is my result:

Here is my final result:

The tutorial is finished now. I hope your result is the same with mine, if not better! If you’d like to know when we post a new tutorial, you can follow trendyTUTS.com on twitter.

For today we have created some new vector icons for our Premium Members. In this pack you will find 10 vector icons related to construction, such as: truck icons, bulldozer, cones, closed road sign, helmet, wireframe, pass mark, spades, etc

Hello and welcome back to another tutorial here on trendyTUTS.com. For today I will show you how I have created a law/website layout in Photoshop. I think this template it is suitable for a lawyer website or anything which have to do with the justice department.

If it’s the first time when you came on trendyTUTS, I would like to let you know that we have dozens of other cool website layout tutorials on our Website Layout Tutorials section. Here you will find different kinds of psd templates (for various niche) and I’m sure that it will help you a lot!

If you’d like to download this photoshop template you will need to sign-up for a Premium Membership. As a premium member you will have unlimited access to the entire collection of PSD Templates (the source file for our tutorials), Premium Files and PSD to HTML Tutorials.

Here is my final result:

Let’s start the tutorial
Open Photoshop and create a new document Ctrl + N

Step 1

Select Rectangle Tool and create a shape over the entire canvas. Color used #e6dfd3

Step 2

Having Rectangle Tool still selected I will create a shape on the footer, color used: 8f836c

Step 3

With Rectangle Tool I will create this shape on the top and I will apply this layer styles. We will gonna use it for navigation bar.

Step 4

With Pen Tool I will create this 2 shapes. I have used a red color just for demonstration proposes.

Then I will apply the same layer styles, applied on step 3

Step 5

With Pen Tool I will create this triangles

And I will apply a gaussian blur (Filter>Blur>Gaussian Blur) of about 10px
My result:

Step 6

With Ellipse Tool I will create this white shape.

And I will apply a gaussian blur (Filter>Blur>Gaussian Blur) of about 15px.
My result:

Step 7

With Type Tool I will create the links for navigation. For each link I have applied this layer styles:

My result:

Step 8

Next we will create the logo. With Rectangle Tool I will create this shape on the top (middle) and I will apply this layer styles:

My result:

Step 9

I will select Add Anchor Point and I will add a point on the middle of the shape created on previous step

Step 10

With Direct Selection Tool I will click on anchor point and I will drag a little bit down. Please see the screenshot below.

My result

Step 11

On my layer palette I will duplicate the shape created on step 8. To duplicate a shape, make sure that  it’s  selected on layer palette and press Ctrl + J.

Step 12

Select the shape which was duplicated and go to Filter>Texture>Texturizer.

Here is my result:

Step 13

From Justice Vector Icons I will use select a Libra icon and I will use it as a logo.

Step 14

With Type Tool I will write “Lawyer Website” and as a tagline I will use “by trendyTUTS”

Step 15

With Rectangle Tool I will create a large shape just under navigation. Color used: #8f836c

With Pen Tool I will create 2 triangles to make a nice shadow (in the same way that we have created it for navigation)

Step 16

I will go to Filter>Blur and I will apply a Gaussian Blur of about 15px

Step 17

With Ellipse Tool I will create this white shape

Then I apply a Gaussian Blur of about 30px

Step 18

On the right side I will add a picture showing a lawyer

As you can see, the picture does not fit to well with this layout. On the next step we will gonna fix this.

Step 19

I will select the layer of my picture on my layer palette and I will add a layer mask

Step 20

I will select Gradient Tool, I will make sure that the default palette is selected (black and white) and I will drag a similar line, from the left to the right

Step 21

Once you have something that you like, you will need to apply the layer mask.

Step 22

I will repeat steps 19, 20 and 21 for about 3 times (top, left and bottom of the image).
Here is my result:

Step 23

On the left side, with Type Tool I will add some text

Step 24

With Ellipse Tool I will create a black shape and I will apply a Gaussian Blur of about 8px.

Step 25

With Pen Tool I will create this shape. We need to place it in that way, so the shadow created on step 24, to be visible just a little bit.

Step 26

Having Pen Tool still selected I will create another shape, this time above the shape created on step 25. For this shape I will apply this layer styles:

My result

Step 27

I will select Rounded Rectangle Tool, with a radius of 10px. I will create this shape and I will apply this layer styles:

Step 28

With Type Tool I will add some text.

Step 29

I will add an image

Step 30

I will repeat the following steps: 24, 25, 26, 27, 28, 29 and I will create another 2 frames

Step 31

With Rectangle Tool I will create a red shape and on the top of it I will add this quote
“Justice that love gives is a surrender, justice that law gives is a punishment. ”

Step 32

Under this quote from Justice Vector Icons, I will add an icon showing a Judge

Step 33

With Type Tool I will add some text and I will apply this layer styles:

Step 34

Having Type Tool selected I will add again some text. I have applied this layer styles:

Step 35

I will repeat steps 33, 33 and 34
My result:

Here is my final result for this layout:

The tutorial is finished now. I hope your result is the same with mine, if not better! If you’d like to know when we post a new tutorial, you can follow trendyTUTS.com on twitter.

As you are probably used this nice set of vector icons is available for our Premium Members. In this pack we have created the following icons: judge icon, news paper, lawyer. balance, courtroom, shaking hands (as a sign of reconciliation), bible, typewriter. File format: .eps