40 Resources Every Designer Should Know

×

Ever wondered where designers get their resources to help them succeed with a project? Here is a list of great resources including sites, PSD. files, actions, UI elements, mock ups et cetera and best of all, they are totally free and available for you to download.

Just click on the title or image and it will bring you to the resource.

Bookmark this post so that you can always look back at this great list that can help you succeed.

 

1. Fribbble

Icons for your website, an iPhone mock up or PSD’s for your landing page, Fribbble is the place to be.

 

fribbble

 

2. Behance project template

Many of us struggle when posting a project at Behance. How do we get it to make it look right? First of all, read this article and then download this nifty background template.

 

behance

 

3. psddd.co

Another great site to get free PSD files, blurred background or UI elements.

 

psd

 

 

4. colour lovers

Struggling to get the perfect colour combination? This is a site that I go to. Perfeccccct for some colour inspiration!

 

colourlovers

 

 

5. CG textures

A great site where you can download free stock images. From rocks, sky to trees. Very handy when it comes down to matte painting!

 

cgtextures

 

 

6. Subtle Patterns

In need of some high quality patterns? No need to look further, Subtle Patterns have a diverse gallery from around 400 patterns for you to download from.

 

subtlepattern

 

 

7. Webydo

Lets you design a website, for free, without code. Hallelujah!

 

webydo

 

 

8. guideguide

Guides can be a pain in the ass when it comes down to web design, here is a simple solution for you!

guide

 

 

9. No more banding

Often we experience banding when working with gradients within Photoshop. With this action you can say farewell to them and make the gradients look more smoothly.

banding

 

10. Gridzzly

Allows you to make your own grid paper that you can print! Handy for sketches or when you want to make some typographic images and need to be exact.

 

grid

 

11. Make app Icon

This tool resizes and optimizes your icon designs into all formats needed for iOS and Android mobile app!

 

app

 

 

12. Perfect Effects 3 

Designed specifically for photographers. With Perfect Effects 3 you’ll find intuitive and powerful tools that make it easy to add effects that can be difficult or time-consuming to create in Photoshop, Lightroom, Photoshop Elements, or Aperture.

effects

 

13. Cut & Slice

Use Cut & Slice to export your assets to different devices in seconds. Improve your workflow by just naming your layers.

cutandslice

 

14. Layrs Control 2

A free Photoshop extension of a collection of 7 scripts that make tedious job easier.

 

layrs

 

15. Hexy

It’s a pain to have to select layers, highlight pieces of text, and open the Color Picker to simply grab the hex value of a particular color. Hexy allows you to use the Eyedropper tool to simply click on the color of the object you’re after and copies it directly to your clipboard!

 

hex

 

16. WhatTheFont!

Seen a font in use and want to know what it is? Submit a screenshot to WhatTheFont to find the closest matches in their database.

whatthefont

 

17. Typewolf

Typewolf shows fonts in use on actual websites, as well as background info about the font and personal recommendations for similar fonts.

 

typefont

 

 

18. Size Marks

Size Marks is a helpful Photoshop script for web designers and front-end engineers. This script converts rectangular marquee to labeled measurement mark.

 

size-marks-show

 

19. Velositey Version 2

Velositey lets you design a website within seconds in Photoshop, letting you pick from several templates and modules.

 

velositey

 

20. FontAwesomePS

Search for an icon and click to create a new layer shape which you can easily edit.

 

fontawesome

 

21. Liveshare PS

With LiveShare PS you can now broadcast any Photoshop document to as many people as you want through an instant LiveShare meeting. If you make a change to your Photoshop document, they’ll instantly see your changes in the LiveShare meeting—you don’t even have to hit the save button!

 

liveshare

 

22. Photoshop Share plugin

Share your design instantly within Photoshop using Layer Hero’s Photoshop Share plugin.

 

share

 

 

23. Prisma

Ever missed the global color swatches from Illustrator in Photoshop? Prisma brings them consistently to all supported applications.

prisma

24. Free Lorem Ipsum Generator

The best Lorem Ipsum generator plugin for Photoshop, Illustrator, InDesign and Dreamweaver.

 

Free Lorem Ipsum Generator

 

25. Free Behance Presentation Builder

Helps you build your Behance portfolio presentations in a click with a free PSD File and PS Action.

 

behancebuilder

 

26. Kaku

A simple Photoshop plugin to translate your text layers to a different language.

 

kaku

 

27. Instagram Filters

A nice 13 filters pack that replicates the app Instagram for Photoshop.

 

instagram

 

 

28. VSCO Cam Effect in Photoshop Tutorial

Our friends at Go Media posted this stunning tutorial by Simon Hartmann, in which you can recreate a VSCO kind of effect within Photoshop. Have fun!

 

vsco

 

29. Social Kit

Social Kit by Made by Source covers images, profile pictures and ad banners for social media in a free up-to-date Photoshop plugin.

 

social

 

30. Mobile UI Blueprint psd files

Free Mobile UI elements PSD files by designer Chrometaphore.

 

mobileuiblueprint

 

31. Free Images

Previously known as sxc.hu, Free Images provides over 395,000 stock photos to download.

 

freeimages

 

32. UI Cloud

The largest user interface design database in the world, with over 46608 UI elements to download.

 

