Menu Search
Jump to the content X X
Smashing Conf Barcelona 2016

We use ad-blockers as well, you know. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Adobe Photoshop Tutorials – Best Of

When it comes to graphic design, Adobe Photoshop is usually the first option to consider. However, the software itself is a quite tough nut to crack — and definitely extremely hard to master. For instance, the concepts are not always intuitive and it’s not always clear when to use what tool and how to use it effectively. In fact, in Photoshop it usually takes pretty much time to achieve something you have never done before.

However, you don’t need to muddle through numerous Photoshop features and extensions for every design problem. You can use professional suggestions instead, e.g. professional step-by-step tutorials which provide excellent results and thus can save you a lot of time.

One year ago we’ve presented a hand-picked collection of Photoshop tutorials1. Now it’s time for a fresh portion of healthy Photoshop learning material. This article provides professional Adobe Photoshop tutorials which can enrich your design skills and improve the quality of your works. Although the authors of the tutorials rarely provide the information about the used version, we tried to pick only those tutorials that can be used with both CS 3 and older versions of Adobe Photoshop.

Photo- and Picture Editing and Processing Link

  • MP3 Player Design2
    In this tutorial you will learn how to design a product in Photoshop. The product is a RCA Lyra X3030 portable media player. Although the chances are, you are thinking “why would I need to make it?”, the reason for this tutorial is to teach people the techniques used for mocking up a product design

    .Photoshop Tutorial Screenshot3

  • Magic Lighting Effect4
    How to create a nice light and magic effect

    .Photoshop Tutorial Screenshot5

  • Selecting & Extracting Hair – Masking Tutorial – Extraction Tips6
    One of the most challenging montage or masking jobs in the profession of post-production editing is the hair lift. When the model has long flowing hair and the subject needs to change location many post-production artists call in sick

    .Photoshop Tutorial Screenshot7

  • Add a Dreamy or Misty Effect To Your Photos8
    This quick tutorial will show how to add a really cool dreamy or misty effect to your photos. This tutorial works best with nature related images

    .Photoshop Tutorial Screenshot9

  • Improving the Quality of Photos10
    Improve the look of your photos by playing with some simple Photoshop techniques

    .Photoshop Tutorial Screenshot11

  • Fake Model Photography12
    With a very little effort, you can take existing photographs of everyday scenes and make it look like they’re actually of miniature models


  • Displacement Water14
    Creating a realistic water surface in Photoshop is quite a challenge because it is the distorted reflection of the surroundings that makes the water look liquid. The displace filter is an excellent tool for making this distortion

    .Photoshop Tutorial Screenshot15

  • Photoshop tutorial and Post-producted glasses16
    To save your time think to photo retouch especially frosted glasses

    .Photoshop Tutorial Screenshot17

  • Professional “glamour style” photo retouch18
    This is the first chapter of a main tutorial divided in six parts. In this one you will learn how to photo retouch the skin of a model in a few steps. Better results can be obtained by using a graphic tablet instead of a mouse

    .Photoshop Tutorial Screenshot19

  • Give Your Photos a Retro Comic Book Effect20
    How about a fun effect for your incredibly boring photo albums? Creating a old comic book effect for your photos is easy and the results are visually appealing. More fun is achieved when adding captions to your photos using comic book fonts and design elements

    .Photoshop Tutorial Screenshot21

  • Space and Planet Tutorial22
    The techniques below will show you how to create an image similar to the final result I have obtained below although the image below took 3 hours to paint with alot of fine detail work, you will still get the idea

    .Photoshop Tutorial Screenshot23

  • Faking HDR in Adobe Photoshop24
    This HDR tutorial shows quite easy way to fake HDR foto in Photoshop. You don’t need to shoot into RAW or take photos with different exposure – one JPEG is enough. If you can work with masks in Photoshop, you have an advantage. Part of tutorial is HDR action for download


  • 11 Super Awesome Photoshop Movie Effects26
    11 most-favorite movie-effect tutorials. From Scarface to Sin City to Pirates of the Carribean to 300, we’ve got 11 great ways to go Hollywood on your photos

    .Photoshop Tutorial Screenshot27

  • A movie-effect with Photoshop28
    This tutorial explains how to turn your photo into the movie-like image using Adobe Photoshop

    .Photoshop Tutorial Screenshot29

  • Visual effects in the style of 30030
    Here’s a little Photoshop guide to mimic the 300 style. The effects could also be applied to video in After Effects with a similar setup

    .Photoshop Tutorial Screenshot31

  • Bringing a Stone Statue to Life
    Learn how to take a stone statue and alter it to look life-like

    .Photoshop Tutorial Screenshot

  • 4 Easy Photoshop Techniques to Make Your Pictures Pop32
    “In this tutorial I will be demonstrating some quick, easy methods for adding drama and/or interest to your shots. As far as I know, these methods should work for both Photoshop and Photoshop Elements.”Photoshop Tutorial Screenshot33
  • Devil’s Eye
    Some eyes are just too pretty, but I bet some of you would change that if you could. I am going to try to explain how to make eyes look more sinister, And remember this is coming from a begginer,so bare with me. Photoshop CS2

    .Photoshop Tutorial Screenshot

  • Beautiful lighting FX effect in Photoshop
    This tutorial will show you how to make a beautiful lighting effect on scatters by using Photoshop. Keep in mind that I only provide the basic guidelines to creating this type of effect. There are tons of possibilities if you spend time to play with the settings and keep your creativity wide open

    .Photoshop Tutorial Screenshot

  • Water Drops34
    So simple, and realistic, these water drops (and optional ice drops) are also simple to do anywhere, anytime

    .Photoshop Tutorial Screenshot35

  • 3D Ice Cube36
    In this tutorial we’ll try to build a realistic 3D ice cube. Usually this kind of stuff is done with the help of some 3D software like Maya or 3DMax, still we’ll try to use Photoshop tools to do the work

    .Photoshop Tutorial Screenshot37

  • Alienize: Transform a person into an alien38
    In this tutorial is written how to create a very cool looking alien using Adobe Photoshop. Grab a picture of someone and get ready to alienize it

    .Photoshop Tutorial Screenshot39

  • Water Spirit – Drawing Fire40
    This tutorial will show You how to place a fire on someone’s hands

    .Photoshop Tutorial Screenshot41

  • Creating a 3D effect with image editing software42
    Here’s how to make a neat effect to make it look like the subject of a photo is popping out of the background. This can be done with GIMP (GNU Image Manipulation Program) or Photoshop

    .Photoshop Tutorial Screenshot43

  • How to use Photoshop to create Product Box?44
    How many times you wanted to create cool product box for some of your products? Sure, there are many ways, and with new Photoshop you have even more options to create boxes

    .Photoshop Tutorial Screenshot45

  • Super Fly Box Maker46
    These boxes can be used to advertise almost anything (not just software). This is great if you want to catch a viewers attention, and it also gives your product display a more professional look and feel

    .Photoshop Tutorial Screenshot47

  • Flaming Hair48
    Tutorial with some simple brushing techniques, and a bit of color tweaking, you can spice up your photo

    .Photoshop Tutorial Screenshot49

  • Create a Realistic Torn Paper Effect50
    Torn paper is one of the key elements to achieving the distressed / collage look. This tutorial covers a few simple steps in Adobe Photoshop to create a realistic looking torn paper effect taking you on your way to Destroying the Web 2.0 Look

    .Photoshop Tutorial Screenshot51

  • Creating a Mac-Type Background in Photoshop52
    This tutorial is about making a “mac” style background. You can use these in all sorts of situations, including the obvious – your desktop as well as part of your designs or for corporate work (powerpoint presentations, flash work etc). Naturally you wouldn’t want to use this exact set of steps, but following them will give you a good idea of the technique. Good luck!Photoshop Tutorial Screenshot53

