Useful Adobe Photoshop Techniques, Tutorials and Tools

Advertisement

As web designers, we always have something new to learn. Over the last decade our workflow has changed dramatically — it’s become more sophisticated and highly diversified. Not only do we have a much larger variety of improved tools to use; there’s also an endless stream of new techniques emerging and spreading within the web design community via social networks.

And this is where the opportunity to learn new useful, practical approaches and techniques comes in. We can learn by exploring the different design approaches other designers have taken, when solving their problems and apply these approaches to our work to become more productive and skilled. Therefore, our editorial team is permanently looking for interesting techniques, tools and tutorials, which we carefully select and present in round-ups on Smashing Magazine. You needn’t love our lists, but they often will give you some useful ideas and advice.

Below you’ll find an overview of new useful Adobe Photoshop techniques and tutorials that we’ve found and collected over the last months. We sincerely hope that at least some of the techniques presented there will help you improve your graphic design skills in Adobe Photoshop. And sincere thanks to all designers and developers whose articles are featured in this review. We respect and appreciate your contributions to the design community, folks!

Photoshop Techniques and Tutorials

Illustration

Create an Awesome Number-Based Illustration1
In this tutorial, you will how to combine the power of the pen tool with some patterns and shapes to create an original and vivid illustration. You’ll also learn some tips for workflow, along with a variety of design skills that you can apply in your own design works.

Create an Awesome Number-Based Illustration2

iPhone Photoshoot Video3
Michael Flarup recorded 6 hours of work with 1000+ layers in Photoshop and made a video speeding up the process. The illustration was designed for a Smashing Magazine’s article How to Market Your App4.

Photoshoot Wallpaper & Video5

Blood and Milk Typography Poster in Photoshop6
This tutorial shows you how easy with few basics steps you can create original typography poster in Photoshop. With this technique you can create interesting flyers for clubs or you can use it in advertisements.

Blood and Milk Typography Poster in Photoshop7

Adobe CS5 Design Premium Box Artwork in Photoshop8
In this tutorial you will learn how to create a design like the one you’ll find see on the Adobe CS 5 Design Premium Box. Actually, it’s fairly simple and you will be playing with pattern a lot. If you want to create the design of the Photoshop CS 5 box, for example, it will be pretty much the same process.

Adobe CS5 Design Premium Box Artwork in Photoshop9

Simple Roy Lichtenstein Style in Illustrator and Photoshop10
Learn how you can apply the Halftone filter in Photoshop and the Width Tool in Illustrator CS 5 to create an image inspired by Roy Lichtenstein’s style.

Simple Roy Lichtenstein Style in Illustrator and Photoshop11

How To Design a 3D Wooden Box in Photoshop12
In this tutorial, you’ll learn to make a Wooden Box with a realistic touch. Along the way, you will be learning various tips such as using layer-sets for putting a group of layers together that you’d want to move/resize alt at a time. With layer-sets, the tedious work of selection of multiple layers for moving/resizing can be avoided.

How To Design a 3D Wooden Box in Photoshop13

Ursus – Brief Process Examination by Justin Maller14
This post is a case study or a brief process examination sent by Justin Maller, in which he explains how he created the original and abstract Ursus artwork.

Ursus - Brief Process Examination by Justin Maller15

Design a Vintage Radio Icon in Photoshop 16
In this Photoshop Tutorial, you’ll learn how to design an old vintage radio using simple shapes, gradients, patterns and textures.

Design a Vintage Radio Icon in Photoshop 17

Brushing Up On Photoshop’s Brush Tool 18
Developing Photoshop brush skills takes time, but it is well worth the effort. This article outlines the plethora of options that Photoshop affords, so that you can efficiently create and use brushes like the Old Masters.

Brushing Up On Photoshop's Brush Tool 19

Create a Colorful Space Scene in Photoshop 20
In this tutorial you’ll learn how to create a colorful illustration that includes the Earth, the Moon, a starry sky and some beautiful light effects.

Create a Colorful Space Scene in Photoshop 21

Realistic, High Quality Printer Icon in Photoshop22
In this long tutorial you will learn how to use vector masks and layer styles in Photoshop to create a slick looking ink printer reminiscent of some Canon and HP ink printers.

  Photoshop Tutorial: Realistic, High quality printer icon 23

500+ Photoshop Brushes for Creating Brush Strokes 24
This review presents Photoshop brushes that will allow you to easily create realistic paint brush stroke effects. There are 18 free brush sets included, overall more than 500 brushes.

500+ Photoshop Brushes for Creating Brush Strokes 25

Master Repeating Patterns in Photoshop 26
Ths tutorial explains how a repeating pattern can be created given that there are spaces around the original shape. In the process, you will get a grasp on creating repeating patterns in Photoshop.

Master Repeating Patterns in Photoshop        27

Creating a Furry Possum in Photoshop 28
In this detailed tutorial, you will learn some techniques used to create the possum (one of the possum brothers) from the animated cartoon-Ice Age.

