step-004g[6]

Do not deselect the image. Also make sure that you have active some selection tool so you could move a selection around image. Hit the left arrow on the keyboard so the selection will move 1 pixel to the left. Then hit DELETE. You can lower this layer’s opacity to something like 75%.

step-004h[6]

Step 5 – Search form

We will make a search form without a send button. Its action will be passed to a search icon that is (visually) inside the input box. Actually it is common to send the form with Enter/Return key but for some reasons it is also good to make a clickable sender. Okay, use Rounded Rectangle Tool to make a white shape like this, align it with guide.

step-005[6]

Duplicate this shape and change the color to some light gray (like #9b9b9b) by clicking on the color indicator next to layer’s name.

step-005b[6]

Now you can rasterize both layers. Let’s make some naming system here for better clarity. The white layer will be ‘base layer’ and the gray layer will be ‘shadow layer’. Okay, so head to the blending options of base layer and apply these settings:

step-005c[6]
step-005d[6]
step-005e[6]
step-005f[6]

Now blur a little with Filter > Blur > Gaussian blur our shadow layer, but really, a little, with radius like 0.5 to maximum 1 pixel. You should get the following:

step-005g[6]

Create a clipping mask layer clipped to a base layer and apply a bit of gray radial gradient.

step-005h[6]
step-005i[6]

Now you can add a sample text and a search icon. How to do one? It is a piece of cake. I will show it on separate document. Firstly, create a circle shape, pretty big and duplicate it.

step-005j[6]

Then go to Edit > Transform > Scale and scale down the copied layer. I’ve changed it’s color for you to see, but it actually doesn’t matter. After transformation rasterize both layers.

step-005k[6]

CTRL+Click on the thumbnail of copied layer (red one), select the base layer in layer’s window and hit DELETE on keyboard. Then delete/hide copied layer and you will see a circle like this one.

step-005l[6]

Draw rectangular shape (could be rounded) somewhere under the circle. Then hit V to select the move tool.

step-005m[6]

Now select both layers in layer’s window (use CTRL or SHIFT) and while you have move tool active, click this icon so the shapes will center theirs middle points.

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

6 responses to “How to Create Business Template in Photoshop”

  1. vendle Avatar
    vendle

    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.

  2. priya Avatar
    priya

    not like

  3. fixit Avatar
    fixit

    Great post

  4. Opentargets Avatar
    Opentargets

    Your give each and every post in clear explain

  5. Carol Mendez Avatar
    Carol Mendez

    Thanks… very long and some textarea/code not showing up property but good info

  6. Aviv Avatar
    Aviv

    thank you so much for this tutorial.
    you are very talented and tought me a lot!

    keep on with the good work.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Discover more from Photoshop Tutorials

Get the latest Photoshop tutorials, download and updates delivered to your inbox.

Continue reading