Give It a Tilt

with 16 Comments

Nannette-200I am always looking for ways to change up my layouts. That is one of the reason I love Digital Scrapper. With all the tutorials and different styles of kits I receive with my Premier membership, my digital scrapping never feels stale and old. So that is what I have for you today—a tutorial that will change up your layouts just a bit.

When I scroll through a layout gallery, layouts that have just a bit of a tilt to them always catch my eye. I don’t know why, but I really like how they look.  In trying to do this type of layout myself, I found that they can be a bit tricky.

The first bit of advice I would give you before you make this kind of layout, is to create it straight first. Use a design or a template that has a bit of a blocked look to it and try to not have anything touching the edges. Most of the Scrap It Now Templates would work great for this technique.

I made a template out of the page that I am featuring in this tutorial. If you would like to play along using one that looks like mine, you can download it here.

You can find instructions on how to use a layered template here.


Step One: Open and Use the Template

  • Open (File > Open) the template provided with this tutorial or a different one that has a blocked design.
  • Save a copy of the template (File > Save As) with a new file name so that you are not working on the original template.
  • Create your page, leaving off anything that you don’t want tilted.


Step Two: Tilt the Layout

  • Get the Move tool.
  • In the Layers panel, activate the bottom layer of the layers that you want to tilt.
  • While holding down the Shift key, activate the top layer to select all the layers that you want to tilt.

For this template, I activated all the layers but the bottom one. The circles really won’t change unless you have patterned paper clipped to them.

  • Press Ctrl T (Mac: Cmd T) to get the Transform options.
  • In the Tool Options, set the Angle to –10. (Photoshop: Set the Rotation to –10.) Click the checkmark to commit the transformation.

Note: You can change the amount of the Angle/Rotation according to what looks good to you.


Step Three: Add Other Elements and Crop

  • Add any other elements that you did not want to be tilted.
  • Press Ctrl A (Mac: Cmd A) to select all.
  • In the Menu Bar, choose Image > Crop.
  • Pres Ctrl D (Mac Cmd D) to deselect.

This will eliminate any pixels that were moved outside of the layout bounds by the rotation.


Layouts that have blocks that touch the edge of the layout are a bit more difficult. Here is a little trick that I use. After you have rotated the layout, if anything appears too short, rotate it back before changing the length. You will find it is much easier than trying to change the length while rotated.

Here is an example of a layout with blocks that touched the edge of the layout. I just had to work back and forth until I got the look I was looking for.


Digi Scrap Tutorial: Give It a Tilt by Nannette Dalton
Layout 1: Like Father Like Son
Kit: Dad’s Day by Digilicious Designs
Font: DJB Mandy, Impact, Geeoh HmkBold
Layout 2: Easter Bonnet
Kit: In My Easter Bonnet by Krystal Hartley
Tutorials: Deco Dynamic BrushGo Green – Repurposing Paper Previews,  and A Stitch in Time, Saves Nine by Nannette Dalton


Download this Digi Scrap Tutorial

16 Responses

  1. Robyn
    | Reply

    Hi, just tried to download the PDF, but the link doesn’t work!

    • Nann
      | Reply

      Sorry we seem to be having some technical difficulties. I have been locked out myself and couldn’t respond to comments. We should have everything fixed in a jiffy!

  2. Carol Abel
    | Reply

    the download link for the pdf file isn’t working – thanks

  3. Tora Geirs
    | Reply

    I wanted to download this tutorial but the link does not work 🙁

  4. playshans
    | Reply

    PDF link doesn’t work.

  5. Mary
    | Reply

    I wanted to save the PDF file, but the button does not work. Where can I find it?

  6. laser
    | Reply

    Unable to download pdf says it is not found

  7. donna
    | Reply

    Nann I just read through your tutorial. I love it and can’t wait to try it on a few layouts I ‘ve already done. Thanks so much for sharing this great tutorial!

  8. RachelR
    | Reply

    I downloaded the template and when I opened it in PS CS6 I get this message;
    “This document contains unknown data which will be discarded to keep layers editable. To preserve the original appearance instead, choose Flatten to load composite data as a flattened image.”

    Does all the Scrap It Now Templates have this error?

    • Nann
      | Reply

      Rachel, I did a little research to see what that message meant exactly. Because I made the template in Photoshop CC and you are opening it Photoshop CS6 it is warning you that there may be some new features in the document you are trying to open, that will not open in an older version. You should have no problems opening it. Don’t flatten it because then it is useless to you as a template. Does that make sense?

  9. Shirl
    | Reply

    I have never tilted multiple layers in this fashion, but I am game to try. I have only tilted individual photos maybe two at the most.. You have created a warm and colorful layout page using this tutorial. Thank you for your continuous and varied DSTs. Hugs. 🙂

  10. k miller
    | Reply

    Downloads as a tif. How is that workable in PSE????

    • Nann
      | Reply

      K Miller, .tif files will work in PSE with no problems. The free download for the template has been changed to a .psd if you like working with that better. Feel free to re-download.

  11. Lori B
    | Reply

    Thank you for the inspiration! I finally just made a layout and tilted it – love the look, and appreciate the idea!!! is my page!

    • Nann
      | Reply

      Your page turned out great! I love the fun happy colors and the tilt just gives it that little “extra”! You should post it in the Digital Scrapper Tutorial Gallery it is very inspiring!

  12. Tammy Graf
    | Reply

    You made this look so easy! Thanks for the great tutorial.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.