Photoshop Tip: PSD to HTML Easy Shortcuts

This video will show you why slicing is the old school way of converting a PSD to HTML.

Video Notes:

Hide all other layers: “option” + click
Create marquee: “command” + “a”
Copy merged: “command” + “shift” + “c”


  1. T says:

    Didn’t seem to save that much time to me. Sure you couldn’t use some other examples of why a newer approach is much faster?

    Would love 2 see more videos of your skills.

  2. Paz Aricha says:

    Nice tip man! thanks.

  3. Oh man, this video tutorial couldn’t have come at a better time! I am self-taught so everything you stated at the beginning of the video, I am most certainly guilty of. Your shortcuts will certainly cut down time, especially since I am now coding a friend’s site.

    This made my day, thanks!

  4. Anthony says:

    Fantastic! Great tip! Thanks man!

  5. Krissy says:

    Looks Easy. Great tip. Thanks a lot for taking time to share.

Leave a WordPress Reply


Christopher John is a web designer and WordPress theme developer living in beautiful Bothell, WA with his wife and two kids.

Since 2008, he’s been an active author on ThemeForest where he enjoys spending his days designing and developing ultra-niche WordPress themes. More →