How to Create Business Template in Photoshop

How to Create Business Template in Photoshop
Let's start now with navigation arrows. We want our slider to be infinite loop, so the states of an arrow will be: normal, hovered and clicked. We'll prepare different styles for all three states. Lets make a circled shape with color #858584.
Zoom in so it will be easier to work on that small area. Add some simple shadow underneath the shape.
Now we will try to make shape more attractive by adding some gradients to it. The best way for that task are clipping layers. So now add all gradients (and future color transformations) in a clipping layer masks. Start with a linear gradient with darker color than a shape itself but not as dark as a shadow.
And add some light radial gradient as well but on the top of shape. You can also make a small line to separate the shape from it's shadow.
Now create some arrow. You can use here a type tool and just define the font that has pretty '
Then set its Fill to 0% (in layers window below opacity) and apply blending options to that layer as follow:
Create new adjustment layers- Color balance and vibrance- with masks or as a clipping mask layers and apply these settings:
Color balance layer will be the state of hover effect, and a vibrance will determine the click state. Alright, now put all of the layers we have create to a separate group and change it's blending mode to Linear Light so you will get something like this:
Duplicate the group, Flip horizontally (Edit > Transform > Flip horizontal) and place it on opposite side of layout. Now place some sample product's image and with type tool make some title and sample description. Use some dark, gray colors for the text.
Make a button the exactly same way that you have created a call to action button in our menu, but here instead of orange tones, use grayscale.
Now we'll add a separator from main content. With Single Row Marquee Tool create a selection that sticks to the guide and fill it with white.
Move your selection 1px to the top (with keyboard arrow) and fill it with black, but lower down the opacity to 16%.
As you still have a selection, move it once again 1px up and then go to Select > Transform Selection and drag its upper edge to the top.
Inside the selection create two gradients with dark color, one smooth and one sharp (both could be on one layer), following the red and white arrows.
Then change this layer's opacity down to about 15%.

Step 9 - Main content

On the very top of content area add some title and sample text. Again, for the title I used Georgia and for the text- Arial font.
Below make titles for a bullet list and a clients box.
Now I will show you tricky way to create a mock-up of bullet list quickly in Photoshop. As you know Photoshop is made for raster graphics and don't have a lot of options that touch the text formatting. However, got enough to fulfill our needs. With type tool select are where you will type text and add some sample that you want to bullet out.
Select all the text, go to the character options and set the leading to about 22pt so you will spread lines a bit.
Now place your cursor on the beginning of the text (in edit text mode of course), hold left ALT and type 7 on your Numeral keyboard and then press two or three spaces. If you don't have numeral keyboard, just copy and paste this bullet: •. It's look depends on font we use.

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14

Create Dot Grid Art in 1 Click

Turn any photo into a dot grid artwork with these Photoshop actions. You'll get great results with dots that change size. They get larger in brighter areas and smaller in darker areas. Free download available.

6 comments on “How to Create Business Template in Photoshop”

  1. I have been trying so hard to make my own templates. There are so many tutorials out there, but it always seems like one or two things are missing from the final product. Either that, or I am missing something within the instructions.

Leave a Reply

Your email address will not be published.