Drawings, Paintings, Cartoons Link

  • Skin Painting Tutorial54
    Learn how to paint a realistically looking skin with Photoshop

    .Photoshop Tutorial Screenshot55

  • Making of The Blues Singer Leaves Town
    This picture was done in a hot summer day, in the memory of an old anime series I used to watch as a kid, about Tom Sawyer and Huckleberry Finn. Historically, it’s off from that period, but it’s the feeling of summer, childhood fascination and nature that I wanted to re-create. It’s also a tribute to music. 4 pages

    .Photoshop Tutorial Screenshot

  • Fox Fire Tutorial56
    Converting from hand-sketched picture to a digital masterpiece

    .Photoshop Tutorial Screenshot57

  • Easy Watercolor Painting Effect58
    In this Adobe Photoshop tutorial, we’re going to learn how to easily make a photo look more like a watercolor painting. This photo effect works best on images where maintaining rich colors and strong contrast is more important than keeping any fine details, since you’ll be losing a lot of detail with this effect

    .Photoshop Tutorial Screenshot59

  • Soft Cell Shading60
    Learn how to paint softlry, as a variation of cell shading, eventually going through a total of seven stages

    .Photoshop Tutorial Screenshot61

  • Sketch to Paint62
    Digital artist David Cousens reveals how to develop a sci-fi art sketch in Adobe Photoshop using the airbrush and a few nifty tricks

    .Photoshop Tutorial Screenshot63

  • Portrait Painting64
    Learn how to draw a portrait from a hand-drawn sketch

    .Photoshop Tutorial Screenshot65

  • Drawing from a reference photo66
    The original photo: I locate it on the bottom layer to use for some initial tracing, primarily to save time and get the perspective correct. Some people prefer not to trace

    .Photoshop Tutorial Screenshot67

