AS you will find, this favorite design collection featured 17 collections itself, and 33 tutorials or materials about web design, web layout and other Photoshop design. There are some of them you may have missed before. Artists strive for developing original work. Exploring excellent works is one effective way of getting inspiration, enjoying this collection and make progress in growing your capabilities.
1. 40 Quality Photoshop UI Design Tutorials
Want to improve your interface design skills? If so, then check out this group of Photoshop tutorials. There are loads of tuts here to get started with basic elements and work your way up to full interface designs, which integrate numerous custom elements. If you’re looking to get started with Photoshop UI design or build these skills, then jump into these tutorials right now!
 |
2. 100 Artworks from the Top 20 Designers in The Middle East and Africa
To round off our Photoshop Around the World series, we head to the Middle East and Africa – where the design skills are as hot as the weather! The artworks here represent a huge variety of styles and creative approaches. Enjoy the last leg of our trip around the world!
|
|
3. 45 Step-by-Step Tutorials on Web Design with Photoshop
While many web designers create mockups in Adobe Fireworks and Dreamweaver, no design program gives you quite so much control as Adobe Photoshop. The lessons collected here will show you how to create gorgeous and functional complete websites, blogs, layouts, nav menus and headers in Photoshop.
 |
4. 50 Inspirational Quotes on the Art & Science of Design
Simple quotes can hold timeless and moving lessons. As designers, we’re lucky to have an exceptional pool of people who have spearheaded the industry over the years, crafting clever insights based on years of experience. Other contributors to this list aren’t designers at all, but have given an outsider’s fascinating insight into the world of design. Our hope is that these quotes will hope you approach your workday with a sense of inspiration and focus on what you really want to achieve.
|
|
5. 50 Totally Free Lessons in Graphic Design Theory
While many of us can create something that looks good in Photoshop or attractive when spliced into CSS, but do we actually understand the design theory behind what we create? Theory is the missing link for many un-trained but otherwise talented designers. Here are 50 excellent graphic design theory lessons to help you understand the ‘Whys’, not just the ‘Hows’.
 |
Logo design is a sub-school of graphic design with a very specific skillset. It can seem daunting to know where to start learning about this wonderful discipline. Here we’ve collected 40 fantastic logo design tutorials to help you add this new design skill to your arsenal.
 |
7. 8 Ideas, Techniques & Tricks for your Web Design Toolkit
As important as information and interface design are, it’s the satisfied feeling of designing something that just plain looks awesome that keeps us going during those times when the creative well is dry, when you’ve stared at a blank canvas for hours, when you’ve saved a hundred attempt.psd’s, and when you’re fed up of design. It’s because you know that when you have that finished, polished, veritable work of art up on your screen, and you’ve switched Photoshop into full screen mode and you’re looking at it from different angles around the room, and you’re basking in the glory of your perfectly positioned pixels, you just know that this is the greatest profession in the world!
 |
8. 23 Awesome Examples of Design as a Force For Good
While design is too often used as a means to persuade us to buy, buy and buy some more, it is less often but more importantly used as a means to communicate positive messages and encourage action. Here we showcase 23 examples where graphic design has been used not to sell us products we don’t need, but instead, to fight poverty.
 |
9. 10 Ways to Take Design Action and Make a Positive Difference in the World
Can we make a positive difference in the world through the use of design? If so, how? Let’s look at ten ways to take decisive action through the use of design. Designers deliver messages with impact, and are trained in conceptual and high-value visual thinking. They can use these skills to assist non-profits, eco-friendly companies, and active charity groups. We can raise funds through the sale of our donated design work, launch projects with big concepts that are grounded in practical campaigns, and more. Let’s discuss some of these ideas.
 |
10. 6 Interface Design Principles and Tips Every Web Designer Should Know
Good interface design is like the air we breathe – it’s there when you need it and you use it without thinking. If you’ve ever used a bad interface design, struggled to get around a site, clicked away because you couldn’t figure out what was going on, not been able to complete a task you had in mind, or just been plain confused, you’ll know the perils of going wrong in this area. Websites are not pretty pictures, they are there to be used and consumed, so it’s pretty important that as web designers we spend a good portion of time thinking about usability. In this article we’ll consider some of the big usability issues and my tips for being a better interface designer.
 |
