Photoshop WebDesigner Toolbox: All the Resources You’ll Ever Need

Posted in Tools, Web Design3 years ago • Written by 16 Comments

If you’re using Photoshop daily it’s essential to have an asset library. Having a pre made toolbox or asset library can be extremely handy. Having the right toolbox can save you a whale of a time and provide you with nifty resources. If you’re a web designer, your asset library will probably differ from a photographers library, however there are things which should be found in every Photoshop user’s toolbox. While you could spend countless hours making your own resources, usually there’s no need to do that. Nowadays the web is full of pre made high-quality resources. I’ve collected various resources, sites and tools that can considerably boost your workflow, free up some time on your agenda and simply enhance your projects. If you don’t see your favourite resource/site/tool, please, feel free to mention it in comments because  maybe I’ve missed something great and noteworthy.

Brushes

1. Brusheezy

Brusheezy-photoshop-toolbox-enhance-work-productivity

 

 

Brusheezy is the place to share your free Photoshop brushes and other Photoshop related resources. Here you can explore and discuss the creations of other artists from around the world, or just find that perfect little freebie for your next Photoshop project. Brusheezy makes it easy to explore thousands of resources created by artists from all over the globe.

2. PS Brushes

Brushes-photoshop-toolbox-enhance-work-productivity

 

 

PS Brushes is another place where Photoshop brushes are gathered. With weekly brush updates this site is a place you should definitely check out if you’re looking for fresh and neat brushes.

3. Brush Lovers

Brush-lovers-photoshop-toolbox-enhance-work-productivity

 

 

BrushLovers has one of the largest collections of exclusive and high-quality Photoshop brushes on the Web. They feature hundreds of Photoshop brushes that are free for both personal and commercial use. You won’t find this collection anywhere else.

Patterns

1. Colour Lovers

Colour-lovers-photoshop-toolbox-enhance-work-productivity

 

 

COLOURlovers is an international community of designers and artists of all kinds who visit the site to get color inspiration, ideas and feedback for both their professional and personal projects. In the ColourLovers pattern section you’ll find over 1,410,989 user-created seamless patterns to use in your creative projects.

2. Squid Fingers

Squid-fingers-photoshop-toolbox-enhance-work-productivity

 

 

At Squid Fingers you can find over 100 creative patterns to use for your projects. They come as GIFs and are free to use.

3. BG Patterns

Bg-patterns-photoshop-toolbox-enhance-work-productivity

 

 

BgPatterns is a tiny web app for making background patterns in a few clicks. It was created mostly for fun and was an experiment by Sergii Iavorskyi.

4. Background Labs

Background-labs-photoshop-toolbox-enhance-work-productivity

 

 

Background Labs feature a wide variety of Photoshop backgrounds, patterns, textures and graphics for use in customizing your Twitter profile, blogs and websites. Browse by color, by tags and styles. It can’t get any simpler to find graphics than on Background Labs!

Textures

1. CG Textures

Cg-textures-photoshop-toolbox-enhance-work-productivity

 

 

CGTextures strives to be the world’s best texture site. It can be quite difficult to create textures without good photo materials. Making textures should be about creativity, not about frustrating hours looking for images on the Internet. By supplying good quality textures in an organized manner, CG Textures makes your everyday work easier and more enjoyable.

2. Texture King

Texture-king-photoshop-toolbox-enhance-work-productivity

 

 

Texture King is a resource for free stock textures. Currently the site has over 300 textures in 16 categories.

3. Lost & Taken

Lost-taken-photoshop-toolbox-enhance-work-productivity

 

 

Lost and Taken was created over two and a half years ago with one intention: to helps designers by giving away the best free textures available. To this day, Lost and Taken textures have been viewed tens of millions of times and has helped thousands of designers accomplish their jobs a little easier and with more beautiful results.

4. Mayang’s Free Textures

Mayang-free-textures-photoshop-toolbox-enhance-work-productivity

 

 

Mayang’s texture library has over 3800 free to download, high-resolution textures. The reason I included this site is because here you can find a lot of unseen and different kinds of textures you won’t find anywhere else.

5. Texture Lovers

