Pushing Photoshop to the Limit: 13 Most Advanced tutorials

November 26th, 2008

Adobe Photoshop is probably one of the most popular graphic editing program used extensively. There is one simple reason for that. Photoshop is easy to learn and offer a variety of advanced tools to optimize and emphasize some impressive results.

That’s why many designers use it to compliment other programs like Flash, Illustrator, Cinema 4D and After Effects. But wait it doesn’t stop here, there is more! If you need to design an impressive layout, you will sure use Photoshop to do the design and slice it into XHTML later.

This article provides 13 Advanced Adobe Photoshop tutorials which can enrich your design skills and improve the quality of your works whether you are using Flash, Illustrator, After Effects or Web design.

Photoshop wih Cinema 4D

1. Creepy Ghost in Photoshop & Cinema 4D

advanced photoshop tutorials

In this tutorial you will learn how to create a nice ghost using Photoshop mixing an image created in Cinema 4D with some photos. You will also learn how to use the Cloth feature in Cinema 4D.

2. How to Create Explosive Typographic Effects in Cinema 4D

advanced photoshop tutorials

“In this tutorial I will walk through the steps I used to create this illustration to bring alive the word “collide.” While you may not find yourself needing to recreate the word “collide,” I hope you will find useful the techniques I will cover: extruding text in Cinema 4d, using displacement maps in Cinema 4d, using the explosion deformer in Cinema 4d, exporting to photoshop from Cinema 4d, unique color enhancing techniques in Photoshop, various layer modes applied in Photoshop for great light effects”

Photoshop wih Flash

3. Parallax Gallery

advanced photoshop tutorials

In this tutorial, you will learn how to make a Flash parallax scrolling gallery from scratch. You will learn how to create and add decorative items using photoshop after that the PNG file will be imported to flash file where all the magic begins.

4. Importing Photoshop Files Into Flash

advanced photoshop tutorials

“As developers who live and breathe Photoshop, we always hated how hard it was to move Photoshop assets into Flash, but Adobe Flash CS3 has seduced us and transformed hate into passionate love. Specifically, we’re head over heels about Flash’s new ability to import Photoshop files, keeping layer (and most other) info intact.”

5. Animated Zoom Blur in Flash CS3

advanced photoshop tutorials

“Some Flash effects never seem to go out of style. One such classic is a zoom-blur effect used on photographs that’s much more eye-catching than simply zooming in or out on the image. In this tutorial, we’ll combine Flash CS3 with Photoshop CS3 to create a similar zoom-blur effect on a photo. These techniques can be applied to any Photoshop filters and experimentation is the key here.”

Photoshop wih Illustrator

6. Create a Dream Design with 3D Typography

advanced photoshop tutorials

“In this tutorial, you will learn how to create a 3D Typography based design. All the elements will revolve around the centerpiece and theme: dreaming. The word will dictate the entire layout and control the space by allowing everything else to emerge from within. The trees will grow out of the letters; the mountains will show themselves behind the word and overshadow the glowing moon.”

7. Trendy Geometric Lines Design Tutorial

advanced photoshop tutorials

“Starting with the design application of Adobe Illustrator create a group of vector based geometric lines at dynamic 45 degree angles, then follow the walkthrough to rough them up with brush textures in Adobe Photoshop resulting in a cool and trendy design style.”

8. Pseudo-Sugar Skull: From Start to Finish

advanced photoshop tutorials

A great start to finish essay on the creation of an illustrated pseudo-sugar skull using Photoshop and Illustrator.

Photoshop wih After Effects

9. Ink Bleeding Effect in After Effects (Like Gnarls)

advanced photoshop tutorials

“In this tutorial I’ll recreate a similar look from an older Gnarls Barkley video. The principles I’ll cover are foundational and can be used for some incredible animations other than simply imitating a great music video. I will focus on the following in this tutorial: Using Alpha and Luma Mattes in After Effects, Frame by Frame animation using CS3’s Illustrator, Photoshop, and After Effects”

10. Animate the Splash Using Photoshop and After Effects

advanced photoshop tutorials

“In this Olympic-inspired tutorial, Corey teaches an effect where he extracts areas of an image in Photoshop and then animates them using After effects in order to create a 3D movement effect with the image.”

Photoshop wih Web Design

11. How to Convert a PSD to XHTML

advanced photoshop tutorials

A screencast that shows you exactly how to convert a PSD into perfect XHTML/CSS. You can view a demo here

12. Converting a Photoshop Mockup

advanced photoshop tutorials

In this three-part series, Chris will show you exactly how to convert a psd to html. This series is strongly recommended for those just getting into the field.

13. Build a Sleek Portfolio Site from Scratch

advanced photoshop tutorials

In this tutorial you will learn how to take a PSD file and build it with some nice clean HTML and CSS.