Texteffects Link

  • 3D typographic effects68
    Photoshop is an astounding post-production tool – and here Nik Ainley of Shiny Binary shows you how to add the wow factor to 3D text using Photoshop’s art tools

    .Photoshop Tutorial Screenshot69

  • Slow shutter text effect70
    Learn how to create this stunning slow shutter text effect using just Photoshop

    .Photoshop Tutorial Screenshot71

  • Create a Spectacular Flaming Meteor Effect on Text72
    Take typography one step further by having text falling from the sky in a burning inferno. Yes, this is the text-on-fire tutorial to end all tutorials. It uses a little Illustrator for the text and a lot of Photoshop to burn up the screen!Photoshop Tutorial Screenshot73
  • Smooth Glass Type74
    Here’s a quick way to create some nice looking translucent glass type that’ll work great on any background, made completely with layer styles

    .Photoshop Tutorial Screenshot75

  • Recreate the ‘Bee Movie’ Text Effect76
    In this quick Photoshop tutorial we’ll be recreating the ‘Bee movie’ text effect, you know, the one you’ve seen all over the place over the last few months?Photoshop Tutorial Screenshot77
  • Plastic Jelly Style78
    In this tutorial we’ll be using layer styles to make a plastic-gel type style that you can easily apply to text and shapes. You can download the PSD file from the link at the bottom of the tutorial to just copy+paste the styles

    .Photoshop Tutorial Screenshot79

  • Combine 2 text layer styles80
    Learn how to apply a combination of multiple text effects

    .Photoshop Tutorial Screenshot81

Buttons, Logos & Menus Link

Adobe Photoshop Techniques Link

  • Color adjustment tutorial100
    This tutorial shows how to get more mood into your pictures via Adjustment Layers and some other effects

    .Photoshop Tutorial Screenshot101

  • Vector Polishing Techniques102
    This tutorial includes 9 Photoshop techniques that will show you how to add more depth, color, contrast, and texture into your vector art


  • Advanced Black and White Conversion104
    In this tutorial, we will convert an RGB image to Black and White using Photoshop CS3’s new improved Black and White features

    .Photoshop Tutorial Screenshot105

  • Actions Tutorial 106
    Toning With Duotones, Tritones And Quadtones
  • 101 Hidden Tips & Secrets107
    An overview of professional suggestions, tips and tricks for Adobe Photoshop users.
  • Using Actions to Automate Tasks108
    While Adobe Photoshop has a host of automation tools, one of the most versatile and powerful of them is called an action. In fact, some of the other automation commands, such as batches and droplets, derive their functionality from actions.

