How It Works

The following is representative of how all the Photoshop on this site work.

Tutorial

PLEASE NOTE: As you browse this site you will see many samples of actual corporate branding rendered onto our Actions. This is for demonstration and tutorial purposes only. None of our Actions include copyrighted or trademarked material. Users are responsible for ensuring they have the rights to any they intend to use in commercial projects. All trademarks on this site are the property of their respective owners.

Step 1: Locate the desired Action


figure 01

 
For this tutorial we’re going to assume the viewer is interested in creating a BluRay DVD cover. Locating the BluRay on the site can be done through a search or tag result, in this case we simply typed the location of the desired Photoshop Action directly into the URL.
 

Step 2: Locate the Download button


figure 02

 
Each post starts with a generic Action preview (dark grey). The name of the Action with the description and download button is located directly below the large preview. Scroll down the page until the download button comes into view.
 

Step 3: Decompress archive and install


figure 03

 
All Actions are compressed as zip archives. After decompressing the archive, double-click the Action file to have it automatically installed in your Photoshop Actions palette.
 

Step 4: Action installed!


figure 04

 
Installed Actions appear in your Actions Palette.
 

Step 5: Create template for your BluRay


figure 05

 
Each Action comes as 2 parts, step 1 and step 2. The first step will a template onto which instructions are placed for you to follow. Areas of the template are coloured with either dark grey or light grey, these areas are the boundaries in which your design needs to be positioned and scaled to fit. In the case of this BluRay there are 3 areas that need to be filled. The first area is the BluRay logo which is not part of the Action (no copyrighted content is shipped with our Actions). So if you need the BluRay logo or want your own logo rendered at the top of the box then you will need to replace the PSD at the top of the template with your own. The next area is the spine of the BluRay followed by the cover of the BluRay case.
 

Step 6: Add your 2D designs


figure 06

 
Return to the desktop, or wherever your 2D artwork happens to be and open these in Photoshop.
 

Step 7: Position and scale first asset


figure 07

 
The BluRay template has 3 areas that need your 2D design to occupy fully in order to get a proper rendered result. For the moment we’ll stick with the PSDCovers logo and focus on the artwork for the spine and cover for the BluRay case. Paste or drag the 2D artwork you have for the spine onto the template and position and scale it until it fits only the area reserved for the spine.
 

Step 8: Position and scale the next asset


figure 08

 
As with the spine, get your 2D design for the front of the case into the template and scale and position it until it fits the entire provided area. Don’t worry too much if your design is initially too small, high, wide etc. Not every design is going to fit perfectly because not every BluRay case is identical and neither are the printed covers for the same case designs. Fudge the fit, it’ll work fine. Be careful not to cover your spine design in the process. If you’re familiar with masks then using those when laying out your 2D design on the template will help avoid overlap issues.
 

Step 9: Play Step 2


figure 09

 
With your design all laid out you’re now ready to render your 2D artwork as a BluRay case. Return to the Actions palette, select Step 2 and click the “play selection” button.
 

Step 10: Your 3D Product Shot


figure 010

 
Providing you own the rights to the 2D design you’ve rendered with this Action, then the resulting image is yours to do with as you wish. All Actions are non-exclusive meaning that you might see someone else use the exact same product shot or as yours, but as long as the artwork is different you should have something unique. All the which are created during the rendering process remain intact allowing you to further customize highlights and shadows to your liking.
 

Step 11 (optional):


figure 011

 
Going a step further, you can combine multiple Actions with your artwork into custom compositions that suit your needs.
 

Conclusion

Every Action works the exact same way. Find a product shot you need, render and fill the template with your own artwork, then run the final render process. The Actions on this site are meant to get you closer to your goal of creating a 3D layout for a project, marketing presentation or whatever your case may be.

  • Pingback: E MEDIEN Projektblog » Blog Archiv » photoshop // Templates für Buchcover etc

  • J

    Is there any way to save these designs with a transparent background?

  • Seb

    In the layers, there is a Background layer that can be turned off.

  • psdcovers

    Sorry for the delay…

    I photograph all the objects myself and then I take their measurements in millimeters and multiple that by 24 and create the product based on that much larger value. This is simply to ensure that the resolution remains high for the foreseeable future. They are all 300DPI.

    That’s all I can tell you about the dimensions. I have almost zero printing knowledge and have not made the actions for such use (ie, there are no gaps for bleed etc).

  • shelly

    Thank you for taking the time to make all these amazing resources for us, for free! Also, your technical drawings are great! :)

  • psdcovers

    Yes, but not sure when. I’m guided by demand and try to place the most requested items at the top of my list. And sorry for the delay in my reply, not sure how I missed it.

  • ut

    Thank you very much! It’s so usefull!

  • D Lahav

    This site is an amazing find! I am trying to do a red wine bottle in CS5. I have run through it twice and I get white wine. How do I get a red wine bottle? Also – once I compete the actions and my label is on the wine bottle the printed instructions still appear on my label (Instructions: Drag or paste your artwork….). Thanks in advance. Other than these minor issues – it is awesome!

  • je

    hi does this work with photoshop elements 2.0? if not, is there an online program i can use this with?

  • psdcovers

    No, some of the Actions may appear to be compatible with Photoshop Elements but they are not.

  • Chris

    I might be being an idiot here, but how do you remove the watermark of PSDCovers.com from the images?

  • Miguel

    My PS is CS5.1 and this action doesn´t work on it. What the requirements?

  • psdcovers

    The Actions work in PS CS4 to CS6 ( I haven’t tested CC7 yet ). There was a memory leak with CS6 but was fixed in an update. Can you provide more information about what’s not working? We’re you able to uncompress the archive and install it? Does it show up in the Actions panel? Did it fail on Step 1 or Step 2? Was there a specific error message?

    Saying it “doesn’t work” and not giving me any details about your experience doesn’t encourage me to look into your specific problem.