Menu Search
Jump to the content X X
Smashing Conf San Francisco

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 San Francisco, dedicated to smart front-end techniques and design patterns.

Hand-Picked Photoshop Tutorials

Adobe Photoshop is a powerful tool for designing various visual elements one can use for web-pages. However, sometimes it’s important to know what to do in order to achieve some effects. In such cases, step-by-step tutorials can provide help and save a lot of time you would have to spend on finding a solution otherwise. Let’s take a look at some of the best Adobe Photoshop tutorials we’ve found in the Web so far. [Content Care Dec/28/2016]

Further Reading on SmashingMag: Link

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.

Photoshop Tutorials Link

Trippy Head Tunnel4

Learn how to Create a Trippy Head Tunnel Effect in Adobe Photoshop.

photoshop tutorials5

Abstract Polyscape6

A step by step guide through the process of creating an abstract polyscape in Adobe Photoshop.

photoshop tutorials7

Abstract mosaic of cubes8

How to create a deconstructed image using a pattern made out of cubes.

photoshop-hand-picked39

Chinese Monkey10

A text effect in Photoshop inspired by the Year of the Monkey according to Chinese zodiac.

photoshop-hand-picked411

Add ice to a photo 12

How to reliably fake the effect of arctic freshness from the warmth of your studio.

photoshop-hand-picked513

3D Floaties Text Effect14

Use Photoshop’s 3D tools, along with a couple of images, filters and adjustment layers, to create a retro, summery, floatie-inspired text effect.

photoshop-hand-picked615

Blueprint Effect16

Learn in this Tutorial how to create a Blueprint Effect in Adobe Photoshop.

photoshop-hand-picked717

Coffee Stain18

Learn how to create a Coffee Stain text style in Photoshop using layer styles and stain brushes.

photoshop-hand-picked819

Muddy Boot Print 20

This tutorial will show you how to use Photoshop’s transform modes, brushes, layer styles, and filters, along with some textures, to create a muddy boot print text effect.

photoshop-hand-picked921

BAFTA 2016 posters22

How these amazing BAFTA 2016 posters were drawn and painted.

photoshop-hand-picked1023

Childhood End24

This sci fi photo manipulation is inspired by the apocalyptic moment when life as we know it will come to an end.

photoshop-hand-picked1125

Flat Pirate Icons26

How to Create Flat Pirate Icons in Adobe Photoshop using basic shapes.

photoshop-hand-picked1227

Splashing Effect28

How to Create an Energetic Paint Splashing Effect in Adobe Photoshop.

photoshop-hand-picked1329

Fantasy Snail Photo Manipulation30

In this tutorial you’ll learn how to create a fantasy snail carrying a house.

photoshop-hand-picked1431

Shading techniques32

Shading techniques to add colour, highlights and shadows to artwork.

photoshop-hand-picked1533

Use Color to Set the Mood34

How to create three different moods using the same drawing, as well as how to use Adobe Photoshop’s tools to transition from one mood to another.

photoshop-hand-picked1635

Create a Grungy Star Wars Poster36

How to create a Grungy Star Wars Propaganda Poster in Photoshop.

photoshop-hand-picked1737

Matte Painting Landscape38

Learn how to create a matte painting landscape of misty mountains.

photoshop-hand-picked1839

Moody Scene Photo Manipulation40

