The below is for Photoshop Elements 8 (for Mac), although I assume the steps are largely similar in other versions of Photoshop. The below assumes that in the end, you want a jpeg for a web page.
- Load your photo in Photoshop
- In the Layers pane, double click on the single layer that’s there corresponding to your photo. When the dialog pops up, just click Ok to name your layer Layer 0.
- In the Layers pane (bottom right pane), in the bottom toolbar, click on the little circle icon (‘create new fill or adjustment layer’)
- Pick solid color.
- Enter the hex color of the background of the webpage that you will eventually put your photo on.
- In the Layers pane, drag your photo layer (Layer 0) to the top, so that it appear above your new Color Fill layer. If this doesn’t work, did you check to see that you followed Step 2?
- Go to Image->Resize->Canvas Size in the top menu.
- In New Size, choose pixels. Add 100 pixels to width and height. Click the top-left arrow under Anchor. Click Ok.
- In the Layers panel, select your photo layer (Layer 0)
- In the Effects panel, choose Layer Styles (the little overlapping windows icon). Then from the dropdown menu to the right, select Drop Shadows. Select the drop shadow effect you want (probably low or high). Click Apply.
- Your drop shadow should appear. If you want to adjust the effect, double click on the little fx icon in your layer’s entry in the Layers panel to open the settings dialog for that effect.
- If you mess up, right click on your layer’s entry and Clear Layer Style.
- Save your psd file.
- Go to File->Save for Web, pick your preferred jpeg quality and image size, apply, and click Ok.
Note: if you want a png, then instead of creating a new fill layer in Step 6, you would add a normal layer, and make sure in Step 14 you save the png with transparency enabled.)
I plan to post here on technical topics related to software development and computer science. You can find my other blogs and posts on general topics elsewhere.
The point of a (developer-centric) tech blog is two-fold:
- Tracking notes to one’s self on how to do something, for future reference. When you set up a toolchain, or fix some obscure bug in your setup, etc…, you might have to do some of it again in future, so having some notes to refer to comes in handy.
- Other people searching for how to do something specific, or how to fix a specific bug, might benefit by finding your post.
Even if the same info can be found elsewhere, as long as your posts are succinct and accurate, you’ll only increase the chances that at some future time, you or someone else will benefit. Just keep in mind the likely query that someone who might benefit from your post might issue when they encounter that specific information need. These points may seem obvious to developer types, but others might wonder why so many techies have blogs with posts on seemingly obscure topics. They’re likely not for daily consumption, but rather meant to add to the pool of useful reference material on the web.