Creating a Furry Possum in Photoshop 29

Simple Underwater Scene in Photoshop30
This tutorial shows you how to create a underwater scene with bubbles and light effects.

Simple Underwater Scene in Photoshop31

How to Create a Photo Realistic Camera32
This article demonstrates a powerful combination of vector shapes, layer styles, and manual drawing to create a photorealistic camera. In fact, the result is so realistic that you’d think it’s just an ordinary photo.

How to Create a Photo Realistic Camera33

Making a Book of Magical Playground Scene34
This tutorial will show how to create a fantasy book scene. The designers will be using various advanced Photoshop techniques to make the composition as realistic as possible.

Making a Book of Magical Playground Scene35

Photoshop Poster Design Tutorial36
This tutorial shows you how to design a great looking poster to celebrate Adobe Photoshop’s 20th Anniversary.

Photoshop Poster Design Tutorial37

Opacity + Photoshop Blend Modes = Pattern Magic38
When it comes to creating patterns, the ability to duplicate a layer is one of Photoshop’s greatest features.The trick is to pay attention more to how shapes interact than to how a shape looks on its own. This article explains this and other techniques for creating patterns in Photoshop.

Opacity + Photoshop Blend Modes = Pattern Magic39

Create a Photo Realistic USB Cable in Photoshop40
In the right hands, Photoshop’s pen tool can be a very powerful tool for creating incredible; even photo realistic images. This tutorial demonstrates exactly that, and shows how to draw a photo realistic USB cable in Photoshop.

Create a Photo Realistic USB Cable in Photoshop 41

Fresh and Excellent Photoshop Tutorials For Designing Posters42
With Photoshop manipulation tools, you can create and edit images for Web and print. Below you will find some tutorials on poster design from 2010.

Fresh and Excellent Photoshop Tutorials For Designing Posters (From 2010) 43

How to Create a Retro Sci-Fi Computer Game Poster44
Combine stock photos and design resources to create an attractive retro sci-fi themed game poster that is inspired by Atari games of the 80s.

How to Create a Retro Sci-Fi Computer Game Poster45

Create a Calendar Using Scripting in Photoshop 46
This tutorial explains how to generate a full year, custom background calendar in Photoshop using JavaScript.

Create a Calendar Using Scripting in Photoshop 47

5 Advanced Photoshop Techniques for Web Designers48
Sometimes you need that extra Photoshop knowledge in order to achieve the look you need. In this step-by-step tutorial, Marko Prljić shows you how to create five killer effects for your site. You many want to check the second part of the article49 , too.

5 Advanced Photoshop Techniques for Web Designers50

Typography

Creating Retro Folded Typography Using Photoshop51
In this Photoshop tutorial, you will learn to create retro-looking text that seems like it’s constructed using folded strips of paper.

Creating Retro Folded Typography Using Photoshop52

40+ Gorgeous and Artistic Typography Tutorials Using Photoshop53
An overview of professional creative step-by-step typography tutorials using Adobe Photoshop which can enrich your design skills and improve the quality of your work.

40+ Gorgeous and Artistic Typography Tutorials Using Photoshop54

How to Create Inset Typography in Photoshop55
In this beginning-level design tutorial, you’ll learn how to apply a beautiful and easy text treatment in Photoshop: the inset text effect.

How to Create Inset Typography in Photoshop56

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5 57
This tutorial will show you how to create a text effect using a photo of a rope and the Puppet Warp tool.

Cool Text Effect with the Puppet Warp Tool in Photoshop CS5 58

3D Water Text Effect with Repoussé in Photoshop CS559
In this tutorial you’ll see how to create a water text effect with Photoshop. Even though it might look complex, it’s a very simple effect. You will be using the new Repoussé tool and then some stock photos to create the effect.

3D Water Text Effect with Repoussé in Photoshop CS560

Create a Distressed Vector Typographic Poster Design61
Follow this step by step walkthrough of Chris Spooner’s recent design process for the ‘Spectrum’ poster. Starting with custom made type in Illustrator, you’ll move vector graphics into Photoshop for some serious distressing with Photoshop brushes and blending modes.

Create a Distressed Vector Typographic Poster Design62

Photography

How To Make Digital Photos Look Like Lomo Photography63
A step by step tutorial on how I take a digital photo and make it Lomoified. Don’t forget to create an action script once you get this down, it will save you a lot of time.

How To Make Digital Photos Look Like Lomo Photography64

Uncovering Toy Cameras and Polaroid Vintage Effects (With Photoshop Tutorials)65
Below are a list of the most famous toy cameras and some tutorials that can be used to recreate their famous effects.

Uncovering Toy Cameras and Polaroid Vintage Effects (With Photoshop Tutorials)66

50 Time Saving Photoshop Actions for Enhancing Photos67
Here are 50 excellent Photoshop actions that can add professional looking enhancements to your photos with the click of a button.

50 Time Saving Photoshop Actions for Enhancing Photos68