How to create a moody scene photo manipulation using Photoshop`s adjustment layer.

photoshop-hand-picked1941

Film Noir Effect42

Use black and white imagery with low key lighting to creating striking pictures with high contrast between light and shadow.

photoshop-hand-picked2043

Advanced collage techniques44

Blending a number of photos together to achieving photorealistic results.

photoshop-hand-picked2145

Double Exposure Effect46

Create a trendy double exposure effect in Adobe Photoshop with the help of Blending Modes and Clipping Masks in a few steps.

photoshop-hand-picked2247

Create a glowing superhero48

Turn a basic illustration into a retro-futuristic artwork in Photoshop.

photoshop-hand-picked2349

Making of Knight50

Inspired by the fantastic novels of J.R.R.Tolkien: knights ride the horses in the battlefield.

photoshop-hand-picked2451

Paint a Castle52

This tutorial will explain how to paint a castle on top of a photograph.

photoshop-hand-picked2553

Fantasy Digital Painting54

Create a Colorful Fantasy Digital Painting in Photoshop.

photoshop-hand-picked2655

Lonely56

Another manipulation tutorial with effects, blend modes, and illumination.

photoshop-hand-picked2757

Arctic Snow Frog58

Combine several stock images and effects to create a fictional arctic snow frog in Photoshop.

photoshop-hand-picked2859

“Blade Runner” Inspired Composition60

Learn how to this surreal photo manipulation of Blade Runner on an interior skyscraper with Photoshop.

photoshop-hand-picked2961

Underwater Photo Manipulation62

How to create a funny underwater scene featuring a big fish stuck on a tree.

photoshop-hand-picked3063

Libraries of Photoshop Tutorials Link

Abduzeedo64

Abduzeedo is a collective of individual writers sharing articles about architecture, design, photography and UX.

photoshop-hand-picked3165

envatotuts66

Free How-To Tutorials and Online Courses.

photoshop-hand-picked3267

Adobe TV68

Adobe`s own TV show to create powerful images with the professional standard.

photoshop-hand-picked3369

TextTuts70

The tutorials presented here aim to explain how to achieve some awesome text effects.

photoshop-hand-picked3471

Photoshop-Weblog72

Famous german blog full of videos and links

photoshop-hand-picked3573

Photoshop Lady74

Photoshop Lady aims to collect the best and free photoshop tutorials around the internet.

photoshop-hand-picked3675

DigitalArts76

Comprehensive coverage of the art of graphic design, 3D, animation, video, effects, web and interactive design.

photoshop-hand-picked3777

Spoon Graphics78

Spoon Graphics is home to a range of design tutorials, free resources and inspiration.

photoshop-hand-picked3879

PSD Dude80

Tutorials, Brushes, Shapes, Textures, Icons and more.

photoshop-hand-picked3981

PSDfan82

PSDFan is a blog centered around design and Photoshop with Photoshop tutorials, articles, inspiration, and freebies.

photoshop-hand-picked4083

PSD Stack84

PSD Stack is all about providing the high quality Photoshop Tutorials and design resources.

photoshop-hand-picked4185

Photoshop Tutorials86

All about Drawing, Layouts, Effects, Maipulation, Retouching, and Text Effects.

photoshop-hand-picked4287

PSD Vault88

In operation since 2008, PSD Vault focuses on providing high quality, step-by-step Photoshop tutorials and digital art showcase.

photoshop-hand-picked4389

DesignStacks90

Design Stacks is a long established and highly respected online design magazine with over 2,500 published design related articles and tutorials.

photoshop-hand-picked4491

Gomedia92

Go Media believes in creating remarkable design experiences.

photoshop-hand-picked4593

