I've tried searching google but haven't had luck finding the right tutorial.
I have a ton of stock images with the backgrounds removed that I need made to look like a puzzle piece with a 3D feel and a slight shadow to make it look like it's floating above the canvas. I also will need to make an indented outline of the image where the puzzle piece would fit. I've attached an example of what I'm looking to do (I don't need the wood background, I think I'd probably just use a solid color).
Can anyone point me to a tutorial or explain how to acheve this effect?
Thanks in advance.
If you don't need a truly 3D rendering, and your presentation is purely face-on, you can select your object, cut/copy it to a new layer, then use Layer Styles to give it beveling and drop shadow effects. A transformation on the puzzle piece layer can even give it a bit of rotation.
I have another related question. I would like to apply the bevel and emboss effect to a transperant outline and save it as a transparent image. In other words, I want to be able to place a transparent image of the puzzle piece inset, anywhere on any background. Does that make sense? I'm tryign to reduce the number of images I create, if I want to change the background image on my website I don't want to have to create a new puzzle inset image. Is that possible?
I wrote a script to automate the creation of these puzzle pieces. Everything is looking good except, there is an embossed edge around the border of the image (you can see what I'm talking about in Bo's image above). Is there anyway to not have that border?
Make a layer with no Layer Style Bevel, which contains a duplicate of only the outer border of the unbevelled image (i.e. it'll have a big rectangular cut out like an empty frame), and put that new layer on top.
That's happening because the pixel data for the layer ends right at the edge of the displayed canvas.
Another workaround might be to make canvas larger (Image - Canvas Size), fill the outer area with something non-transparent, then crop it with the [ ] Delete Cropped Pixels option disabled.
I've sometimes wondered why Adobe didn't provide an "Avoid effects on outer edge of Canvas" option.
Conroy2009, I thought of that but I'm saving teh images with a transparent background so I can't cover it up.
Noel, That sounds like what I need but I can't fine the Delete Cropped Pixels option that you talked about. When I crop, I don't get a dialog.
With the Crop Tool selected it's a setting up in the Options bar.
Europe, Middle East and Africa