Texture-lovers-photoshop-toolbox-enhance-work-productivity

The purpose of Texture Lovers is to archive some of the best free textures from around the web, and better yet, only archive the ones that are free to use in commercial and personal work without worrying about giving credit to the source (no attribution).

Stock photos

1.Stoxk.xchng

Sxc-toolbox-enhance-work-productivity3

Sxc.hu is the world’s best free stock site. SXC was launched in February 2001 as an alternative for expensive stock photography. The idea was to create a site where creative people could exchange their photos for inspiration or work. The site has evolved into the massive community you see today — there are over 2,500,000 registered users and around 400,000 photos online.

2.Everystockphoto

Every-stock-photo-toolbox-enhance-work-productivity3

Everystockphoto is a license-specific photo search engine. Currently they index and search millions of freely licensed photos, from many sources, and present them in an integrated search. It’s usually my second choice if I can’t find what I’m looking for in sxc.

3.Morguefile

Morguefile-toolbox-enhance-work-productivity3

Morguefile is the third largest free stock photo site. The Morguefile contains photographs freely contributed by many artists to be used in creative projects by visitors to the site. The purpose of this site is to provide free image reference material for illustrators, comic book artist, designers, teachers and all creative pursuits.

Icons

1. IconFinder

Icon-finder-photoshop-toolbox-enhance-work-productivity

 

 

Iconfinder provides high quality icons for web designers and developers in an easy and efficient way. The site launched in 2007 as the first search engine focused on icons.

2. FindIcons

Find-icons-photoshop-toolbox-enhance-work-productivity

 

 

FindIcons is an icon search engine helps you find free icons. They have the largest searchable free icons database in the world and both a sophisticated search filtering and result matching system make it possible for you to get an icon you need for every design task.

Fonts

1. Dafont

Dafont-photoshop-toolbox-enhance-work-productivity

 

 

Dafont is the largest free font library on the web. Nearly all free fonts make their way onto dafont and it’s definitely the first place to check if looking for qualitative fonts for your projects.

2. Font Squirrel

Font-squirrel-photoshop-toolbox-enhance-work-productivity

 

 

Font Squirrel is your best resource for free, hand-picked, high-quality, commercial-use fonts. Even if that means they send you elsewhere to get them.

Cheat Sheets

1. The Photoshop CS5 How To Geek Cheat Sheet

Geek-cheat-sheet-photoshop-toolbox-enhance-work-productivity

 

 

The Photoshop CS5 Cheat Sheet is a great tool for all Photoshop users, with keyboard shortcuts, graphs and graphics not only good for CS5, but also valid for most versions of Photoshop. The cheat sheet comes in PDF format, which you can easily print using your favorite PDF reader.

2. Photoshop Toolbox Reference

Reference-photoshop-toolbox-enhance-work-productivity

 

 

This is a comprehensive Photoshop toolbox reference. You can click on each tool to view its video-manual. It’s very handy if you’re just starting off with Photoshop though even experienced users can find something useful here.

3. Photoshop Etiquette

Etiquette-manifesto-photoshop-toolbox-enhance-work-productivity

 

 

The Photoshop Etiquette Manifesto for Web Designers is a list of helpful and subtle suggestions to organize Photoshop documents, making the transfer of them less painful.

General Resources, PSDs

1. Blue Vertigo

Blue-vertigo-photoshop-toolbox-enhance-work-productivity

1.1. Graphic Clouds

GraphicClouds.com is a graphic & web design blog providing high quality  photoshop resources with original PSD files and other graphic design resources like textures, icons, patterns, brushes, gimp brushes.

 

Blue Vertigo is a huge design resources site established in 2003. You can find almost anything there – starting from stock photo marketplaces and ending with color scheme sites.

2. Premium Pixels

Premium-pixels-photoshop-toolbox-enhance-work-productivity

 

 

Premium Pixels is a bunch of free design resources & tutorials created by Orman Clark. Oman Clark created Premium Pixels to share some of the resources and files he’s created in his quest to make the web a more attractive place.

3. Swift PSD

Swiftpsd-photoshop-toolbox-enhance-work-productivity

 

 

