Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m

Next lesson playing in 5 seconds


Free Preview: Creative Lighting Effects in Adobe Photoshop


  • Overview
  • Transcript

In this course you will learn how to create powerful lighting effects using several techniques in Adobe Photoshop and Flame Painter. You will be creating a beauty product advertising campaign using several stock photos. The aim of this course is to help you to enhance your clients’ advertising campaigns or promotional material, and to teach you how lighting can play a huge role in your final designs.

1. Introduction

1.1 Introduction

Hey I'm Gavin Campbell from Tuts+ and I'm an international freelance illustrator and creative designer. My regular clients include Microsoft, Sony Music, RCA Records, the NBA and Arsenal FC. Other clients include Pharrell Williams, Lenny Kravitz, Formula One team Lotus, McDonald's, Perseal, Advanced Photoshop and many, many more. I'm also one of 40 UK ambassadors for Adobe. So you may see me do the occasional speech at an event, or put up a little trolley line. If you'd like to attract more high-profile clients, brands, or agencies, then you'll want to join me in this course as we explore the power of lighting effects. And how it can take your work to the next level using only a handful of stock images. So in this course we'll be focusing on the world of beauty and fragrances. And I'll be emerging a fictional contemporary perfume brand with a natural origins of this scent. So I'll be creating a powerful advertising campaign much like I've done for clients in the past using as many natural elements as possible to take the inspiration from many fragrances back to their core essence. We're primarily gonna be using Photoshop and two great plug-ins called Flame Painter and LensFlare to extract and manipulate images, add layers to create depth to the image. And using multiple adjustment layers to really change the tone and feel of the overall composition. By the end of this course, you'll be able to enhance your portfolio and take your client brief to the next level, using several simple techniques. So join me in the first lesson, as we delve into the limitless world of light, effects, and photo manipulation.

2. Setting Up the Document and Background

2.1 Document Setup

Hey this is Gavin from Tuts+ and welcome to the first lesson of this project. And I would like to begin by first working on the background of the image and building layers up. So I'm just gonna drag finder across and we're working with this image right here. We're just gonna go ahead and drag the image onto the canvas, like that. And I'm gonna go ahead and open the image panel, pressing Cmd or Ctrl+Alt. And we can see here that we're working with 1920 by 1318 pixels resolution to 300. Alternatively, you can go to the Image > Image Size Panel to get the same result. So, what we have here is some gaps at the top and the bottom, so I'm just going to make sure I've got the selection tool, select it, and I'm just going to move the image up slightly. And I could simply press Cmd or Ctrl+T and drag the measure across, but I don't really want to crop the edges of the mountain. so I'm just gonna leave it as it is. Go to the layers panel, right-click and rasterize the layer. The reason why I do that is so I can make changes to it later on if needed. But as a smart object, there are certain restrictions on the image. So I'm gonna go ahead now and choose marquee tool and I'm going to make a rectangle selection there. I am going to go ahead and press Cmd or Ctrl+J to cut the selection on a separate layer, as you can see here on the panel. I'm gonna go back to the selection tool and drag that down, move it across slightly. So we've filled the gap. Now I'm gonna go back to the Layers panel. I'm gonna hold down the Shift key and select both layers. Right-click. I am going to right-click and merge the layers together, and let's rename that as the main background. Once that's done, I am going to close the Layers panel and I am going to press Cmd or Control+U to open up the Hue Saturation Panel. Now, we could do it two ways. We can change the heat saturation of the image directly. Or we could actually make an adjustment layer on top of the image. Which doesn't actually change or manipulate the main source which is actually better in the long run, just in case you wanna go back, or you don't like what you've done. So, rather than me change the saturation of the main image, I'm gonna create an adjustment now by choosing this option here. Go down to your saturation. And I'm just going to move the hue slider across to give the sky a pep tint and make the water slightly green so as to move that row across to about 38, which is good. And we can leave that there, let's close that down. There we have our adjustment layer, which you turn on off, which is the benefit. Or you can just click here and manipulate at your pleasure and later lessons, if needed. So I'm gonna close that down. And let's just make sure that this, just right-click my main background and make sure that it's all in. Now there's a slight gap here, I'm just gonna press Cmd+T, and bring it out just slightly to get rid of the gap. And we're good to go, so in the next lesson what we're going to do is work on the shading around the background. And we're gonna add some more color and depth to the background before we start adding the foreground layers. Thank you.