How to prepare your PSD files for Freelancer Marketplace

Introduction to Photoshop

PSD is one of the most well-known file extensions currently in use. Twenty-three years ago Thomas Knoll began writing a program to display grayscale images on a monochrome display. 'Display', as it was originally called, caught the attention of his brother John, who recommended turning it into a full-fledged image editing program that eventually became the Photoshop we know and love today.


The first thing to be aware of when creating a PSD template is to make sure that your PSD file is well-organized and that the structure and names of layers and groups is meaningful and faithful to the design on the canvas. Be sure to organize all the layers according to their position on the canvas. For example, you could first make three layer-groups and call them 'head', 'body', and 'foot' and then place everything inside in accordance with their place on the canvas of your template. Throughout the design process, be sure to keep this organization in mind and you will save yourself lots of time later.

Canvas Specifications

When creating your PSD document, it is essential that you determine the color mode first to suit the purpose of the document. There are generally two types of color modes: RGB which is used for electronic screens and projectors and CMYK that is used for printing. If you are creating a document that is for either the web, television or any electronic screen display, you will have to set your color mode to RGB. If the main purpose of your file is for printing, you will have to set your color mode to CMYK which stands for Cyan, Magenta, Yellow and Black. CMYK differs to RGB as their is a different process in re-producing color when something is printed.

The next thing you may want to consider is the resolution of the document. Generally you will need to save the document at 72 DPI if it will be used for on-screen display like web or TV. If you are creating something that will be for print, you will probably want to set your document to a highher resolution of around 300 DPI in your document settings.

You will also have to determine a suitable document size for what you are making the document for. If you are making a web document, the most common web-sizes today are the 960px and 980px widths. All of the web content is placed within that width; however, you must also think about the space outside those borders because some people have wider screens. The website will most likely be placed in the center of screen, so make it easy for the developer to use the edges of your template to create a simple background for the website.

The height of your template should be sufficient to show all of the content you have created.


When thinking about your design, it is important that you keep some things in mind. How useful is the template for the person buying it? does it have all of the standard elements that today's websites have, like buttons, lists, headings, sliding components, tabs, menus, and so forth? Try to make meaningful connections between your concept and the theme you have chosen to create for your template.


If you don't have much experience with HTML and CSS, you should be careful to keep usability in mind. It is always best to try and imagine how your design could be implemented into a real website and how you can make it easier for the person buying your template to use it for his website. The easier you make it, more people will want it.


Make your design flexible. Design the template in such a way that certain segments could be easily changed: include multiple color styles or the option to change the position of a specific content group. It is wise to sometimes take a look at how your design looks on several different monitors or not just the one you built it on because sometimes colors and brightness make all the difference between awesome and just ok.


Take into consideration all of the pictures, fonts and texts you have used for creating your PSD template, and make sure you have all the needed rights to sell it over at Freelancer Marketplace. To find out more about this, follow this link. Be sure to supply a TXT help file along with your PSD file explaining how everything is organized and why.

File requirements

For your file to be reviewed by the Freelancer Marketplace, it must contain HELP.TXT file explaining everything important about your template and anything else you might think a customer would need to know.

If you have used fonts and images that you have rights to you can also add those into the package and it will increase the value of it.

Your thumbnail image needs to be 156x92 pixels and can be JPEG, GIF or PNG format. Your thumbnail image should be an accurate representation of how your template looks.


You will need to supply at least 3 keywords for your file submission, so be sure to use those words correctly because they can bring more traffic to your template. Use words that most accurately describe your content. Ask yourself, is this a corporate or a personal website? Will there be lots of content or will it be more like a simple blog? Once you decide on keywords compress all of the files that you created for this template into one ZIP file and name it by the three keywords you have chosen.

In Closing

It is important to concentrate on design, and building a solid widget based back-end with great admin panels. Your customers will appreciate an easy process so the easier you make it, the more sales you will attract.