Swiftpsd offers stunning resources for web, iPhone and iPad. It’s created by Ed Cousins, and swiftpsd is his venture to supply high-quality resources to designers around the world. Launched only couple months ago SwiftPSD looks like a site I’m going to visit often.

4. Designmoo

Designmoo-photoshop-toolbox-enhance-work-productivity

 

 

Designmoo is a community for discovering and sharing free PSDs, vectors, textures, patterns, fonts, and more. Their goal is to build a great network of designers and community resources and provide a centralized location for finding great-looking free design resources.

5. Free PSD

Free-psd-photoshop-toolbox-enhance-work-productivity

 

 

Free PSD offers bunch of free high-quality PSD templates for your use. You’ll find tutorials, brushes, patterns and other Photoshop resources there as well.

6. Design Kindle

Design-kindle-photoshop-toolbox-enhance-work-productivity

 

 

Design Kindle is an idea of Build Interactive, a small web design studio founded by Adrian Pelletier. Their goal is to provide the best free design resources on the web by keeping the file quality incredibly high. You can submit files for review too by sending us an e-mail with a preview of the download you’d like to contribute.

7. 365psd

365psd-photoshop-toolbox-enhance-work-productivity

 

 

365psd is the world’s highest quality source of PSDs that are free for both personal and commercial use. That means any PSD you download can be reused in any project without worrying about licensing.

8. Little PSD

Little-psd-photoshop-toolbox-enhance-work-productivity

 

 

Little PSD is a brand new (in fact it seems it’s launched only couple days ago) site to find high-quality PSD files.

9. PSD Home

Psd-home-photoshop-toolbox-enhance-work-productivity

 

 

PSD Home is a web gallery for Photoshop PSD files. It collects PSD files, that’s designers give from everywhere to a single website. At PSD Home you can find PSDs pertaining to buttons, icons, text effects, themes, graphics and much more.

10. PSD Graphics

Psd-graphics-photoshop-toolbox-enhance-work-productivity

 

 

Psdgraphics is one man show, launched as a hobby site.Here you can find a lot of free stuff for webmasters and designers. Enjoy fully editable Photoshop PSD files and high resolution stuff.

Plugins

1. Nik Software

Nik-software-photoshop-toolbox-enhance-work-productivity

 

 

Nik Software, Inc. is a privately-held American company that develops software solutions for the growing digital-imaging and photography markets. Although their plugins are premium only, they’re really worth it. Particularly developed for photo retouching Nik Software is giving photographers the most powerful tools for precise and natural photographic enhancements and corrections without the need for complicated selections or layer masks. You can apply for their live training sections to see the power of this software in action.

2. Fluid Mask 3

Fluid-mask-photoshop-toolbox-enhance-work-productivity

 

 

Fluid Mask 3 is a very effective tool for separating complex objects from their backgrounds. Fluid Mask 3 lets you isolate difficult areas and apply alternative selections with all new edges find options – making the tough bits easier. It’s a premium plugin, though you can check out the demo version and tutorials to decide whether you want to purchase it or not.

3. Topaz Labs

Topaz-labs-photoshop-toolbox-enhance-work-productivity

 

 

Topaz Labs distills the latest in imaging technology into useful products that deliver excellent results at a reasonable price. Topaz plugins makes it quick and easy to create stunning and dynamic enhancements that will instantly make your images pop with detail, color and depth. Although they’re not free I consider these plugins the second best choice after Nik Software to enhance your photos remarkably.

Tools

1. Divine

Divine-photoshop-toolbox-enhance-work-productivity

 

 

Divine is a plugin that helps you convert Photoshop to WordPress in a few minutes instead of long hours. The idea of making Divine came to a young but talented designer who himself was fed up with wasting time on coding. As soon as you get a tool to convert PSD to WordPress, you save your time, effort and patience. You need no special extended knowledge about HTML, no special skills in coding, basics are completely enough to convert PSD to WordPress.

2. Script Arsenal

Script-arsenal-photoshop-toolbox-enhance-work-productivity

 

 

Script Arsenal is a handy catalog allowing you to quickly find and apply the required script. It comes to you with 100+ ready-made scripts for creating various effects and streamlining your everyday work flow. Using most of them doesn’t require a substantial Photoshop experience.