11. 51 Unique And Creative Designer Fonts: Instructions Included
Finding the appropriate?font for your designs is not always easy.?You can rarely rely on the standard default pack of fonts that Adobe Photoshop offers.?Sure they have a lot of options, but remember this is the same list that everyone else who owns the program has at their disposal as well.?Downloading you [...]
 |
12. Top 20 Design Inspiration Galleries
I use web galleries all the time when I’m stuck for an idea. Its not copying, its just design inspiration, and there are so many juicy sites out there that showcase great designs. Included in the compilation are a mixture of galleries that showcase beautiful websites, logos, illustrations, fonts and vectors.
 |
13. 9 Design Blogs to Follow in 2009
It’s been a big year for the Design Community. We’ve taken the liberty of finding the past years greatest design blogs that you should be subscribed to in 2009!
 |
14. 5 Books Every Designer Needs
The author details Web Design and Interaction Design books for beginner to advanced readers.
 |
15. 22 Beautiful jQuery Plugins for Web Designers
This collection of jQuery plugins might come in handy next time you’re building a site. This post highlights some of the more aesthetic plugins online that can add a spark of creativity into your web design.
 |
16. 30 Top Photoshop Tutorial Websites For Web Designers
The internet is swarming with tutorial websites, many of which are to do with or provide photoshop tutorials. Ive done the hard bit and separated the best ones from the ever growing crowd.
 |
17. 16 Great Graphic Design Blogs and Sites
What are your favorite design blogs and sites? There are so many design blogs now, that your top list is sure to be a bit different. Here we’ve collected 16 great design sites that consistently bring high-quality material to their audience. They are filled with great resources, original material, thought provoking articles, or well constructed design tutorials that keep you growing as a designer. Add these sites to your feed reader, if they aren’t already in there!
 |
18. Graphic Design Week Wrap-up
After 7 days of hectic posting we’ve come to the end of our special Graphic Design Week event! During the week we featured 12 Tutorials, 9 Articles, 5 GraphicRiver Roundups, and 2 Competitions. So there’s a pretty good chance that some of you might have missed a couple of posts. Before we resume our regular Tuts schedules tomorrow, we thought we’d take a breather for a day and just roundup all the posts from our big week and say thank you to the authors who helped make it possible and our two sponsors – GraphicRiver and UPrinting!
|
|
19. Design a Ready to Print Brochure in Photoshop
This time I’ll help you to create a ready to print three-fold brochure from scratch using only Photoshop. This tutorial is ideal for beginners and for people who want to know more about print design. Let’s get it started!
 |
20. Create and Print a Brochure with Photoshop, Indesign and UPrinting.com – Part 1
Years ago when I first decided that I’d like to try out print design (my background is in web and screen work), I had this impression that there was some magically difficult things you had to know to get stuff printed. The reality is that for simple projects it’s actually very easy. In this tutorial I will walk you through the complete process of designing a simple brochure, getting it ready for print and then actually uploading it to a commercial online printer, checking the proof and seeing the finished product.
|
|
21. Make a Quick’n’Dirty Letterhead in … MS Word!
Yes you read that title correctly! In this tutorial we are going to take the brand we created in Part 1 and make a letterhead for Microsoft Word to accompany the business cards we put together and printed in Part 2. While traditional letterheads are made by getting them printed at a printers and then running the letterhead paper through the printer, in my experience there are a great many clients who are either too cheap or too lazy to take that option. For all those types of clients (including me!) this is a really easy way of providing a letterhead at very little expense that still looks professional.
|
|
22. Teach Yourself Graphic Design: A Self-Study Course Outline
Fortunately, it isn’t required to go to design school in order to be a graphic designer. A good foundation in graphic design history, theory, and practical application will help you hit the ground running. There are plenty of resources available in which you can learn graphic design on your own. Don’t set your expectations to high at first, as it will take enthusiastic study for years to become great. You can do it though! If you would like to learn graphic design from the ground up, through self directed study, then this article lists some great resources that will get you started with your design education. Also, even if you do go to design school, at least three-fifths of your education will be through self directed study anyway. Let’s get to it!
 |
23. Make Your Design Work Look Awesome with a Product Mockup
When you have to present your concept design work to a client it really helps if you can give it a bit of added realism to help them imagine the final result. And that’s where Product Mockups come in. These very cool files on GraphicRiver will let you very quickly place your design work into a mockup of their final spot. Not only will you love them for presenting concept work, but next time you’re making a web portfolio these gems will help your work really shine.
 |
24. How to Elevate Your Website Design Process and Results
This tutorial will guide you through the process and ideas behind the designing a professional website with a funky flair in Photoshop. The tutorial will read much like a "choose your own adventure" novel in the hopes it will encourage creativity and uniqueness in your design with a little advice and instruction along the way. Adventure time!
 |
25. Create a Magic Night Themed Web Design from Scratch in Photoshop
The past days I was looking for inspiration in famous old paintings, and got interested on "Starry Night" of Van Gogh and thought: Can I apply this to web design? And the answer is Yes! Then after several hours of work, here’s my tutorial for you, an artistic web design depicting a "Magic Night" concept.
 |
26. How to Design a Dramatic Winged Dragon with Photoshop
We’ll be creating a fantasy illustration in this tutorial, I’ll show you how to merge two images into one using layer Masks and reshape a picture using the Liquify Filter. We’ll take an image of a baby iguana and another of a bat, then combine the two to create a fantasy dragon. Let’s get started!
 |
27. Mascot Design In Real Time Order – the SOSFactory Way
Hello buddies, this is Sergio Ordóñez from SOSFactory and this time I’m going to talk about my workflow used to design mascots for websites. This process in this article was described in real time as I created the designs. Let’s look at this more closely.
 |
28. 7 Steps to Developing Originality in Your Design and Illustration Work
Developing original work is something that artists strive for. Certainly we’re inspired by multiple sources, but ultimately it’s our synthesis of influence, discovery, passion, and process that determines the outcome of our work. Following are some steps you can take to drive your work forward into original frontiers.
 |
29. Create a Wicked-Worn Vintage Pop Art Design
Pop art is alive! As I’m a big fan of grunge style, I’ll show you how to design a simple but nice vintage pop art piece with some wear and tear. This is a basic to intermediate tutorial, so you don’t need to be a guru to work with this effect and get an awesome result!
|
|
30. Inspiration – Futuristic Graphic User Interface Design
Futuristic GUI design is sought after by companies in niches like electronics, software, and gaming. It’s a style of design that requires intensive Photoshop skills. Let’s take a look at some artists that are masters in this area of design. We’ll point you in the direction of some beginner tutorials on the subject. Also, let’s look at some additional resources where you can continue to be inspired and hone your skills.
 |
31. Design an Album Cover Using Spectrograms
How would you illustrate sounds? Would you make them as musical notes, key signatures, elegant swirls, or wild swooshes? Well let’s put away all those for now and look at spectrograms – audio recordings in visual format. We’ll be using these in designing a cover for a solo piano album entitled The Storm. And to top things off, we’ll also display the cover in a Photoshop enhanced environment.
 |
32. Design a Classic Muscle Car Concept Depicting Horse Power
This time we’ll create a classic car concept. You learn some useful techniques for combining images into interesting designs. We’ll add Motion Blurs and Radial Blurs to create a speed sensation, and other tricks as well. Keep in mind, your designs are as much your creative thinking, as they are the techniques you use to make them.
 |
33. Arrows, Lines, and Improving Your Photoshop Workflow
The focus of this tutorial will be on adding efficiency and flexibility in your workflow. When working as a designer or artist in a commercial setting you not only have to be creative, but you have to be able to build files that allow you to go back and easily make changes. Learn Photoshop workflow improvements, while reconstructing a magazine cover made up of arrows and lines.
|
|
In this tutorial Nik Ainley walks us through the process of making a spectacular image. This tutorial focuses on the big picture steps taken to create this image. You’ll learn some incredible techniques in this tutorial, and get a view into how Nik creates beautiful photo-manipulation based images. Let’s check it out.
|
|
35. Create a Mobile Phone Ad Design
Let’s design a mobile phone advertisement. It’s inspired by mobile phone posters, billboard designs, and magazine advertisements. We’ll be reviewing using Smart Filters and Objects in this tutorial, as well as multiple techniques to create this design.
|
|
36. Design a Cartoon Grunge Web site Layout
Learn how to add a worn look that works well with cartoon-style graphics. Different flavors of grunge styles are popular all over the Web right now. Learn a unique approach to wear and tear that you can incorporate into your next Web site design.
 |
