The Best Free Resources For Graphic Designers: Websites, Icons, Templates, Mockups and Tutorials

May 14, 2013 § 11 Comments

Over the past couple of years alongside my University degree I have taught myself how to use graphic design software and have had a lot of help from stumbling across free resources along the way. It seems whenever I talk to another creative, we both have these favourite free locations or items the other doesn’t know about and so I thought I would put together a post and share them all! This list contains works and sites from many designers and some from myself; a few are downloadable files and others are websites that offer help in other ways – but all are free!


Follow me on my Dribbble page, a community for designers.

lukeandjules_resources-magazine-mockup

1. Magazine mockup: Two really great digital magazine psd mockups by Carlos Viloria. An open spread version here and a double page spread with cover version here.

lukeandjules_resources-stationary-mockup

2. stationary set: A fantastic free stationary mockup set here, including business cards, envelopes, letterheads, iPads, iPhones and other branding elements.

lukeandjules_resources-social-media-icons

3. social media icon set: My own free and complete social media icon set, a nice collection of psd social icons here, and a set of png social icons.

lukeandjules_resources-iphone

4. iPhone templates: A great collection of 20 different iPhone 5 mockups from different angles here, another version here with a model hand holding the device, and a simple front view of a white and black iPhone 5 here.

lukeandjules_resources-ipad

5. iPad templates: iPad 2 front view psd here, a nice angled shot of the iPad Mini here in psd format (which I tend to use to showcase tablet-designed designs in general), and three viewpoints of the iPad Mini White in psd format here.

lukeandjules_resources-apple-computers

6. Apple Computer templates: Front view MacBook Pro psd here, angled MacBook Air here, front view of the MacBook Air that I also use a lot (big fan of this one!), Apple keyboard psd here, and a nice iMac psd mockup here to complete the set.

lukeandjules_resources-ui

7. Free UI kit: A great clean UI kit here that would work for anyone, a really nice Apple Safari Lion UI set here, a UI icon kit here, and a brilliant Metro psd UI kit that took someone a long time to create!

lukeandjules_resources-icons

8. Icons: A fantastic set of pixel perfect psd icons that I used a lot when I first started UI work, some simple UI icons here that I think look great, the amazing ‘climacons’ by Adam Whitcroft here (that I think every designer in the world uses), and another set of web icons with a nice layer style here.

lukeandjules_resources-browser-template

9. Browser Template: An Apple Safari Browser psd template here to showcase your web designs or display sites – another of mine.

lukeandjules_resources-psd-templates

10. PSD template: Here are a few of my favourite psd templates that can be used for anything. Firstly, a browser magnify psd to zoom and highlight design details, a set of amazing horizontal paper psd rule lines to break up content, a wooden bookcase psd similar to the iBook store design, and a set of psd stitch graphics.

lukeandjules_resources-noun-project

11. thenounproject.com: The holy grail of icon websites. Up until very recently this site was completely free although now you are encouraged to credit the original designer or pay a dollar or two to wave the action. Thousands of icons, easily categorised and vectored – thenounproject.com

lukeandjules_resources-abduzeedo

12. Abduzeedo: This website is great for general inspiration and discovering interesting new design work across the world. It also has a brilliant and huge archive of step-by-step tutorials for Photoshop, Illustrator, Fireworks, Pixelmator and others (I essentially taught myself layer styles using this site). Every Friday they also release a few free fonts to add to your collection.

lukeandjules_resources-subtlepatterns

13. subtlepatterns.com: An incredible free resource for digital designers. Subtlepatterns.com contains hundreds of free downloadable digital patterns to add a touch of texture to your screen designs – subtlepatterns.com

lukeandjules_resources-adobe-tv

14. Adobe TV: If you are just starting out using design software, or if you have stumbled upon these free downloads and wonder how to use them, then Adobe TV is a great place to start. Discover free and easily digestible tutorial videos outlining the key things to get started – Adobe TV.

lukeandjules_resources-adobe-kuler

15. Kuler.adobe.com: A great place to find colour palettes for your project; organised, well presented, and again, completely free – kuler.adobe.com

lukeandjules_resources-thechive

16. The Chive: Because everyone needs a break… – thechive.com

Advertisements

Tagged: , , , , , , , , , , , , , , , , , , , , , , , , , ,

§ 11 Responses to The Best Free Resources For Graphic Designers: Websites, Icons, Templates, Mockups and Tutorials

  • AC Repair says:

    What’s Happening i’m new to this, I stumbled upon this I have found It
    absolutely helpful and it has aided me out loads. I’m hoping to give a contribution & assist other users like its aided me. Good job.

  • I read this paragraph fully on the topic of the
    comparison of latest and previous technologies, it’s awesome article.

  • Hey I am so grateful I found your webpage, I really found you by accident, while I was researching on Bing
    for something else, Nonetheless I am here now and would just like
    to say thanks for a tremendous post and a all round thrilling blog (I also love the theme/design), I don’t
    have time to look over it all at the minute but I have bookmarked it and also included your RSS feeds, so
    when I have time I will be back to read a great deal more, Please do keep up the awesome jo.

  • Youtube.Com says:

    Hey there I am so delighted I found your website, I really found you by error,
    while I was looking on Yahoo for something else, Regardless I am here now and
    would just like to say thanks for a tremendous post and a all
    round exciting blog (I also love the theme/design), I don’t have time to browse it all at the minute but I have saved it and also added in your RSS feeds,
    so when I have time I will be back to read much more,
    Please do keep up the great work.

  • Actually when someone doesn’t understand after that its up to other
    people that they will help, so here it takes place.

  • I think everything typed was very logical.
    But, what about this? suppose you wrote a catchier
    title? I mean, Idon’t want to tell you how to run your website, however
    suppose you added a post tiyle to possibly grab folk’s attention?
    I mean The Best Free Resources For Graphic Designers: Websites, Icons, Templates, Mockups and Tutorials | luke annd jules is kinda boring.
    You should peek at Yahoo’s front page and see how they create news titles to get peoople
    to click. You might add a video or a picture or two to grab readers excited about everything’ve got too say.

    In my opinion, it might bring your posts a litle livelier.

    • luketctaylor says:

      The idea was to use many keyword in the title so that it appeared in more searches, rather than make it catchy but your point is valid. Thanks for sharing your thoughts!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

What’s this?

You are currently reading The Best Free Resources For Graphic Designers: Websites, Icons, Templates, Mockups and Tutorials at luke and jules.

meta

%d bloggers like this: