Creating Your First Digital Layout

Tutorial written by Lorraine:

Creating your first digital layout doesn't have to be difficult. If you already scrapbook using paper, the process is the same, except you can move things around, resize them and you don't need any glue or tape.

We will begin by making a very simple digital layout. For this tutorial, it is assumed that you already understand the basics of how the program you are using works, we are simple building a layout.

1. Choose the photo(s) that you wish to place on your layout.

I chose this picture of my daughter Camille in her new Christmas dress. We haven't added the picture yet, but I put it here, so you can see how nice it goes with the background.

2. Choose a kit that will nicely feature your photos. It is not necessary to choose items from only one kit, but at first this can make coordinating elements and papers easier.

I chose to use the kit Cherished Memories by Paula Yagisawa because the pinks seemed a good compliment to Camille's dress.

3. Choose Background.

I added this pink paper for my background. It looks nice with my photo!

4. Choose a paper to create a mat(s). Crop the paper and place on your layout.

I chose a pink paper to mat my photo, and also decided to add a strip of the green striped paper across the bottom of my page.

5. Crop photos and add to layout.

I cropped the photo of my daughter to fit inside my mat.

6. Add embelishments (elements). You can add as many or few as you like. Don't be afraid to try them in different locations or to move them around.


7. Add any special effects. (ex: making a string go through the hole in a tag)

In this case, I used my burn tool to darken the edges of my paper mat to make it stand out a bit. (Similar to inking the edges in paper scrapping.)

8. Add drop shadows. It is important to add drop shadows so that your digital layout appears as it would if it were a paper scrapped layout. This gives much more depth to your page.


9. Add Title and journaling (text).


10. Record the credits for the products and font you used for your layout.
For this layout I used Paula Yagisawa's Cherished Memories kit and my font was CK Bella.

11. Save as a .jpg and share!

How to Chalk Elements

In "paper scrapping", scrappers will often add color to elements or layouts but "chalking" them. This is where you use chalk to roughly apply a layer of color to an element like paper, chipboard, cardboard, or other porous items.

My favorite digi-scrap item to chalk is chipboard. You'll find a sample of chipboard elements as a freebie in the sidebar of this blog. These are great for you to practice on, but can also be used for personal or commercial use - no credit required!

1. Open the desired element and use the magic wand to select the transparent area of the layer.



2. Invert the selection and contract by around 4-8 pixels. Add/create a new layer - but do NOT alter the selection. (I've shown the selection with drawn in black marks - your software will show you much smaller "marching ants" that mark the selection.)

The reason you want to contract the selection is to avoid coloring the edges. The edges of many elements are created to show some "depth" - if you color over this area, you'll end up with a flat looking element.



3. Select a natural type brush (from whatever brushes you have) and use it to brush or paint your desired color onto the new layer. You can adjust the settings and size of your brush to give you the results you are looking for.



4. Don't try to be neat! You should allow the color of the chipboard to show through in random spots; this will add to the realism of the chalked element.



5. Have fun with this! Work on however many new layers you want and add whatever decorative touches you want for your element.

By working on different layers, you'll make it MUCH easier on yourself to make changes if you decide you don't like something. You can simply hide or delete the layer you don't like and make a new layer to rework your color!



*** Real hand chalked elements would not be perfect - so have fun with this and let them be a little rough or grungy!

Size Really Does Matter!

As a brand new beginner, I recall all the different things I had to learn about digital scrapping in order to get the look I wanted to achieve. One of my earliest mistakes was about SIZE, so I figure this is an issue that many people have a problem with. Hopefully, this will get you off to a good and consistant start!

First, how do you count the size of digital images?

The most important measurement for a computer image is the pixel size. The next most important is the "resolution". The best resolution for printing photos (and digi-scrapped pages) is 300 dpi - that's 300 dots per inch.

Ok, now to your "paper size" – most digi-scrapping kits are created for 12x12 scrapping. So, the papers are 3600x3600 pixels. Many people simply scrap at this size and save them at this size - even if they print at a different size. However, if your computer/software is sluggish or if you want to print rectangular LOs, then you will want to resize to suit your specific needs.

I print my LOs as 8x8 pages, so I sometimes scrap them at that size also. I make my papers 2400 pixels square and re-save them at that size prior to scrapping. I name them originalname-2400.jpg to make sure that I don't lose the original.

Other people like to create their pages and print them as 8x10 pages (great for 3-ring binders and for easy printing at photo labs). The best way to do this is to resize your paper to 10 inches square first - this is 3000 pixels square. Next, trim off or remove the extra two inches; you can simply select the 2400 x 3000 pixels you want to keep. This allows you to keep as much of the pattern in the paper as you want, while getting the right size.

If the paper you are working with isn't a "patterned paper", then you don't need to resize. Simply use your selection tool to get the area you want. Or, you can re-size the paper to the new size – not even worrying about the proportions.

Now that you've gotten the right size paper, you might be wondering about the elements. Well, when paper scrapping, you use the same ribbons, buttons, eyelets, brads, alphas, stickers, etc. - for both 12x12 pages and 8x8 pages. Because of this, you may not need to resize your elements at all! But, many times, the designer may have created the element slightly larger than you would find it realistically; this is because it's always easier to reduce an image than to increase it. If you find that the element you want to use doesn't look correct on your page, then resize it! That's the greatest thing about digi-scrapping!!!!

What about other DPI?

Well, sometimes the picture you want to scrap will simply be a smaller size. You can get an acceptable print at 200 dpi also (though not as nice as 300 dpi). Rather than increase the size of the pictures, you could create the page at 200 dpi; that would be 2400 pix for 12x12 pages, 1600 pix for 8x8 pages, and 2000x1600 for 10x8 pages.

Saving files for printing and sharing:

You should be creating the original file with layers (this is explained in other areas of the tutorial files) and saving it in the native format of your graphics program. Once your page is finished, save it as a .jpg for printing; this will compact all of the layers. Next, resize the .jpg file to 600 pixels square and save with a different name or in a special folder (for Internet sharing); this file should be smaller than 150 kb, if it isn't, then you might need to reduce the quality or the pixel size to make it small enough to share. By making it 600 pixels, it will be large enough to see by those viewing your gallery.

I hope all of this information is helpful to you! I know it was one of the very first things I needed to learn. My first LOs weren't even square - even though I planned from the start to print my LOs and keep them in an 8x8 album.

What is a "digi-scrapping" kit?

Just like a paper scrapbooking kit, a digiscrapping kit is a collection of "papers", ribbons, fasteners, and other misc. elements that are all co-ordinated to go together. The difference - a digi-kit exists in a digital version.

* You can use the papers and elements as many times as you want.
* You can recolor papers and elements to better match your pictures.
* You can manipulate papers and elements to get unique pieces.
* You can also make your own papers and elements!

Each kit you purchase or download for free should have information with it:

Designer name and kit name (check the preview for this information)
TOU/Terms of Use (this tells you how you can and can not use the items in the kit - each TOU is different)
Thank-you graphic (included in many but not all kits)

Refer to these if in doubt about restrictions for use. Also, if you upload your LOs for viewing, you will need to know the designer name for giving credit.

Bottom line -
If you are using someone else's creative work, don't claim it as your own and don't share it!

What is Digital Scrapbooking?

Scrapbooking is collecting pictures, journaling, and memorabilia into a book form - digital scrapbooking is just doing the same thing - but in a digital version.

With the use of graphics software (such as Paint Shop Pro, Adobe Photoshop, or Photoshop Elements) you create a layout (aka LO) using digital "papers" and other elements along with your photographs and any other scanned memorabilia.

Why would you want to digiscrap instead of paper scrap? Well, your digital LOs can be printed over and over again. Or, you can send the LOs to other people via the Internet - this makes it easy to share the pages with family and friends all over the world! You can also use the digital image in the form of a screen saver, DVD slide show, or other digital viewing methods.

Other advantages include: NO MESS! Paper scrapping can be messy. PERFECT pages - circles are really circles and colors can be matched exactly! UNDO button - if you make a mistake, it is very simple to undo that section and fix it! You can't do that with paper scrapping.

Plus - it's a fabulous way to save your memories for the future!

If you are already a paper scrapper, I'd suggest trying some digital scrapping or maybe some "hybrid" scrapping (combining paper and digital scrapping into one project). Many paper scrappers switch over 100% to digital while others prefer the combination.

Recoloring Elements

Tutorial by Lorraine

This tutorial will include include PhotoShop short-cuts, but the general directions will work for any program.

General Instructions:
1. Open the element that you wish to recolor.
2. Adjust the Hue/Saturation to get the color that you want.
3. Adjust the Brightness/Contrast to get a better color match.

PS/PSE specific instructions:
1. Pick foreground color to be the color which you want to achieve using the color picker.


2. Go to the Hue/Saturation dialog box by clicking on Enhance-Adjust Color-Adjust Hue/Saturation in the drop down menu, or keyboard short-cut ctrl-u (PC).




3. Click "colorize". This causes the grey-scale element to take the hue of your foreground color.


4. Adjust Hue/Saturation and Lightness to get your desired color. Hit ok.


5. To achieve an even better color match you can adjust the brightness/contrast. To do this select Enhance-Adjust lighting-Brightness/Contrast from the drop down menu. Adjust the slider until you get the color you want.




Hit ok, and you are finished!



Note: if you are recoloring several items to the same color, it is advisable to open them all and recolor them one after another, to get a better match.


As with all things, there are lots of ways to accomplish recoloring an element. Another option is to place a paper or solid color layer over the object and then group the top layer with previous. Then you can adjust the blending modes to get the look you want - perhaps another tutorial for another day!

Using Templates in PS/PSE

Tutorial by Lorraine:

This tutorial describes the process to create a layout in PhotoShop and PhotoShop Elements using a layered .psd or .tiff file.

You can try this on your own using the Freebie Template (see link at right). For this example, I used the freebie template and a paper from Paula Yagisawa's Hula Honey Mini Kit.

1. Open the .psd or .tff file. Resave with a new name, so that you don't accidentally overwrite the template file with your layout.


2. Select the layer in the layers palette which you wish to work on.


3. Copy/open the paper or picture which you would like to have take the shape of the selected layer. There are lots of ways to do this. (I usually have it open and just drag it in.) It should automatically get placed above the selected layer. If it does not, you will need to move it up or down in the layers palette until it is above the layer you are working on.


4. Group the layer with the previous one, which will cause the paper/photo layer to take the shape of the layer below it. This is the magic! Here are three different ways to do this:
- With the paper/photo layer selected in the layers palette, select Layer-group with previous from the drop down menu.

- With the paper/photo layer selected, use the keyboard short-cut ctrl-g (PC) to group the layer with the previous.
- Place your cursor over the line separating the two layers in the layers palette and hold down alt. The cursor will change from a hand to an image with a little black arrow next to some overlapping circles. Click, and it will group the layers.
Whichever method you use, you will notice that your paper now takes the shape of the layer below it, and in the layers palette, it has been indented slightly with a little arrow in front of it.


5. With your paper/photo selected, you can now move and resize it so that the part you want to see is visible.


6. Highlight both layers (hold down shift and click on both) and then merge the layers together. (Some people skip this step, but I find it helps me have a less cluttered layers palette.) To merge layers do one of the following, right click and choose merge layers; hit ctrl-e; or select Layer-Merge layers from the drop down menu.




7. Apply any shadows or layer styles you wish to the layer.


8. Repeat the process with the other layers of the template.

9. Some layers, you may wish to simply replace the shape with an element (such as a button or ribbon) from your digital stash. Some layers may actually be items that you can recolor (such as the buttons and ricrac in the template example.) See the tutorial on recoloring elements to learn how to recolor these objects.

10. Most important, remember, a template is only a guide. Make it your own by adding and subtracting elements or papers, or moving things around!