37. Part I: How to Add Flaming Decals to a Modern Car Design
This tutorial will explain the steps needed to turn this boring Prius into an awesome street racer. This tutorial is aimed at intermediate users of Photoshop, those who know most of its basic tools and how to use them. This is Part I of a two-part series.
 |
38. Part II: How to Add Flaming Decals to a Modern Car Design
This tutorial will explain the steps needed to turn this boring Prius into an awesome street racer. This tutorial is aimed at intermediate users of Photoshop, those who know most of its basic tools and how to use them. This is Part II of a two-part series. Get situated comfortably in your chair, as we pick this series up from where we left off.
| |
39. Create Rainbow Logos with Warped Grids
This tutorial is another user’s request. It’s an easy technique, but I’m sure you will be able to use it in all sorts of designs. It’s very versatile. In this case, I used this technique for a logo, but I could use it to create grids with light effects as well.
|
|
40. Create a Cool Music Logo on a Grunge Background
I really like the artwork that is used in Pitchfork’s Web site, so I decided to recreate something similar in Photoshop and make a tutorial on how I did it. These techniques can be used to make a logo and background for a cool grunge-style Web site.
 |
41. Design a Shiny Photorealistic Apple Remote
Apple has so many beautiful products. Their product designs consistently attain a sought-after status, which distinguishes them as an innovative company. In this tutorial, I’ll teach you how to make a shiny new apple remote.
|
|
42. Valentines Day – Photoshop Style
A few days ago, I decided to make a special present for my girlfriend. I also thought this technique could be used by others that have the same plan, so here it goes. I will teach you some nice techniques that could improve your experience and also help you make a great gift.
 |
43. Creating A Fantastic Fantasy Night Sky In Photoshop
Last month while I was selecting some images for blog post, I found an amazing design created by Nik Ainley, one of my favorite Photoshop masters. He had created some incredible clouds using Photoshop. I thought to myself, “Damn that’s really cool. I have to know how to do something like that!” So in this tutorial, I will show you how to create cartoon-style clouds using Photoshop and a bit of Illustrator.
|
|
44. Design a Retro Style Ribbon
Are you interesting in retro style? I have one interesting tutorial for you how to make a retro style ribbon by yourself.
 |
45. Original Clean Style for Your Website
In this lesson I will show you how to create an excellent navigation bar (menu) for your website, which you may use further as finished design.
 |
This Photoshop tutorial will explain you how to design similar to the vector bow using Dodge Tool and Burn Tool.
 |
47. Design Beer Glass and Bottle
Well, in this easy Photoshop tutorial I’m going to be teaching you how to design beer glass and bottle.
|
|
48. Design a Stylish Fashion Advert
In this Photoshop tutorial we’ll be designing a simple but stylish fashion-themed advert. You know, so you can sell sunglasses and stuff.
 |
Have you ever tried finding a golden ribbon inside of a chocolate bar wrapping to no avail? Well that’s obviously because there are none in them! Just joking, but seriously, who needs real ribbons when we can make our own? In this quick Photoshop tutorial we’ll be designing our own sweet, golden ribbon! This is a basic tutorial, however I won’t exactly be detailing all the tools, etc. in-depth so much, so this might be suitable for new Photoshop users.
 |
50. Designing a Simple but Professional Website Design
Well, in this easy Photoshop tutorial I’m going to be teaching you how to make a nice website design, a professional (business-style) website design, that is. You can see the website design I’ve made using this tutorial below.
|
|
For help, advice, tips and tricks, challenges, feel free to visit our
or Submit your good resource to share.
Reminder: Unless stated otherwise, all resources published on this site are NOT for commercial use. To use any resource from this site for commercial purposes, please contact the author.