3. Compare PSD

Compare-psd-photoshop-toolbox-enhance-work-productivity

 

 

ComparePSD compares two Adobe Photoshop PSD files for you and highlights the differences. Layer by layer. Effect by effect. Simple. Plus it is absolutely free.

4. Mr Stacks

Mr-stacks-photoshop-toolbox-enhance-work-productivity

 

 

Mr. Stacks is a Photoshop script that rapidly generates storyboards, stacks, and PDF(s) for CD check-ins, client-ish presentations, and whatever else it is you do. Helping to nail some of the most monotonous tasks in art direction.

5. Modular Grid Pattern

Modular-grid-pattern-photoshop-toolbox-enhance-work-productivity

 

 

Modular Grid Pattern is an application for web designers, which helps you quickly and easily to create a modular grid in Adobe Photoshop, Adobe Fireworks, GIMP, Microsoft Expression Design and other. To use the app directly in Photoshop you only need to download and install the convenient extension.

6. foxGuide

Foxguide-photoshop-toolbox-enhance-work-productivity

 

 

foxGuide is a firefox extension that displays horizontal and vertical guides. Guides will appear as thin lines that float over the webpage. You can move or remove them just the way you do it photoshop. Guides are useful for laying out elements symmetrically, structure a design and improving the overall layout.

7. Photoshop Touch Apps

Touch-apps-photoshop-toolbox-enhance-work-productivity

 

 

Touch, mobility, and Adobe Photoshop® CS5 software—how’ that for a creative combination? Adobe and the developer community can now create apps that communicate with Photoshop CS5 via a range of devices and platforms. Explore new Adobe Photoshop Touch apps for iPad, the first to tap into this new connectivity.

8. Pixel Proliferation

Pixel-proliferation-photoshop-toolbox-enhance-work-productivity

 

 

Change is a constant. The device landscape is always changing and the device types are proliferating. With the increasing demand for unique mid-screen devices, it is becoming an even more arduous task to keep all of the device resolutions and screen sizes straight. This toolset includes Photoshop CS5 marquee tool presets for common screen resolutions, a collection of layered Photoshop CS5 PSDs each providing common devices for comping and design presentations and a reference chart for resolutions and device landscape.

9.960 Grid System

960gs-toolbox-enhance-work-productivity3

The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.

10.GuideGuide

Guide-toolbox-enhance-work-productivity3

GuideGuide is a tool for columns, rows and mid­points panel for Pho­to­shop CS4 & CS5. It works similarly to the grid tool in InDesign. With GuideGuide it’s incredibly easy to create columns, guides, gutters and midpoints with just a single click.

