Organizing Photoshop Projects

December 5, 2019 - by Alex Stringer

If you have had any experience with Photoshop, you may know that a simple project can become an organizational mess once it’s near the end of completion. My article today is to help you out with organizing your projects and hopefully you’ll learn about the already useful tools in Photoshop to help with layer organization.

 

We’re going to start with a sample Photoshop project which I’ve created for this guide.

I’m going to provide you with two Photoshop files:

  • One version unorganized as how this started
  • One version organized at the end of this blog post

 

How this project looks

( You can click to expand these images )

Taking a look at the layers

If you take note of the layers to the right, you’ll notice that it’s a cluster of names, duplicated layers and the order doesn’t make sense if you look at it from the top to the bottom of the project.

Step 1 – Folders

I would personally recommend that you first begin to group the items together you know into folders.
You can create a folder on photoshop by clicking the “Folder” icon at the bottom of your layers panel.

Once all grouped up, you should now see a strucutre starting to form in your project.

Step 2 – Colours

Photoshop also allows you to colour your layers, which is incredibly useful for separating different parts of a project, such as images, navigation and solid colours.
To do this, right click a layer and then select a colour you like.

Step 3 – Organize, Top-to-bottom

Now it’s time to organize the project into sections, just like we did for the navigation.
Once completed, I’d recommend reordering any content which does not line up from top-to-bottom.

Now you should start to see a much more organized Photoshop project, easy for you to change in the future, as well as other designers and developers who may work on the project.

Before

After

If you found this article helpful in any way, please share it!

 

Photoshop project

Download Before .PSD

Download After .PSD

 

Resources used for this blog post:
IconMonstr – https://iconmonstr.com/

Unsplash – https://unsplash.com/

Back to the blog page



Share this blog post?