uicloud

 

 

33. Mock Up Zones

Mock Up Zones are so generous to have great collection of free Mock Ups for you to download. From iPads, iPhones, business cards to shirts.

 

mockupzones

 

34. Macbook Air and Thunderbolt Display

A stunning Macbook Air and Thunderbolt Display PSD’s free for you to download by designer Jozef Mak.

 

mac

 

 

35. Greyscalegorilla 3D Tutorials

Met this guy while we both were a speaker at OFFF 2010 and I got to say he’s a friendly and talented artist. His site is an inspiration for many 3D artists and full of tutorials for you to learn from.

 

greyscalegorilla

 

 

36. Vray Materials

Love this site! If you need free quality Vray materials for for example Cinema 4D, this is the site to go to.

 

vray-materials

 

 

37. Blendme

This extension for Adobe Photoshop and Illustrator searches thousands of assets, including popular icon packs, without having you to leave Photoshop or Illustrator.

 

blendme

 

38. AdobeKnowHow

Recently launched by Adobe, this site provides you free beginner courses for several Adobe programs.

 

adobe

 

39. Tuts+

A great site offering you free tutorials for several programs for you to learn. For beginners, but also for the professionals. You can never know enough.

 

tut+

 

 

40. Pixeden

Pixeden is a site not to be missed in this list and provides you a great collection of ‘freebies’ from mock ups, templates to text effects.

 

pixeden

Leave a Reply to » 40 free resources every designer should know

30 Responses to “40 Resources Every Designer Should Know”

  1. Thomas Egan

    Great work Jennifer! Very useful links.

    Reply
  2. Andre

    Thanks for sharing Jenn!

    Reply
  3. » 40 free resources every designer should know

    […] Jennifer Cirpici is a Dutch graphic designer and blogger. This post originally appeared on OtherFocus. […]

    Reply
  4. 40 free resources every designer should know - Berbit.net

    […] Jennifer Cirpici is a Dutch graphic designer and blogger. This post originally appeared on OtherFocus. […]

    Reply
  5. 40 free resources every designer should know – PRINCE J

    […] JENNIFER CIRPICI Jennifer Cirpici is a Dutch graphic designer and blogger. This post originally appeared onOtherFocus. […]

    Reply
  6. 40 free resources every designer should know * The New World

    […] Jennifer Cirpici is a Dutch graphic designer and blogger. This post originally appeared on OtherFocus. […]

    Reply
  7. peopleofcreative

    really, very useful link

    Reply
  8. google doodles

    Awesome post.

    Reply
  9. |photoshop tutorials for beginners|photoshop tutorial}

    Anyone necessarily assist in making significantly content articles I would personally condition. This is actually the very first time that I personally frequented internet page and therefore far? I personally impressed together with the homework you’ve made to produce this actual submit incredible. Fantastic task!

    Reply
  10. Viraj S

    Thanks a lot. Very useful

    Reply
  11. Zenko

    Must bookmark! Great share of tools, thank you.

    Reply
  12. elisha

    I really enjoyed your post as you have listed good list of resources for desingers. Your shared such best ones which really helped me a lot in taking my designing career forwarsd. Thank You for such huge information! Just to let you know, you can also find some more list here http://codecondo.com/10-best-websites-for-graphic-designers-to-explore-freebies/

    Reply
  13. David

    Thankyou for the wonderful resources. Let me add http://macrabbit.com/slicy/ as favoured UI tool.

    Reply
  14. Lucas

    You could also check out http://designvise.com which is a tool where designers can upload their designs and mocks for clients to annotate and comment on them. It’s free, easy, and mobile-friendly. Thanks!

    Reply
  15. André

    Don’t forget http://www.mockupworld.co/ – Tons of free and legal, fully layered, easily customizable photo realistic PSDs! Ready to use in your projects, app showcases and presentations!

    Reply
  16. Aduls

    Thanks for the post ! http://www.aduls.zz.mu

    Reply
  17. Carey Estes

    FYI, blendme.in is now defunct. http://blendme.in/

    Reply
  18. Core Media World

    Amazing. Great links Jennifer. Good job collating them all. Wonderful for newbie or established designers.

    Reply
  19. Andre

    Regarding Mockups: Check out http://www.mockupworld.co/ – tons of free photo-realistic mockups (PSD).

    Reply
  20. Jullian Regina

    Unreal!! Love these sites! I’d also add “Unsplash” its a free image site that have new images (for free) every day! The best! Many thanks!

    Reply
  21. Anita

    I Love you! <3 Thank you for sharing such an amazing list of design resources!

    Reply
  22. Daniel Polite

    Awesome working and very useful resources, thank you so much.

    Reply
  23. Zulficar

    Here is another one: http://pixelhours.com

    Reply
  24. Digital Shift

    Great list of useful tools. We are using several of the ones listed!

    Reply
  25. Ivan Tvnz

    Dear Jennifer, Thanks for sharing this useful post. really enjoy using Velositey and Gridzzly!

    Reply
  26. Sam

    Awesome, lots of love for sharing 🙂

    Reply
  27. Jaspal

    The list is almost perfect .. nicely written and a great theme.

    Reply
  28. On

    Thanks for the great post! This will surely help designers out there.

    Reply
TOP