100+ Outstanding Photoshop Actions to Enhance your Photography69
Have you ever seen photos in magazines or on the web and wondered how they achieved that look? This post presents over 100 Photoshop actions that will help you achieve some of these looks and save you some time in the process.

100+ Outstanding Photoshop Actions to Enhance your Photography70

A Perfect Lie in Photoshop #2 71
In this Photoshop Tutorial Cameron Rad will present us what he has found out over this last year of Photoshop experiments with skin retouching.

A Perfect Lie in Photoshop #2 72

20 Beautiful Photoshop Montage Tutorials73
In this round-up, you’ll look at 20 beautiful Photoshop montage tutorials that teach you step by step how to create these amazing photo composites.

20 Beautiful Photoshop Montage Tutorials74

How to Make a Photoshop Montage75
Anyone can cobble together a few photos and textures and create a humdrum montage. To elevate yours beyond this it takes a few simple tricks using Photoshop’s array of tools. This tutorial explains how to create a Photoshop montage in 19 steps.

How to Make a Photoshop Montage76

80+ Photoshop Actions for Giving Your Pictures a Vintage Look 77
This post round-ups over eighty Photoshop actions that will add vintage or retro effects to your photos.

80+ Photoshop Actions for Giving Your Pictures a Vintage Look 78

Improving General Photoshop Skills

Create Animations in Photoshop79
After Effects is the go-to Adobe application for creating both simple and complex animations. However, for those users that either don’t have the time to learn an entire new application or simply don’t own a copy of After Effects, Photoshop has incorporated very similar, albeit scaled back, functionality.

Create Animations in Photoshop80

Learn How to Draw Hand-crafted Pixel Art in Photoshop81
In this tutorial, an illustrator Russel Tate teaches you how to draw with pixels. You’ll learn how to create artwork in the style of eBoy and Army of Trolls.

Learn How to Draw Hand-crafted Pixel Art in Photoshop82

Create a Camera Lens Icon in Photoshop (Screencast)83
In this tutorial, you’ll learn how to create a camera lens icon using Photoshop. Duration of the screencast: 30 minutes.

Create a Camera Lens Icon in Photoshop (Screencast)84

Learn Photoshop: All of the Basics for Beginners85
This post is intended for designers or aspiring designers who either want to get started with Photoshop or have limited experience and are looking to improve. With this post you’ll find links to plenty of resources to teach you all the basics and fundmentals of Photoshop.

Learn Photoshop: All of the Basics for Beginners86

Photoshop 101 – Working with Slices 87
In this tutorial you’ll learn how to use the slice tool and show you some easy methods of slicing up your designs.

Photoshop 101 - Working with Slices 88

Unveiling Photoshop Masks89
In this article, you’ll explore the technical aspects and creative advantages of incorporating masks into your workflow.

Unveiling Photoshop Masks90

12 Common Photoshop Mistakes, Misuses and Abuses91
This article presents a list of 12 common mistakes, misuses and various ways new users abuse Photoshop.

12 Common Photoshop Mistakes, Misuses and Abuses92

Mastering Photoshop: Unknown Tricks and Time-Savers93
Collected here are some lesser known but extremely useful shortcuts. Many of these are not documented in the “Keyboard Shortcuts” menu, and some of them don’t even have equivalent menu options.

Mastering Photoshop: Unknown Tricks and Time-Savers94

Taking Photoshop’s Curves Beyond Highlights and Shadows95
Read on for more details about what Photoshop curves are, as well as how to use them properly for your designs.

Taking Photoshop's Curves Beyond Highlights and Shadows96

Getting to Know Clipping Masks and Layer Masks in Photoshop 97
This article outlines the differences between the layer mask and the clipping mask in Photoshop.

Getting to Know Clipping Masks and Layer Masks in Photoshop 98

Templates

Photoshop Android GUI Set, Great freebie.99
This design pieces are brought to you thanks to our design family at Iconshock, which is a quote of faith regarding the quality of the set. The package includes fully editable Photoshop files, original fonts and previews, everything that you may need in order to customize your set according to your preferences. Please let us know your opinions and feel free to share this amazing gift with your friends, remember that you will always find the best articles and resources only here, at Webdesignshock.

Photoshop Android GUI Set, Great freebie.100

60 High Quality Photoshop PSD Files For Designers101
Photoshop .PSD file reveals the techniques used on a specific design, and it also tells us the style of the creator and most of the time there is something new we can learn from it. You’ll get quite an overview of interesting techniques in this collection of PSD files.

60 High Quality Photoshop PSD Files For Designers102

Free PSD: Facebook Fanpage Template 103
A Facebook Fanpage mock-up with editable text, posting times etc. You may want to check the Free PSD Twitter Background Template104, too.

Free PSD: Facebook Fanpage Template 105

Modern UI and Layout Tutorials for Photoshop 106
In this round-up you’ll find many current web design Photoshop tutorials that cover not only web page layouts, but also web app layouts, mobile UI and design elements such as buttons, search boxes, headers and footers.

 Modern UI and Layout Tutorials for Photoshop 107

