I can provide you with the source image as well as the CSS to set the background color if you need that too. but not the haters-they'll have to read and learn on their own. if you want the master PSD file, ping me and I'll send it to you. I did this as a quick example and to stop the haters who thought I was spamming without even know the power of Photoshop's 3D features. More information on Photoshop's 3D features can be found at: Įxample of a 3D Extrusion with Bevel and Inflation, Glass material, rendered out, then Save for Web as PNG-24 with Transparency then placed on different backgrounds. This provides you with a non-destructive and fully-editable workflow. I will also say that if you start with a vector shape, you can select it in the 3D panel and select Edit Source from the Properties panel-this pops open the original vector shape so you can adjust it, save it, and then Photoshop applies the changes to the 3D object. BEFORE you save the PNG, in the lower left of the Save For Web dialogue there is a preview button, preview it in Safari (or whatever browser you have)-and if your browser has developer tools, change the background color and you can see that all of the transparent parts of your graphic are allowing the background color/image to show through. Use a PNG-24 and all of your transparent shadows and materials will be transparent as well.
Finally, when you're happy with the shape, highlights and caps, select Render from the 3D menu-this may take a little longer but provides much better results than the real-time GL preview. You can even play with the shadows from the lights as they are transparent too. The less opacity, the more transparent it is. Select the Materials (Front/Back Bevel/Inflation) and then change the Opacity (in Properties panel) to what you like as well. You can add and reposition lights to get the lighting just the way you like as well. Once it's a 3D shape, select the button in the 3D panel and in the Properties change the Extrusion to 5 or 10 or something you like, and in the Cap attributes, adjust the Bevel and Inflation until you're happy with it. If you are using Photoshop CS6 Extended (and some prior versions) you can create your Vector Shape then right-click on it or select Create 3D Extrusion from the 3D menu.
0 kommentar(er)
