How to Create Business Template in Photoshop

How to Create Business Template in Photoshop
step-001e[6]
And again we're adding guides on 0 and 100%. Then we are going once again to Image > Canvas size, but this time we are leaving relative unchecked and typing 1200px in width. Quickly and with minimalized possibility of mistake. And we have our blank document done. It is 1200x1845px as we wanted and have centered area out bounded by guides.

Step 2 - Noisy background

It's going to be pretty easy step. Noisy backgrounds are quite popular these days (hmpf) and you probably have done more than one before this, but anyway I will show you how I am achieving them. Noisy backgrounds make design a bit grungy and they perfectly fit to solid colored shapes. Truly, they are overused. You can see them in most of modern designs. However, if they were bad, they wouldn't be used, right? Slight noise is really old trick, and it didn't came as design trend of 2008 or 2009. It is old as... it's just really old. Every digital painter knows the power of texturing which noise is really simple kind of. And texturing in web design existed for a long of time as well. I think noises gets massive because of it's ease of creation. Not only you get texture, it is also seamless, for sure. Alright, let's make some noisy pixels. First of all, create a new layer and fill the whole area (SHIFT+F5 / Edit > Fill) with some light color like #efefef. Then go to (surprisingly?) Filter > Noise > Add Noise and type into input box something like 2.5px, set distribution to uniform and check monochromatic. Then go to Filter > Blur > Gaussian Blur and use 0.5 pixels radius. And that's it.
step-002[6]
You can eventually go to Filter > Brush strokes > Accented edges and again to Filter > noise > Add noise (same settings as before) so you will have more organic texture. But here I will use first one.
step-002b[6]

Step 3 - Header background

First off, start with a horizontal guide. Level it on a height you want your header to be. I didn't measured it really, just placed by eye. We will hold there nothing more but logo and search form. We need to be sure it will fit. Then make a shape, rasterize it later on (right click on layer in layers window and choose rasterize) and add a bit of noise as well to this shape (like 1.5-2.5 of percentage amount with monochromatic).
step-003[6]
Then make a selection like this one...
step-003b[6]
...and fill it with gradient of some lighter color so you will get something like this.
step-003c[6]
Then go to Filter > Blur > Gaussian blur and blur it a little (radius on 6-10 pixels) so you will have smooth edge like here.
step-003d[6]
Use eraser tool and erase boundary parts so you will leave gradient only in the center. Use soft brush to do that. Here's a tip: Make first erases with 100% opacity to smooth the edges and then lower it to 30% and make even smoother, long transition.
step-003e[6]
Now create a selection of base header's shape, pick some dark gray color and add really small gradient on bottom. On the image below you can see gradient with 100% opacity. I lowered it later to 33% so it is really slightly visible.
step-003f[6]
And add another gradient on top. You don't have to make a selection here for it will won't extend the shapes boundaries for sure. Notice the start and end points of that linear gradient. Thanks to their places gradient will take a bit strong look.

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

90% Off Cyberpunk Preset Bundle
Sponsored

Make your artwork look like they're from an alternate universe. These Cyberpunk presets work with Photoshop (via the Camera Raw filter) and Lightroom. Download all 788 presets for 90% off.

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.

cross