How to Effectively Organize your Photoshop Layers 108
This tutorial outlines how to create organized, designer and developer friendly PSD files. This is in no way the only solution, but hopefully it will encourage better practice in the web design world.

How to Effectively Organize your Photoshop Layers 109

Coding, Processes and Organization

Preparing Photoshop Files for Web Developers 110
Designers can help their counterparts or clients before a design hand-off by taking 10 to 15 minutes to prepare files in a consistent and organized manner that can potentially save developers hours of production time. As an added bonus, an organized Photoshop file will save designers time by minimizing development questions after the file has been handed off for coding.

Preparing Photoshop Files for Web Developers 111

Photoshop Variables: How to Import External PSD Smartly? 112
From the article: “A while back, I discovered a system that enables designers to say goodbye to opening 23 PSD files just to change the header color. When a change is required, we can just change it in one place.”

Photoshop Variables: How to Import External PSD Smartly? 113

How to Code up a Web Design from PSD to HTML114
Learn how to code up a complete mockup in HTML and CSS, ensuring the code is semantic and standards compliant. You’ll then add some finishing touches with a spot of jQuery.

How to Code up a Web Design from PSD to HTML115

Setting Up Photoshop For Web, App and iPhone Development 116
This article addresses the issues in trying to match colors in images to colors generated by HTML, CSS or code.

Setting Up Photoshop For Web, App and iPhone Development 117

Clean Up Your Photoshop Swatches and Styles 118
From the post: “If you’re always grabbing the eye-dropper to get colors and copying/pasting layer styles, chances are you’re wasting time and getting innaccurate results to boot. So what’s a good Photoshopper to do? I’ve created two empty palettes for you. Just download them and follow the directions below.”

 Clean Up Your Photoshop Swatches and Styles              119

