Tutorial: Simple Presentation Background in Photoshop


On nearly all of my posts about logos or design, I use some sort of “presentation.” Whether it’s a showcase on a laptop screen, a hanging poster or just a background image. I spent 3 years of my life studying presentation. Obviously someone thought it was important.

When I design a logo for someone, 80% of my time is spent creating presentations. My clients are paying for the experience of having something designed for them, and when I make a killer presentation for them, they are getting the best experience I can give them.

Take, for example, this logo presentation.

Logo Presentation for Shelby Gas Association

This is the same template I use for all my logos. I created it in Indesign, and each time I need to present an idea to a client, I just replace the images and the text. So simple, but it lets the client not only read about what the logo symbolizes or how the design came to fruition, but it also lets them feel. How would they feel about wearing their logo on a teeshirt? Theres a fellow on the page showing you what it might look like. What kind of emotion do they feel when they see their logo on letterhead, or a business card? Is it the one? How do they feel about the logo when they see it on a smaller scale? Can they recognize it a mile away like they can when they see their child at a distance?

The client may not even realize it, but the presentation stage is a HUGE step in the process.

You don’t necessarily have to create some elaborate presentation and still get the job done. After all, it is a lot of work. But if you want a quick and easy technique to create a presentation background for a project, check out the tutorial below:

  1. Start with a blank document in photoshop. any size, CMYK or RGB depending on what you intend to do with it.
  2. Double click the foreground color to open the color picker. For this project, let’s pick a light/medium gray. Now fill the whole page with that gray.
  3. Now reverse the foreground color and background color by clicking the arrows just above them. Choose a color that is slightly lighter than the current gray on the page (but not 100% white), select the gradient tool, make sure it’s set to foreground to transparent and radial gradient and drag it from the top left corner to just about the middle of the page.
  4. Reverse the foreground color and background color again, and double click the medium gray and set it to something just slightly darker. Select your gradient tool again, change it to a linear gradient and drag it from the bottom right corner to about the middle of the page. The background should then look like this:simple-background-in-photoshop
  5. Now that the page is colored, we’re going to add some texture. Select Filter > Noise > Add Noise, put in an amount of 10, click ok. simple-background-in-photoshopsimple-background-photoshopAnd we’re done with the background! Now all you need to do is add whatever you want to present to the page, such as a logo or some text. I like to add a very subtle, transparent drop shadow to my logos (depending on the color) to give a little more dimension. Try using some of the other fiters too! (ex: play around with Motion blur, and you’ll get a “brushed metal” effect.)I know, it’s extremely simple, and by itself isn’t that impressive. However, when you put a vector smart object against the subtle noise background, it makes the the hi-res object look crisp and clear.logobg

    Don’t have photoshop but still need a simple gradient background for something? Download the free image below:simple_psd_background


Link Monetization by VigLink