The jungle is alive: Be it a collaboration between two or more authors or an article by an author not contributing regularly. In these cases you find the Noupe Editorial Team as the ones who made it. Guest authors get their own little bio boxes below the article, so watch out for these.

Tags: ,

32 comments for „Pushing Photoshop to the Limit: 13 Most Advanced tutorials
  1. Jim on November 26th, 2008 at 6:04 am

    Very nice list of tuts.

  2. insicdesigns on November 26th, 2008 at 6:14 am

    Amazing and very useful tutorial.

  3. zero0x on November 26th, 2008 at 6:20 am

    great list, thanks

  4. The Floating frog on November 26th, 2008 at 7:09 am

    That video by Chris is great, everyone should watch it

  5. Dietmar on November 26th, 2008 at 8:29 am

    Thanx for that list!

  6. Calvin Froedge on November 26th, 2008 at 8:33 am

    Great lists of tutorials! I think these can really take your web designs to the next level :D

  7. PoetXaja on November 26th, 2008 at 10:18 am

    The Parallax tutorial should not be on this list, it’s god awful and craptastic.

  8. Brandon on November 26th, 2008 at 2:43 pm

    PS never ceases to amaze me in its capabilities – thanks for passing along the cool tutorials!

    • Connor on October 16th, 2009 at 11:46 am

      funny u say that becuz PS seems to do more than all the other programs lol ;]

  9. Neill Horsman on November 26th, 2008 at 9:16 pm

    Awesome tuts, love the Trendy Geometric Lines Design Tutorial, thats my desktop calendar. :D

  10. czechyoself on November 27th, 2008 at 4:52 am

    Awesome stuff. I will try some of these right now!

  11. B*Zakaria on November 27th, 2008 at 5:40 am

    Thanks for the job !

  12. Spe on November 27th, 2008 at 8:56 am

    Very nice list, the creepy ghost one is my favorite.

  13. Webmaster Blog on November 27th, 2008 at 10:16 am

    thank you very nice lists.

  14. female model on November 27th, 2008 at 12:15 pm

    I love tutorials, I wish I had more time do them all…

  15. Rahul on November 27th, 2008 at 11:03 pm

    This is a great list of photoshop tutorials. I’ll certainly try my hands on few of them. cheers.

  16. CM Cheng on November 28th, 2008 at 12:25 am

    Thanks for showcasing. I need to master all of these… haha…

  17. Regina Dunn on November 28th, 2008 at 12:33 am

    Thanks for the great list! These would be perfect for practice and for anyone who needs to build up their porfolio; like me.

  18. Jim on November 29th, 2008 at 5:42 pm

    Are these effects able to be done on Photoshop Elements?

  19. Jon Williams on November 29th, 2008 at 8:00 pm

    Great stuff. Thanks you.

  20. DeadGlory on December 1st, 2008 at 7:58 am

    Some great tutorials here!

  21. Ricks on December 1st, 2008 at 5:45 pm

    Amazing list! I’m certainly going to try some of these for my portfolio!

  22. Mobius on December 3rd, 2008 at 8:17 am

    impressive set of tutorials, thank you!

  23. Henry on December 3rd, 2008 at 2:49 pm

    Great…!!! thank you

  24. Hediye on December 5th, 2008 at 7:14 am

    Cool work, thanks!

  25. Aile on December 8th, 2008 at 11:49 am

    Whats wih the spelling?

  26. Accessibleweb - Richard Morton on January 14th, 2009 at 11:56 am

    Having recently undergone some Photoshop training, I am now starting to understand more of the power of this application, and these tutorials will be really useful, particularly ones about converting PSD layouts to web pages. Thanks.

  27. jay on January 12th, 2010 at 12:43 pm

    I don’t think I would call these “Most Advanced”. They don’t really push Photoshop to limit, plus they involve working with other applications. Also, what does “wih” mean in your titles? Photoshop wih Flash???

  28. Henry on April 6th, 2010 at 12:08 am

    Everyone should watch it,This video is great.

  29. Lisa Austin on July 20th, 2011 at 12:25 pm

    Great effects. I loved the explosive typographic. I will definitely try that for my blog image. All the tutorials included in the lists are great. Many new techniques can be grasped in from here. I will suggest this to some of my friends too. They will love me for this. The clarity and relevance of the information is commendable. I am impressed. Thanks for your time and hard work. You did a wonderful compilation.

  30. B. Arthur on February 18th, 2012 at 3:34 am

    these arent 13 of the most anything.

    2 out of 13 are worth the title “advanced”. the rest are either crap, or beginner level, if that. sorry. but try again.

  31. Deepakwri on April 8th, 2013 at 1:24 pm

    Very impressive tut…. I will try some of these right now!