Divine120
Divine creates websites from Photoshop to WordPress promptly. Basically, Divine is a plug-in that sits on top of Photoshop. Once you’ve finished designing in Photoshop, launch Divine plug-in in Photoshop, assign WordPress roles to the main elements (e.g. #footer, #header, etc.), and then the plug-in will prepare all the files you need. Once you set FTP access, the tool uploads the theme automatically to your server. The tool is free.

Convert PSD to WordPress with Divine. Convert Photoshop to WordPress theme121

Open With Photoshop122
Open With Photoshop is a Firefox extension that allows you to send any image via right click context menu from the browser directly to the Photoshop.

Open With Photoshop 123

Last Click

Why We Don’t Deliver Photoshop Files124
Occasionally a potential client will ask you to give them Photoshop comps as the final deliverable, to be coded either by an internal implementation team or a technical partner. Some designers don’t do that. Here’s why.

Why We Don't Deliver Photoshop Files125

If Photoshop Was Batman, Then Illustrator Would Be… 126
From the article: “Perhaps as a direct result of too much Batman: Arkham Asylum, I found myself asking the question: If Photoshop was Batman, what would Illustrator be? In this silly little article, I explore some of the intriguing possibilities.”

If Photoshop Was Batman, Then Illustrator Would Be...127

Top 10 Photoshop Feature Requests 128
This post presentes some of the top 10 most requested features that he believes would make Photoshop a more powerful and time saving tool.

Top 10 Photoshop Feature Requests 129

Photoshop CS6 wish list130
You may want to check out this Photoshop CS6 wish list, too. Do you agree with the features mentioned there?

Photoshop CS6 wish list131

The Darwinian Evolution of Photoshop132
What does a top notch graphic designer have in common with an amateur photographer who uploads his weekend pictures on Facebook? They both love Photoshop! This infographics presents the evolution of Photoshop in a quite unusual, original way.

The Darwinian Evolution of Photoshop133

(ks)

Footnotes

  1. 1 http://design.creativefan.com/create-an-awesome-number-based-illustration/
  2. 2 http://design.creativefan.com/create-an-awesome-number-based-illustration/
  3. 3 http://pixelresort.com/blog/photoshoot-wallpaper-video/
  4. 4 http://www.smashingmagazine.com/2010/03/03/how-to-market-your-mobile-app/
  5. 5 http://pixelresort.com/blog/photoshoot-wallpaper-video/
  6. 6 http://www.psdeluxe.com/tutorials/special-effects-tutorials/create-blood-and-milk-typography-poster-in-photoshop/
  7. 7 http://www.psdeluxe.com/tutorials/special-effects-tutorials/create-blood-and-milk-typography-poster-in-photoshop/
  8. 8 http://abduzeedo.com/adobe-cs-5-design-premium-box-photoshop
  9. 9 http://abduzeedo.com/adobe-cs-5-design-premium-box-photoshop
  10. 10 http://abduzeedo.com/simple-roy-lichtenstein-style-illustrator-and-photoshop
  11. 11 http://abduzeedo.com/simple-roy-lichtenstein-style-illustrator-and-photoshop
  12. 12 http://www.tutorial9.net/photoshop/3d-wooden-box-photoshop-tutorial/
  13. 13 http://www.tutorial9.net/photoshop/3d-wooden-box-photoshop-tutorial/
  14. 14 http://abduzeedo.com/ursus-brief-process-examination-justin-maller
  15. 15 http://abduzeedo.com/ursus-brief-process-examination-justin-maller
  16. 16 http://www.tutorial9.net/photoshop/design-a-vintage-radio-icon-in-photoshop/
  17. 17 http://www.tutorial9.net/photoshop/design-a-vintage-radio-icon-in-photoshop/
  18. 18 http://www.smashingmagazine.com/2009/11/16/brushing-up-on-photoshops-brush-tool/
  19. 19 http://www.smashingmagazine.com/2009/11/16/brushing-up-on-photoshops-brush-tool/
  20. 20 http://www.cutelittlefactory.com/tutorials/create-a-colorful-space-scene-in-photoshop/
  21. 21 http://www.cutelittlefactory.com/tutorials/create-a-colorful-space-scene-in-photoshop/
  22. 22 http://iconlibrary.iconshock.com/tutorials/high-quality-printer-icon/
  23. 23 http://iconlibrary.iconshock.com/tutorials/high-quality-printer-icon/
  24. 24 http://designm.ag/resources/photoshop-brushes-brush-strokes/
  25. 25 http://designm.ag/resources/photoshop-brushes-brush-strokes/
  26. 26 http://www.digital-photography-school.com/master-repeating-patterns-in-photoshop
  27. 27 http://www.digital-photography-school.com/master-repeating-patterns-in-photoshop
  28. 28 http://designreviver.com/tutorials/creating-a-furry-possum-in-photoshop/
  29. 29 http://designreviver.com/tutorials/creating-a-furry-possum-in-photoshop/
  30. 30 http://abduzeedo.com/simple-underwater-scene-photoshop
  31. 31 http://abduzeedo.com/simple-underwater-scene-photoshop
  32. 32 http://psd.tutsplus.com/tutorials/illustration/how-to-create-a-photo-realistic-camera/
  33. 33 http://psd.tutsplus.com/tutorials/illustration/how-to-create-a-photo-realistic-camera/
  34. 34 http://10steps.sg/tutorials/photoshop/making-a-book-of-magical-playground-scene/
  35. 35 http://10steps.sg/tutorials/photoshop/making-a-book-of-magical-playground-scene/
  36. 36 http://www.designcourse.com/photoshop-poster-tutorial
  37. 37 http://www.designcourse.com/photoshop-poster-tutorial
  38. 38 http://www.webdesignerdepot.com/2010/06/opacity-photoshop-blend-modes-pattern-magic/
  39. 39 http://www.webdesignerdepot.com/2010/06/opacity-photoshop-blend-modes-pattern-magic/
  40. 40 http://psd.tutsplus.com/tutorials/drawing/create-a-photo-realistic-usb-cable-in-photoshop/
  41. 41 http://psd.tutsplus.com/tutorials/drawing/create-a-photo-realistic-usb-cable-in-photoshop/
  42. 42 http://www.noupe.com/tutorial/fresh-and-excellent-photoshop-tutorials-for-designing-posters-from-2010.html
  43. 43 http://www.noupe.com/tutorial/fresh-and-excellent-photoshop-tutorials-for-designing-posters-from-2010.html
  44. 44 http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-a-retro-sci-fi-computer-game-poster
  45. 45 http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-a-retro-sci-fi-computer-game-poster
  46. 46 http://psd.tutsplus.com/tutorials/designing-tutorials/create-a-calendar-using-scripting-in-photoshop/
  47. 47 http://psd.tutsplus.com/tutorials/designing-tutorials/create-a-calendar-using-scripting-in-photoshop/
  48. 48 http://thinkvitamin.com/design/5-advanced-photoshop-techniques-for-web-designers/
  49. 49 http://thinkvitamin.com/design/photoshp/advanced-photoshop-techniques-for-web-designers-part-2/
  50. 50 http://thinkvitamin.com/design/5-advanced-photoshop-techniques-for-web-designers/
  51. 51 http://designinstruct.com/text-effects/creating-retro-folded-typography-using-photoshop/
  52. 52 http://designinstruct.com/text-effects/creating-retro-folded-typography-using-photoshop/
  53. 53 http://www.tutoriallounge.com/2010/02/40-gorgeous-and-artistic-typography-tutorials-using-photoshop/
  54. 54 http://www.tutoriallounge.com/2010/02/40-gorgeous-and-artistic-typography-tutorials-using-photoshop/
  55. 55 http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-inset-typography-in-photoshop/
  56. 56 http://sixrevisions.com/tutorials/photoshop-tutorials/how-to-create-inset-typography-in-photoshop/
  57. 57 http://abduzeedo.com/cool-text-effect-puppet-warp-tool-photoshop-cs5
  58. 58 http://abduzeedo.com/cool-text-effect-puppet-warp-tool-photoshop-cs5
  59. 59 http://abduzeedo.com/3d-water-text-effect-repouss%C3%A9-photoshop-cs5
  60. 60 http://abduzeedo.com/3d-water-text-effect-repouss%C3%A9-photoshop-cs5
  61. 61 http://www.blog.spoongraphics.co.uk/tutorials/create-a-distressed-vector-typographic-poster-design
  62. 62 http://www.blog.spoongraphics.co.uk/tutorials/create-a-distressed-vector-typographic-poster-design
  63. 63 http://www.digital-photography-school.com/how-to-make-digital-photos-look-like-lomo-photography
  64. 64 http://www.digital-photography-school.com/how-to-make-digital-photos-look-like-lomo-photography
  65. 65 http://www.smashingmagazine.com/2010/03/10/uncovering-toy-cameras-and-polaroid-vintage-effects/
  66. 66 http://www.smashingmagazine.com/2010/03/10/uncovering-toy-cameras-and-polaroid-vintage-effects/
  67. 67 http://webdesignledger.com/freebies/50-time-saving-photoshop-actions-for-enhancing-photos
  68. 68 http://webdesignledger.com/freebies/50-time-saving-photoshop-actions-for-enhancing-photos
  69. 69 http://www.thephotoargus.com/freebies/100-outstanding-photoshop-actions-to-enhance-your-photography/
  70. 70 http://www.thephotoargus.com/freebies/100-outstanding-photoshop-actions-to-enhance-your-photography/
  71. 71 http://abduzeedo.com/perfect-lie-photoshop-2
  72. 72 http://abduzeedo.com/perfect-lie-photoshop-2
  73. 73 http://www.webdesignerdepot.com/2009/03/20-beautiful-photoshop-montage-tutorials/
  74. 74 http://www.webdesignerdepot.com/2009/03/20-beautiful-photoshop-montage-tutorials/
  75. 75 http://www.webdesignerdepot.com/2009/04/how-to-make-a-photoshop-montage/
  76. 76 http://www.webdesignerdepot.com/2009/04/how-to-make-a-photoshop-montage/
  77. 77 http://webdesignledger.com/freebies/80-photoshop-actions-for-giving-your-pictures-a-vintage-look
  78. 78 http://webdesignledger.com/freebies/80-photoshop-actions-for-giving-your-pictures-a-vintage-look
  79. 79 http://designshack.co.uk/articles/graphics/create-awesome-animations-in-photoshop
  80. 80 http://designshack.co.uk/articles/graphics/create-awesome-animations-in-photoshop
  81. 81 http://psd.tutsplus.com/articles/techniques/learn-how-to-draw-hand-crafted-pixel-art-in-photoshop/
  82. 82 http://psd.tutsplus.com/articles/techniques/learn-how-to-draw-hand-crafted-pixel-art-in-photoshop/
  83. 83 http://psd.tutsplus.com/tutorials/icon-design/create-a-camera-lens-icon-in-photoshop-screencast/
  84. 84 http://psd.tutsplus.com/tutorials/icon-design/create-a-camera-lens-icon-in-photoshop-screencast/
  85. 85 http://vandelaydesign.com/blog/design/learn-photoshop-basics/
  86. 86 http://vandelaydesign.com/blog/design/learn-photoshop-basics/
  87. 87 http://designreviver.com/tutorials/photoshop-101-working-with-slices/
  88. 88 http://designreviver.com/tutorials/photoshop-101-working-with-slices/
  89. 89 http://www.smashingmagazine.com/2009/12/17/unveiling-photoshop-masks/
  90. 90 http://www.smashingmagazine.com/2009/12/17/unveiling-photoshop-masks/
  91. 91 http://www.thedesigncubicle.com/2009/01/12-common-photoshop-mistakes-misuses-and-abuses/
  92. 92 http://www.thedesigncubicle.com/2009/01/12-common-photoshop-mistakes-misuses-and-abuses/
  93. 93 http://www.smashingmagazine.com/2010/01/20/obscure-adobe-photoshop-time-savers/
  94. 94 http://www.smashingmagazine.com/2010/01/20/obscure-adobe-photoshop-time-savers/
  95. 95 http://www.webdesignerdepot.com/2010/06/taking-photoshops-curves-beyond-highlights-and-shadows/
  96. 96 http://www.webdesignerdepot.com/2010/06/taking-photoshops-curves-beyond-highlights-and-shadows/
  97. 97 http://blog.echoenduring.com/2010/08/12/getting-to-know-clipping-masks-and-layer-masks-in-photoshop/
  98. 98 http://blog.echoenduring.com/2010/08/12/getting-to-know-clipping-masks-and-layer-masks-in-photoshop/
  99. 99 http://www.webdesignshock.com/freebies/free-photoshop-android-interface-gui/
  100. 100 http://www.webdesignshock.com/freebies/free-photoshop-android-interface-gui/
  101. 101 http://www.hongkiat.com/blog/60-high-quality-photoshop-psd-files-for-designers/
  102. 102 http://www.hongkiat.com/blog/60-high-quality-photoshop-psd-files-for-designers/
  103. 103 http://www.fuelyourcreativity.com/free-psd-facebook-fanpage-template/
  104. 104 http://www.fuelyourcreativity.com/free-psd-twitter-background-template/
  105. 105 http://www.fuelyourcreativity.com/free-psd-facebook-fanpage-template/
  106. 106 http://speckyboy.com/2010/09/06/modern-ui-and-layout-tutorials-for-photoshop/
  107. 107 http://speckyboy.com/2010/09/06/modern-ui-and-layout-tutorials-for-photoshop/
  108. 108 http://www.webdesignerdepot.com/2009/08/how-to-effectively-organize-your-photoshop-layers/
  109. 109 http://www.webdesignerdepot.com/2009/08/how-to-effectively-organize-your-photoshop-layers/
  110. 110 http://www.noupe.com/photoshop/preparing-photoshop-files-for-web-developers.html
  111. 111 http://www.noupe.com/photoshop/preparing-photoshop-files-for-web-developers.html
  112. 112 http://www.onextrapixel.com/2010/01/27/photoshop-variables-how-to-import-external-psd-smartly/
  113. 113 http://www.onextrapixel.com/2010/01/27/photoshop-variables-how-to-import-external-psd-smartly/
  114. 114 http://line25.com/tutorials/how-to-code-up-a-web-design-from-psd-to-html
  115. 115 http://line25.com/tutorials/how-to-code-up-a-web-design-from-psd-to-html
  116. 116 http://www.smashingmagazine.com/2009/10/12/setting-up-photoshop-for-web-app-and-iphone-development/
  117. 117 http://www.smashingmagazine.com/2009/10/12/setting-up-photoshop-for-web-app-and-iphone-development/
  118. 118 http://www.viget.com/inspire/clean-up-photoshop-swatches-and-styles/
  119. 119 http://www.viget.com/inspire/clean-up-photoshop-swatches-and-styles/
  120. 120 http://www.divine-project.com/
  121. 121 http://www.divine-project.com/
  122. 122 https://addons.mozilla.org/en-US/firefox/addon/99845/
  123. 123 https://addons.mozilla.org/en-US/firefox/addon/99845/
  124. 124 http://weblog.muledesign.com/2010/08/why_we_dont_deliver_photoshop_files.php
  125. 125 http://weblog.muledesign.com/2010/08/why_we_dont_deliver_photoshop_files.php
  126. 126 http://blog.echoenduring.com/2010/01/09/if-photoshop-was-batman-then-illustrator-would-be/
  127. 127 http://blog.echoenduring.com/2010/01/09/if-photoshop-was-batman-then-illustrator-would-be/
  128. 128 http://mediamilitia.com/top-10-photoshop-feature-requests/
  129. 129 http://mediamilitia.com/top-10-photoshop-feature-requests/
  130. 130 http://bjango.com/articles/photoshopcs6wishlist/
  131. 131 http://bjango.com/articles/photoshopcs6wishlist/
  132. 132 http://www.testking.com/techking/infographics/darwinian-evolution-photoshop/
  133. 133 http://www.testking.com/techking/infographics/darwinian-evolution-photoshop/

↑ Back to topShare on Twitter

Vitaly Friedman loves beautiful content and doesn’t like to give in easily. Vitaly is writer, speaker, author and editor-in-chief of Smashing Magazine. He runs responsive Web design workshops, online workshops and loves solving complex performance problems in large companies. Get in touch.

Advertising

Note: Our rating-system has caused errors, so it's disabled at the moment. It will be back the moment the problem has been resolved. We're very sorry. Happy Holidays!

  1. 1
  2. 2

    Awesome resources, as usual! Thanks so much for sharing.

  3. 3

    Another post equal to the 6 thousand others on the web! Go smash magazine…..

  4. 4

    Lovely stuff, it’s going to take me weeks to get through all of it. Thanks guys.

  5. 5

    Lots of useful resources, have to check them out. How The King would say…Thank you very much!

  6. 6

    Great collection. As one who writes tutorials I must say that some very interesting techniques can be found in some of the tutorials listed here!

  7. 7

    Very Very Good Information..
    I really Appreciate your work…
    Nice useful article, it really helped me a lot ,please keep updating your site as im regular visitor of your site.

  8. 8

    Great collection.
    Greetings from Poland!

  9. 9
  10. 10

    There are so many great resources all in on spot I don’t even know where to begin. I guess at the top :) Thanks so much!

  11. 11

    Thanks for the insight!
    You guys always share such awesome resources. Love it!!

  12. 12

    Re: the Divine tool: There is a free version, with some fairly significant limitations. And it is only for Windows OS. You should note that.

  13. 13

    Thanks for the great list! Although I only looked quickly, I saw a lot of useful typography tuts. The Think Vitamin article (5 Advanced Photoshop Techniques for Web Designers) has a lot of useful info in it. thanks again!

  14. 14

    amazing collection!

  15. 15

    absolutely a great collection.

  16. 16

    Fantastic collection.

  17. 17

    Great efforts! Fantastic collection… Thank U so much for sharing.

  18. 18

    Great collection. Keep ‘em coming.

  19. 19

    For a beginner in Photoshop, this is a great list to start with. Thanks a lot, V.

  20. 20

    I’ve been using Photoshop for a long time, but even until know i still enjoy learning new things about this very effective image editing package, want the new versions to be cheaper though.

    Arthur Abogadil

  21. 21

    Excellent and Useful article.

  22. 22

    This is great – Thanks so much for sharing!

  23. 23

    I’m sorry to say this, but this list is neither new nor creative. There are gazillions of photoshop tutorial lists out there and I remember SM to publish well written, meaningful and unique articles about a certain topic. This article just scratches the surface of a few styles and does not meet the quality of an SM article in my opinion. Just my two cents.

  24. 24

    Awesome resources.
    Thank you very much for sharing.

  25. 25

    Wow, what an AWESOME roundup! Thank you, Thank you, Thank you!

    Keep being the best!

  26. 26

    Fantastic…!!!

  27. 27

    No, no, no. This should not be here. Come on! Smashing Magazine is supposed to be something different.

  28. 28

    its like if you’d google “photoshop”!

  29. 29

    A killer article

  30. 30

    Awesomely useful.

  31. 31

    This is a really good list of photoshop resources, and it covers a lot of the areas of photoshop. The furry possum tutorial in particular was really useful as it shows a lot of techniques in photoshop that i haven’t used before.
    Thanks.

  32. 32

    very very useful

  33. 33

    Wow, this is great, I will use these tutorials alot, they are already book marked in! many thanks.

  34. 34

    A comprehensive list as always from you Smashing Mag folks. I’ve been working in Photoshop for almost 14 years but I’m always amazed how much I still don’t know. Thanks!

  35. 35
  36. 36

    OMG! Thats is amazing

    thanks a lot, is very useful..

    Hungs From Brazil

  37. 37

    Superb post! Thanks!

  38. 38

    Holy cow, this is the holy grail for photoshop tutorials. Nice job!

  39. 39

    WTF!!! There’s so much information here!! Thanks a lot for putting all these together!!

  40. 40

    Too cool to be true

  41. 41

    Very useful and interesting article ;)

  42. 42

    Am just learning Photoshop and these are fabulous tips.

  43. 43

    I love this post.. There are a lot of great resources.

    David Vera
    UI and UX Designer -Colombia-
    dondavidvera (dot) com

  44. 44

    Thanks for putting them all in one place.

  45. 45

    Great stuff as usual!
    Is it possible for you guys to compile resources for CorelDraw X3 and above? Printers where I am don’t use Photoshop and don’t even know what Illustrator is.

    Will be really grateful!
    Thanks!

  46. 46

    Thanks for this! Looks great

  47. 47

    Wow.. this article is bad. I appreciate your effort in collecting these articles but c’mon. We want content. Not another “photoshop killer techniques every designer needs to know”-list. At least you could point out really useful or innovative stuff (lichtenstein, vintage, etc. is not innovative).

  48. 48

    hey vitaly and sm friends, thanks for include one of our tuts from tutorialshock and our android freebie :) it’s a great roundup and for us a real honour to be featured here :)

    keep the good work !

  49. 49

    hi

    your working is really good. Thanks for sharing

  50. 50

    Wow, this is a really great list, I’m going to dig into those Photoshop actions and shortcuts tonight. Thanks!

  51. 51

    wow! the guys efforts are priceless… awesome! love it..:)

  52. 52

    really usful resources and high quality and important data showing the smashing magzine’s quality

  53. 53

    Retouching Services

    June 29, 2011 1:00 am

    Wow very nice collection brilliant tutorial list i like this post very much thanks a lot for this awesome post : )

  54. 54

    may loc nuoc nano

    July 17, 2011 3:03 am

    awesome collection. Thanks for posting

  55. 55

    I like your innovative idea. You have done a marvellous job. Thanks for sharing this great research

  56. 56

    many many thanks .. it is like building a good library at home .. hope more will come

  57. 57

    Awesome list as usual! I just shared this article with a few of my classmates. Keep up the great work!

  58. 58

    mast hai bhai its awesome to read………

  59. 59

    Amazing article! :D This really helped me, thanks! :) I recently made a Photoshop CS6 tutorial myself, and it would mean a lot if you could check it out in your spare time :)

    youtube.com/watch?v=RD7UKyhImkI

  60. 60

    All tutorials are amazing, i am happy with this website.

    Thank you so much. :)
    #bhawin

  61. 61

    creativecrunk .com

    December 3, 2013 4:07 am

    awesome resources man :-)

↑ Back to top