Layout Design Bootcamp – Episode 3 – Website Banners

Welcome to episode 3 of Layout Design Bootcamp where my goal is to take you through entire design layouts to show you the exact process of how it’s done. In this third episode, I continued to implement the brand of “Chubby Cat” that I developed in Logo Design Bootcamp Episode number 3. I decided to design a set of website banners and a fake website skin to make it seem more realistic ( This tutorial will teach you so many things including:


  • Figuring out the correct size for your layout
  • Setting up your images for a print/web layout
  • Masking out images in Photoshop
  • Channels & Levels
  • All aspects of the pen tool
  • Clipping masks
  • Warping shapes
  • Balance of design
  • Saving for web
  • The shear tool
  • and of course…..much more!