Skip to main content
Known Participant
June 11, 2019
Question

How do i create a 'shadow' on a background image?

  • June 11, 2019
  • 4 replies
  • 3438 views

I'm new to photoshop and I'm running the version of Photoshop on my 8.1 Windows PC. The latest version does not run on my current operating system

I would like to create a background image and the color of the image doesn't really matter. However I want to create a shadow on the top border of that image

How can I do this.

The other question I want to add to this is how do I make that image a certain size. Meaning a certain height and5 width in terms of pixels

For example a YouTube thumbnail requires the image to be a certain size or a Facebook cover photo should be a certain size

So when I have size requirements I would like to know how I could save my image so it is that size

Keith

This topic has been closed for replies.

4 replies

Nancy OShea
Community Expert
Community Expert
June 11, 2019

Technically, a drop shadow needs some white space around it. Otherwise you won't see the shadow.

In this example, I'm using a transparent background and a canvas of required height and width.  File > New.  See screenshots.

Fig 1.

Next I clicked the new layer icon and used the Shape tool to draw a rectangle filled with cyan color.

Fig 2.

I double clicked on the rectangle layer in the Layers panel to add a drop shadow.  Click on Drop shadow to pen the settings panel.  Adjust the dtop shadow angle to 90 deg and other settings to suit.  Hit OK.

Fig 3.

Fig 4.

Finally, go to File > Export > Export As and save as a transparent PNG.  Hit Export All button.

Fig 5.

Nancy O'Shea— Product User & Community Expert
Known Participant
June 13, 2019

Nancy OShea

I created a video followup and  as it turns out the shadow effect is not what I want. Please look at the following video, less than 2 min, to see if you can help me

Shadow Photoshop - YouTube

Thanks Keith

barbara_a7746676
Community Expert
Community Expert
June 17, 2019

I'm sorry but I'm not following what you provided. It's not working on my end. I just want a blank image with a background color of 'white'. I want the top edge to be 'blurred' if that is the correct terminology.

A shadow means to me a 'shadow' appears behind the image. This is not what I want.

I want something to appear on the top edge only that shows some type of shadow or blur effect. This means in front of the image.

As I mentioned I'm new to photoshop and I don't know all the terms, etc. If you're going to reply to this I would prefer you create a video instead if all possible.


In the video you posted, the shadow is behind, not on the top edge. That is why I gave the instructions in post #9.

If you want the shadow in front, follow my instructions in post #2 or follow JJMack's instructions in post #1.

If neither of none of these instructions give the results that you want, then clarify what you do want by posting an image that does have the results that you want.

Trevor.Dennis
Community Expert
Community Expert
June 11, 2019

keitha70260201  wrote

I'm new to photoshop and I'm running the version of Photoshop on my 8.1 Windows PC. The latest version does not run on my current operating system.

Hi Keith

What version of Photoshop are you actually using?  It could make quite a difference on how to make your shadow.

Known Participant
June 11, 2019

Trevor.Dennis

Im using  ----  Adobe Photoshop Version: 19.1.8 20190226.r.442 2019/02/26: 1205701  x64

Can you show me step by step instructions how to create a solid background image, then add a shadow to the top border and then show me how to save the image to a certain size (i.e. 1200 x 768), as a jpg or png

barbara_a7746676
Community Expert
Community Expert
June 11, 2019

How to change the image size was already mentioned in the first response by JJMack. Choose Image > Image Size command. JJMack also explained how to create a shadow, and I gave you an alternate method for creating a shadow.

When saving as jpg or png, you can choose a specific size.  One way is to choose File > Export > Save for Web (legacy).

In the upper right corner, choose the file type.

In the upper right corner of the dialog box, choose Optimize to file size.

Enter your desired file size.

You might not get the exact file size you enter, but the size won't be any larger than what you entered.

barbara_a7746676
Community Expert
Community Expert
June 11, 2019

Another way to make a shadow, which is flexible and easy to edit, would be to click the lock item to convert the background to a regular layer.

Then choose Inner Gradient Overlay from the fx menu.

You can start with these settings and adjust as desired.

If you want to change the transition, click on the gradient bar.

And drag the opacity stop to the left to shorten the shadow.

JJMack
Community Expert
Community Expert
June 11, 2019

You could create a shadow may ways. Paint one in. Add a gradient into a empty layer as above the back\ground layer.  There are always more than one way to do thing in Photoshop.

You can change the number of pixel you have by interpolating the image using Image size with Resample checked. However, you should only do that when you constrain restrain the resize to preserve the image's  aspect ration so the image will not distort.  If you need to change the image's aspect ratio you need to Crop the image to that aspect ratio discard some image content  or use content aware  scale to distort the image to that aspect ratio you need  ration while trying to preserve the aspect ratio of recognized object in the image you can add a mask to identify areas you do not want distorted.  Content aware scale will not always be able to create a scaled version that will be acceptable to you.

JJMack