[Jennifer Cirpici]
JENNIFER CIRPICI<http://thenextweb.com/author/jennifercirpici/>
21 December '14, 01:00pm
Follow<https://twitter.com/JenniferCirpici>
Jennifer Cirpici is a Dutch graphic designer and blogger. This post originally appeared onOtherFocus<http://www.otherfocus.com/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. Best of all, they are totally free and available for you to download.
Bookmark this post so that you can always look back at this great list that can help you succeed.
1. Fribbble<http://fribbble.com/>
Icons for your website, an iPhone mock up or PSD's for your landing page, Fribbble is the place to be.
[fribbble 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/fribbble.jpg>
2. Behance project template<https://www.behance.net/gallery/15523305/Behance-Tips-for-a-successful-portfolio>
Many of us struggle when posting a project at Behance<https://www.behance.net/>. How do we get it to make it look right? First of all, read this<http://www.ferencpetho.com/blog/behance-full-bleed-portfolio-image/> article - then download this nifty background template.
[behance 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/behance.jpg>
3. psddd.co<http://psddd.co/>
Another great site to get free PSD files, blurred background or UI elements.
[psd 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/psd.jpg>
4. COLOURlovers<http://www.colourlovers.com/palettes>
Struggling to get the perfect color combination? This is a site that I go to. It's perfect for some visual inspiration!
[colourlovers 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/colourlovers.jpg>
5. CG textures<http://cgtextures.com/>
A great site where you can download free stock images<http://thenextweb.com/dd/2014/05/15/53-free-high-quality-image-resources/>. From rocks, sky to trees. Very handy when it comes down to matte painting!
[cgtextures 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/cgtextures.jpg>
6. Subtle Patterns<http://subtlepatterns.com/>
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.
[subtlepattern 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/subtlepattern.jpg>
7. Webydo<http://www.webydo.com/>
Webydo lets you design a website for free - without code. Hallelujah!
[webydo 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/webydo.jpg>8. GuideGuide<http://guideguide.me/>
Guides can be a pain in the ass when it comes down to Web design, so here is a simple solution.
[guide 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/guide.jpg>
9. No more banding<http://nomorebanding.com/>
Often we experience banding when working with gradients within Photoshop. With this action, you can say farewell to them and make gradients look more smooth.
[banding 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/banding.jpg>
10. Gridzzly<http://gridzzly.com/>
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 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/grid.jpg>
Next: Tools for icons, sizing and more
11. Makeappicon<http://makeappicon.com/>
This tool resizes and optimizes your icon designs into all formats needed for iOS and Android mobile app!
[makeappicon 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/makeappicon.jpg>
12. Perfect Effects 3 <http://www.ononesoftware.com/products/effects9free/>
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 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/effects.jpg>
13. Cut & Slice<http://www.cutandslice.me/>
Use Cut & Slice to export your assets to different devices in seconds. Improve your workflow by just naming your layers.[cutandslice 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/cutandslice.jpg>
14. Layrs Control 2<http://madebyvadim.com/layrs/>
A free Photoshop extension of a collection of seven scripts that make tedious job easier.
[layrs 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/layrs.jpg>
15. Hexy<http://missingpixels.io/plugins/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 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/hex.jpg>
16. WhatTheFont!<https://www.myfonts.com/WhatTheFont/>
Seen a font in use and want to know what it is? Submit a screenshot to WhatTheFont to find the closest matches in its database.
[whatthefont 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/whatthefont.png>17. Typewolf<http://www.typewolf.com/>
Typewolf shows fonts in use on actual websites, as well as background info about the font and personal recommendations for similar fonts.
[typefont 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/typefont.jpg>
18. Size Marks<https://github.com/romashamin/Size-Marks-PS#install>
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 40 free resources every designer should know]<https://github.com/romashamin/Size-Marks-PS#install>
19. Velositey Version 2<http://dandkagency.com/extensions/velositey-v2/>
Velositey lets you design a website within seconds in Photoshop, letting you pick from several templates and modules.
[velositey 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/velositey.jpg>
20. FontAwesomePS<http://creativedo.co/FontAwesomePS>
Search for an icon and click to create a new layer shape which you can easily edit.
[fontawesome 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/fontawesome.jpg>
Next: More Photoshop freebies
21. Liveshare PS<http://www.invisionapp.com/new-features/24/liveshare-ps-real-time-design-meetings-inside-photoshop>
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, the tool will instantly see your changes in the LiveShare meeting-you don't even have to hit the save button!
[liveshare 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/liveshare.jpg>
22. Photoshop Share plugin<http://www.layerhero.com/photoshop-share-plugin/>
Share your design instantly within Photoshop using Layer Hero's Photoshop Share plugin.
[share 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/share.jpg>
23. Prisma<http://www.codeadventure.com/prisma>
Ever missed the global color swatches from Illustrator in Photoshop? Prisma brings them consistently to all supported applications.
[prisma 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/prisma.jpg>
24. Free Lorem Ipsum Generator<http://www.layerhero.com/lorem-ipsum-generator/>
The best Lorem Ipsum generator plugin for Photoshop, Illustrator, InDesign and Dreamweaver.
[Free Lorem Ipsum Generator 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/Free-Lorem-Ipsum-Generator.jpg>
25. Free Behance Presentation Builder<https://www.behance.net/gallery/16522285/Free-Behance-Presentation-Builder>
Helps you build your Behance portfolio presentations in a click with a free PSD File and PS Action.
[behancebuilder 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/behancebuilder.jpg>
26. Kaku<http://kaku.ps/>
A simple Photoshop plugin to translate your text layers to a different language.
[kaku 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/kaku.jpg>
27. Instagram Filters<http://friabrisa.deviantart.com/art/Instagram-13-Filters-PS-Actions-359911622>
A nice 13-filter pack that replicates the app Instagram for Photoshop.
[instagram filer pack 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/instagram-filer-pack.jpg>
28. VSCO Cam Effect in Photoshop Tutorial<http://gomedia.us/zine/tutorials/easy-to-accomplish-vsco-cam-effect-in-photoshop/>
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 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/vsco.jpg>
29. Social Kit<http://socialkit.madebysource.com/>
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 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/social.jpg>
30. Mobile UI Blueprint psd files<https://dribbble.com/shots/1679085-Mobile-UI-Blueprint-freebie>
Free Mobile UI elements PSD files by designer Chrometaphore.
[mobileuiblueprint 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/mobileuiblueprint.jpg>
Next: The last 10 tools!
31. Free Images<http://www.freeimages.com/>
Previously known as sxc.hu, Free Images provides over 395,000 stock photos to download.
[freeimages 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/freeimages.jpg>
32. UI Cloud<http://ui-cloud.com/>
The largest user interface design database in the world, with over 46,608 UI elements to download.
[uicloud 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/uicloud.jpg>
33. Mock Up Zones<https://www.facebook.com/mockupzone/notes>
Mock Up Zones have great collection of free Mock Ups for you to download - from iPads, iPhones, business cards to shirts.
[mockupzones 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/mockupzones.jpg>
34. Macbook Air and Thunderbolt Display<https://dribbble.com/shots/1121719-PSD-Macbook-Air-Thunderbolt-Display-Freebie>
A stunning Macbook Air and Thunderbolt Display PSD's free for you to download by designer Jozef Mak.
[mac 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/mac.jpg>
35. Greyscalegorilla 3D Tutorials<http://greyscalegorilla.com/blog/tutorials/>
Met this guy while we both were a speaker at OFFF<http://www.offf.ws/#/> 2010 - he's a friendly and talented artist. His site is an inspiration for many 3D artists and full of wonderful tutorials.
[greyscalegorilla 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/greyscalegorilla.jpg>
36. Vray Materials<http://www.vray-materials.de/all_materials.php>
If you need free quality Vray materials for for example Cinema 4D, this is the site to go to.
[vray materials 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/vray-materials.jpg>
37. Blendme<http://blendme.in/>
This extension for Adobe Photoshop and Illustrator searches thousands of assets, including popular icon packs, without having you to leave Photoshop or Illustrator.
[blendme 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/blendme.jpg>
38. AdobeKnowHow<https://www.adobeknowhow.com/>
Recently launched by Adobe, this site provides you free beginner courses for several Adobe programs.
[adobe 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/adobe.jpg>
39. Tuts+<http://design.tutsplus.com/>
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 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/tut-.jpg>
40. Pixeden<http://www.pixeden.com/free-design-web-resources>
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 730x438 40 free resources every designer should know]<http://cdn1.tnwcdn.com/wp-content/blogs.dir/1/files/2014/12/pixeden.jpg>
If I missed your favorites, please share them in the comments below!
Nenhum comentário:
Postar um comentário