If you enjoyed this article, get email updates (it's free).

Join over 77,235 Subscribers Today.

111 Written ArticlesWebsite

Works at 1stwebdesigner, studies photography at ISSPand seeks to enjoy life. You can check out his photography blog and follow him on twitter.

16 Comments Best Comments First
  • Simone_ITA

    Friday, May 20th, 2011 12:47

    1

    Epic post! Great, thanks for this work!

    0
  • cha

    Saturday, May 21st, 2011 00:49

    6

    I know some of those sites but this post is brilliant. Very helpful indeed! I definitely bookmark this post and the site. :)
    Thank for sharing it

    0
  • Andrew

    Friday, May 20th, 2011 19:25

    7

    This is the largest most useful resource post I have ever seen. I use a few of these resources and by the looks of them I will be using a lot more of them often. Thanks

    0
  • Ozy

    Friday, May 20th, 2011 17:51

    5

    Great list. Already saved some links to add to my resources page.

    0
  • Alex

    Friday, May 20th, 2011 16:20

    4

    WOW, very useful! Thanx!

    0
  • Joe

    Friday, May 20th, 2011 15:11

    2

    Yowser! Epic indeed. You’ve basically covered all of my fave resource sites. Great Post!

    0
  • MAH

    Friday, May 20th, 2011 15:55

    3

    This is really very effective article.I hope this effective article will be helpful for me.Your article presentation concept is well.

    0
  • Renato Alves

    Saturday, May 21st, 2011 03:51

    8

    Great list of articles. Saved alot of them for future use. Thanks!

    0
  • Wendy

    Sunday, May 22nd, 2011 21:01

    9

    Thanks for sharing this! Just right in time! :)

    0
  • Bijuterii

    Thursday, February 2nd, 2012 16:08

    15

    Very good post with lost of useful information. Thanks!

    0
  • Cadouri

    Sunday, April 1st, 2012 05:26

    16

    Very good info! Looking forward for more!

    0
  • vivek

    Thursday, December 1st, 2011 05:28

    14

    Wow…another stunning resource collection..thank u

    0
  • Ben

    Thursday, September 22nd, 2011 10:19

    13

    I want to say that after reading your post I have found so many interesting thing in your blog and I really love that. Keep up the good work!

    0
  • Antown

    Tuesday, May 24th, 2011 22:26

    10

    It is a pity that I am not addicted to Photoshop – just not enough time for everything. Now came css3. We must understand, soon all of the sites will be transferred to the new format.

    0
  • Rahul

    Saturday, May 28th, 2011 15:24

    11

    Daniels,
    This was really a very useful and valuable post. I loved the mentioned resources. Please keep posting such useful stuff. 10/10 for this post.

    0
  • Donovan

    Tuesday, May 31st, 2011 07:43

    12

    Great post, very informative. This is what I’m actually looking for. As a designer I think this is another breakthrough experience. Thanks for sharing.

    0
  • Cadouri

    Sunday, April 1st, 2012 05:26

    16

    Very good info! Looking forward for more!

    0
  • Bijuterii

    Thursday, February 2nd, 2012 16:08

    15

    Very good post with lost of useful information. Thanks!

    0
  • vivek

    Thursday, December 1st, 2011 05:28

    14

    Wow…another stunning resource collection..thank u

    0
  • Ben

    Thursday, September 22nd, 2011 10:19

    13

    I want to say that after reading your post I have found so many interesting thing in your blog and I really love that. Keep up the good work!

    0
  • Donovan

    Tuesday, May 31st, 2011 07:43

    12

    Great post, very informative. This is what I’m actually looking for. As a designer I think this is another breakthrough experience. Thanks for sharing.

    0
  • Rahul

    Saturday, May 28th, 2011 15:24

    11

    Daniels,
    This was really a very useful and valuable post. I loved the mentioned resources. Please keep posting such useful stuff. 10/10 for this post.

    0
  • Antown

    Tuesday, May 24th, 2011 22:26

    10

    It is a pity that I am not addicted to Photoshop – just not enough time for everything. Now came css3. We must understand, soon all of the sites will be transferred to the new format.

    0
  • Wendy

    Sunday, May 22nd, 2011 21:01

    9

    Thanks for sharing this! Just right in time! :)

    0
  • Renato Alves

    Saturday, May 21st, 2011 03:51

    8

    Great list of articles. Saved alot of them for future use. Thanks!

    0
  • Andrew

    Friday, May 20th, 2011 19:25

    7

    This is the largest most useful resource post I have ever seen. I use a few of these resources and by the looks of them I will be using a lot more of them often. Thanks

    0
  • cha

    Saturday, May 21st, 2011 00:49

    6

    I know some of those sites but this post is brilliant. Very helpful indeed! I definitely bookmark this post and the site. :)
    Thank for sharing it

    0
  • Ozy

    Friday, May 20th, 2011 17:51

    5

    Great list. Already saved some links to add to my resources page.

    0
  • Alex

    Friday, May 20th, 2011 16:20

    4

    WOW, very useful! Thanx!

    0
  • MAH

    Friday, May 20th, 2011 15:55

    3

    This is really very effective article.I hope this effective article will be helpful for me.Your article presentation concept is well.

    0
  • Joe

    Friday, May 20th, 2011 15:11

    2

    Yowser! Epic indeed. You’ve basically covered all of my fave resource sites. Great Post!

    0
  • Simone_ITA

    Friday, May 20th, 2011 12:47

    1

    Epic post! Great, thanks for this work!

    0

Comments are closed.

23.20.149.27 - unknown - unknown - US