Further Resources Link

You can find even more Adobe Photoshop tutorials in the articles and resouces we’ve listed below.

Footnotes Link

  1. 1
  2. 2
  3. 3
  4. 4
  5. 5
  6. 6
  7. 7
  8. 8
  9. 9
  10. 10
  11. 11
  12. 12
  13. 13
  14. 14
  15. 15
  16. 16
  17. 17
  18. 18
  19. 19
  20. 20
  21. 21
  22. 22
  23. 23
  24. 24
  25. 25
  26. 26
  27. 27
  28. 28
  29. 29
  30. 30
  31. 31
  32. 32
  33. 33
  34. 34
  35. 35
  36. 36
  37. 37
  38. 38
  39. 39
  40. 40
  41. 41
  42. 42
  43. 43
  44. 44
  45. 45
  46. 46
  47. 47
  48. 48
  49. 49
  50. 50
  51. 51
  52. 52
  53. 53
  54. 54
  55. 55
  56. 56
  57. 57
  58. 58
  59. 59
  60. 60
  61. 61
  62. 62
  63. 63
  64. 64
  65. 65
  66. 66
  67. 67
  68. 68
  69. 69
  70. 70
  71. 71
  72. 72
  73. 73
  74. 74
  75. 75
  76. 76
  77. 77
  78. 78
  79. 79
  80. 80
  81. 81
  82. 82
  83. 83
  84. 84
  85. 85
  86. 86
  87. 87
  88. 88
  89. 89
  90. 90
  91. 91
  92. 92
  93. 93
  94. 94
  95. 95
  96. 96
  97. 97
  98. 98
  99. 99
  100. 100
  101. 101
  102. 102
  103. 103
  104. 104
  105. 105
  106. 106
  107. 107
  108. 108
  109. 109
  110. 110
  111. 111
  112. 112
  113. 113
  114. 114
SmashingConf Barcelona 2016

Hold on, Tiger! Thank you for reading the article. Did you know that we also publish printed books and run friendly conferences – crafted for pros like you? Like SmashingConf Barcelona, on October 25–26, with smart design patterns and front-end techniques.

↑ Back to top Tweet itShare on Facebook


Sven is the co-founder and former CEO of Smashing Magazine. He's now writing at his Conterest Blog, where he focuses on blogs, content strategy and publishing — all in German.

  1. 1

    Noticias Genericas

    January 10, 2008 9:57 am

    Fantastic Effects!

  2. 2

    Great list! Thanks for including two of my tutorials. :)

  3. 4

    Jennifer Apple

    January 10, 2008 10:11 am

    This is a great list. Lots to explore!

  4. 5

    Enrique Flouret

    January 10, 2008 10:30 am

    Thanks for posting two of my tutorials!!!

    Great list!


  5. 6

    great list :)

  6. 7

    photoshop tutorials

    January 10, 2008 10:41 am

    great post with great tutorials!
    hope I’ll get in one of this kind of lists one day with one of my tutorials.. :D

  7. 8

    Whawwww… look’s good thank’s a lot !

  8. 9

    great selection,

    some of those photo manip ones are brilliant like the miniature models, Good work!


  9. 10

    You guys are great! Thanks !

  10. 11

    GREAT list!! Thank you very much! :)

  11. 12

    Magic Lighting Effect link does not work… :(

  12. 14

    Thanks for this great post!!!

  13. 15

    Thanks a lot!

    Very usefull list for a beginner like me.

  14. 16

    Vlad Gerasimov

    January 10, 2008 11:21 am

    I think Vladstudio Photoshop tutorials page is worth mentioning too!

  15. 17

    Great list of tutorials ! Thank you very much.

  16. 18

    Really well done.. Keep up the good work guys : )

  17. 19

    Another masterpiece.
    Thanks again!

  18. 20

    OMG!!!!!!!! Thanksss, you are the best.

  19. 21

    This very well could be one of the coolest posts I’ve seen in a very long time

  20. 22

    This very well could be the coolest blog I’ve seen in a very long time


↑ Back to top