Footnotes Link

  1. 1 https://www.smashingmagazine.com/2009/03/50-stunning-photoshop-text-effect-tutorials/
  2. 2 https://www.smashingmagazine.com/2008/12/50-excellent-digital-photography-photoshop-tutorials/
  3. 3 https://www.smashingmagazine.com/2008/07/70-beauty-retouching-photoshop-tutorials/
  4. 4 https://design.tutsplus.com/tutorials/create-a-trippy-head-tunnel-effect-in-adobe-photoshop--cms-26602
  5. 5 https://design.tutsplus.com/tutorials/create-a-trippy-head-tunnel-effect-in-adobe-photoshop--cms-26602
  6. 6 http://blog.spoongraphics.co.uk/tutorials/how-to-create-an-abstract-polyscape-in-adobe-photoshop
  7. 7 http://blog.spoongraphics.co.uk/tutorials/how-to-create-an-abstract-polyscape-in-adobe-photoshop
  8. 8 http://www.digitalartsonline.co.uk/tutorials/photoshop/turn-portrait-photo-intruiging-abstract-mosaic-cubes/#1
  9. 9 http://www.digitalartsonline.co.uk/tutorials/photoshop/turn-portrait-photo-intruiging-abstract-mosaic-cubes/#1
  10. 10 http://www.psd-dude.com/tutorials/chinese-monkey-year-text-effect-in-photoshop.aspx
  11. 11 http://www.psd-dude.com/tutorials/chinese-monkey-year-text-effect-in-photoshop.aspx
  12. 12 http://www.digitalartsonline.co.uk/tutorials/photoshop/add-ice-to-photo-in-photoshop/
  13. 13 http://www.digitalartsonline.co.uk/tutorials/photoshop/add-ice-to-photo-in-photoshop/
  14. 14 https://design.tutsplus.com/tutorials/3d-floaties-text-effect--cms-26944
  15. 15 https://design.tutsplus.com/tutorials/3d-floaties-text-effect--cms-26944
  16. 16 http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-blueprint-effect-in-adobe-photoshop
  17. 17 http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-blueprint-effect-in-adobe-photoshop
  18. 18 http://www.psd-dude.com/tutorials/how-to-make-a-coffee-stain-text-in-photoshop.aspx
  19. 19 http://www.psd-dude.com/tutorials/how-to-make-a-coffee-stain-text-in-photoshop.aspx
  20. 20 https://design.tutsplus.com/tutorials/muddy-boot-print-text-effect--cms-27643
  21. 21 https://design.tutsplus.com/tutorials/muddy-boot-print-text-effect--cms-27643
  22. 22 http://www.digitalartsonline.co.uk/tutorials/photoshop/incredible-bafta-2016-poster-step-by-step/
  23. 23 http://www.digitalartsonline.co.uk/tutorials/photoshop/incredible-bafta-2016-poster-step-by-step/
  24. 24 http://www.psd-dude.com/tutorials/childhood-end-the-last-days-on-earth-photoshop-tutorial.aspx
  25. 25 http://www.psd-dude.com/tutorials/childhood-end-the-last-days-on-earth-photoshop-tutorial.aspx
  26. 26 https://design.tutsplus.com/tutorials/how-to-create-flat-pirate-icons-in-adobe-photoshop--cms-27043
  27. 27 https://design.tutsplus.com/tutorials/how-to-create-flat-pirate-icons-in-adobe-photoshop--cms-27043
  28. 28 https://design.tutsplus.com/tutorials/create-an-energetic-paint-splashing-effect-in-adobe-photoshop--cms-27054
  29. 29 https://design.tutsplus.com/tutorials/create-an-energetic-paint-splashing-effect-in-adobe-photoshop--cms-27054
  30. 30 https://design.tutsplus.com/tutorials/create-a-fantasy-snail-photo-manipulation-with-photoshop--cms-27094
  31. 31 https://design.tutsplus.com/tutorials/create-a-fantasy-snail-photo-manipulation-with-photoshop--cms-27094
  32. 32 http://www.digitalartsonline.co.uk/tutorials/photoshop/shading-techniques-colour-highlights-shadows/
  33. 33 http://www.digitalartsonline.co.uk/tutorials/photoshop/shading-techniques-colour-highlights-shadows/
  34. 34 https://design.tutsplus.com/tutorials/perfect-different-moods-with-color-in-adobe-photoshop--cms-27074
  35. 35 https://design.tutsplus.com/tutorials/perfect-different-moods-with-color-in-adobe-photoshop--cms-27074
  36. 36 http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-grungy-star-wars-propaganda-poster-in-photoshop
  37. 37 http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-grungy-star-wars-propaganda-poster-in-photoshop
  38. 38 http://www.psdstack.com/photoshop-tutorials/photo-manipulation/how-to-create-a-matte-painting-landscape-of-misty-mountains-in-photoshop/
  39. 39 http://www.psdstack.com/photoshop-tutorials/photo-manipulation/how-to-create-a-matte-painting-landscape-of-misty-mountains-in-photoshop/
  40. 40 http://www.psdstack.com/photoshop-tutorials/photo-manipulation/how-to-create-a-moody-scene-photo-manipulation-in-photoshop/
  41. 41 http://www.psdstack.com/photoshop-tutorials/photo-manipulation/how-to-create-a-moody-scene-photo-manipulation-in-photoshop/
  42. 42 http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-film-noir-effect-in-photoshop
  43. 43 http://blog.spoongraphics.co.uk/tutorials/how-to-create-a-sin-city-style-film-noir-effect-in-photoshop
  44. 44 http://www.digitalartsonline.co.uk/tutorials/photoshop/advanced-collage-tricks/
  45. 45 http://www.digitalartsonline.co.uk/tutorials/photoshop/advanced-collage-tricks/
  46. 46 https://design.tutsplus.com/tutorials/make-a-trendy-double-exposure-effect-in-adobe-photoshop--cms-23774
  47. 47 https://design.tutsplus.com/tutorials/make-a-trendy-double-exposure-effect-in-adobe-photoshop--cms-23774
  48. 48 http://www.digitalartsonline.co.uk/tutorials/photoshop/create-glowing-superhero/
  49. 49 http://www.digitalartsonline.co.uk/tutorials/photoshop/create-glowing-superhero/
  50. 50 http://www.cgarena.com/freestuff/tutorials/photoshop/knight/knight.html
  51. 51 http://www.cgarena.com/freestuff/tutorials/photoshop/knight/knight.html
  52. 52 https://design.tutsplus.com/articles/paint-a-castle-in-photoshop-part-1--psd-15655
  53. 53 https://design.tutsplus.com/articles/paint-a-castle-in-photoshop-part-1--psd-15655
  54. 54 https://design.tutsplus.com/tutorials/create-a-colorful-fantasy-digital-painting-in-photoshop--psd-18357
  55. 55 https://design.tutsplus.com/tutorials/create-a-colorful-fantasy-digital-painting-in-photoshop--psd-18357
  56. 56 https://www.psdbox.com/tutorials/lonely-photoshop-manipulation-tutorial
  57. 57 https://www.psdbox.com/tutorials/lonely-photoshop-manipulation-tutorial
  58. 58 https://design.tutsplus.com/tutorials/create-a-fictional-arctic-snow-frog-in-photoshop--psd-12314
  59. 59 https://design.tutsplus.com/tutorials/create-a-fictional-arctic-snow-frog-in-photoshop--psd-12314
  60. 60 https://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/create-intense-blade-runner-inspired-composition-shattered-glass-bullets/
  61. 61 https://photoshoptutorials.ws/photoshop-tutorials/photo-manipulation/create-intense-blade-runner-inspired-composition-shattered-glass-bullets/
  62. 62 https://design.tutsplus.com/tutorials/create-a-funny-underwater-scene-with-photoshop--cms-27602
  63. 63 https://design.tutsplus.com/tutorials/create-a-funny-underwater-scene-with-photoshop--cms-27602
  64. 64 http://abduzeedo.com/
  65. 65 http://abduzeedo.com/
  66. 66 https://design.tutsplus.com/
  67. 67 https://design.tutsplus.com/
  68. 68 http://tv.adobe.com/product/photoshop/
  69. 69 http://tv.adobe.com/product/photoshop/
  70. 70 http://textuts.com/
  71. 71 http://textuts.com/
  72. 72 http://www.photoshop-weblog.de/
  73. 73 http://www.photoshop-weblog.de/
  74. 74 http://www.photoshoplady.com/
  75. 75 http://www.photoshoplady.com/
  76. 76 http://www.digitalartsonline.co.uk/
  77. 77 http://www.digitalartsonline.co.uk/
  78. 78 http://blog.spoongraphics.co.uk/
  79. 79 http://blog.spoongraphics.co.uk/
  80. 80 http://www.psd-dude.com/
  81. 81 http://www.psd-dude.com/
  82. 82 http://psd.fanextra.com/category/tutorials/
  83. 83 http://psd.fanextra.com/category/tutorials/
  84. 84 http://www.psdstack.com/
  85. 85 http://www.psdstack.com/
  86. 86 https://photoshoptutorials.ws/
  87. 87 https://photoshoptutorials.ws/
  88. 88 http://www.psdvault.com/
  89. 89 http://www.psdvault.com/
  90. 90 http://designstacks.net/
  91. 91 http://designstacks.net/
  92. 92 http://gomedia.com/zine/category/tutorials/photoshop/
  93. 93 http://gomedia.com/zine/category/tutorials/photoshop/

↑ Back to top Tweet itShare on Facebook

Dirk Metzmacher is a professional Photoshop trainer and book author with over 10 years of experience. He is also the creative mind behind (Photoshop-Weblog), a blog about techniques, tutorials and resources related to Adobe Photoshop.

Comments are closed.

↑ Back to top