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
  • 3433 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

Nancy OShea
Community Expert
Community Expert
June 13, 2019

OK.  For this  first example, I applied the Blur tool with 100% strength and a large, soft, round brush to the background of DaVinci's Mona Lisa.  Instead of a sharp edge, the line is ever so slightly blurred. 

This second example is done with the Marquee tool and a Feather Radius of 50px.  I drew a rectangular selection around tthe Mona Lisa's face.

Next, go to Select > Inverse (Ctrl + Shift + i)  and hit the Backspace key.  The result is a soft blur around the entire image.

Nancy O'Shea— Product User & Community Expert
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