Your Interactive Tool Belt

Organize Folders and Layers

Last updated on July 19, 2015

You Photoshop folder and layer structure is key to all designs as different environments have different requirements. There are situations where incorrect folders or layers can cause unwanted display errors in the output.

It is important to plan your design and follow our guides related to your target environment.

Single Page View

If you are exporting a basic design WITHOUT additional Output Options, then there are not many rules to follow.

Basic designs convert as-is.

All designs should follow our PSD Design and Layer Naming rules to ensure your design has standard elements. Regardless of the your personal design, all designs should generally have a [HEADER], [CONTENT], and [FOOTER] folder – with an optional Background layer.

Background layers should be bottom most layer in your PSD.

Static Multiple Pages

If you are exporting a multi-page design WITHOUTDynamic Height, then you can place your background normally.

Background layers should be bottom most layer in your PSD.

It is important to organize your [HEADER], [CONTENT], and [FOOTER] folders with pages and ensure your page contents are in their respective folders.

Dynamic Multiple Pages

If you are exporting a multi-page design WITHDynamic Height, then you must place your background layers respective to their containers.

Your [HEADER], [CONTENT], and [FOOTER] folders will EACH require an individual Background layer.