One of the online crafting communities I belong to is Kaisercraft. Kaisercraft is a multimedia crafting company that's based in Australia.. I'm not sure where in Australia though. Personally, I think this is fantastic, because we've got a TON of US based companies, and from what I've seen online, one of the biggest complaints that folks have internationally is that there's not alot out there for international scrapbookers, and prices tend to be higher because of the exchange rate and also because of customs and other things. As my friend Ngaire put it -she's from Scotland; however she's not a scrapbooker- they just ship stuff in from the US to the UK, and then replace the dollar sign with the pound. So in situations like this, they are paying DOUBLE of what it's worth here in the US! Quite sad really. So, I think Kaisercraft is fantastic for Australia, and the rest of the world as well.
I call them a 'multimedia' crafting company because they do not just traditional scrap booking with papers and other type of embellishments, but they've recently come out with a digital collection as well as their 'outside the paper' products such as chipboard albums and other items that you could alter to decorate your home. Anyway, I was on the forums, and I came across someone asking for help to create a digital layout. I don't know what program she has; however I will be using Photoshop CS3 to do this tutorial. As far as I know, PS CS3 is very similar to PS Elements -which is what most people have since it's more affordable- so hopefully those with Elements or any other version of PS can do use this tutorial.
First things first. The only digital scrapbooking collection I have of Kaisercraft's is called "Tag This". It was a free limited time download, and it's a fantastic kit! It's in colors of blues and greens and black, and while it seems to be more geared towards boys, they did include some feminine elements; and this is great because I've got two little girls!
So, on to the tutorial. I would recommend reading this through before attempting to do anything, to make sure that you fully understand the steps before taking them.
First, I would start by opening a new document. I think it's important to start with a blank slate and just go from there. Also this is helpful because when you download a digital collection, you NEVER want to save changes to the original file, because doing this will override the file with any changes you've made to it. To open a new document, you first open Photoshop, and then go to File > New. This is going to be similar to what you'll see.
Now, the three boxes you'll need to worry about are "Width", "Height" and "Resolution". I'm not sure what the settings are for the other collections -most likely the same- but for the "Tag This" collection, the resolution on the papers is at 12.4" for both Width and Height, and the Resolution is 300. So first, you'll need to change the type of resolutions from "pixels" to "inches"; that's really simple; just click on the down arrow and then select inches. You won't have to do it twice, because whatever you pick for one, it'll automatically change for the other one.
It'll look like this after you change the settings from pixels to inches. You'll need to manually change the width and height settings to "12.4" for both the width and the height, and then change the resolution to 300. It'll then look like this:
After you do this and select enter, you'll have a blank page pop up that looks like this:
Now, you can begin your layout. I will be doing a VERY simple layout. I'll show you how to "mat" your pictures the easy way, and I'll also show you how to select elements off of the embellishment digi sheet to apply to your layout, and of course I'll show you how to put your pictures to your layout as well.
Open up your folder with your digital elements and decide what you want to use as your 'cardstock base'. I've decided to use the paper called "Tag-This-Paper6A". Once you open up your base, you'll most likely see something like this:
Now to bring this paper onto your project, simply click on the paper and drag it to your workspace. Once you do that, you may have to adjust it so it's centered correctly. After you do this, you can close the original 'paper' document. If for any reason it asks you if you want to save changes made, select no. Yor workspace at this point will look the exact same; except if you look at your 'layers' menu to the bottom right -I'm not sure but I believe this is the default location for the layers menu in all versions of PS- and you'll see something like this:
This is one of the most important functions in photoshop. Without properly using this function, your digi-layout will not look right. It's really not that different than traditional scrapbooking, really. You'll want your cardstock at the bottom, then you'll want your mat over that, and then you'll want your picture over the mat. If it'll make it easier for you, you can rename your layers as you go along; and you can do this by double clicking on "Layer 1" (in this case anyway) and then type in the name you want to replace it as. I'll go ahead and change mine to "Base Cardstock". I will be using traditional terms to help ease you into digital from traditional scrapbooking.
Next, you'll need to decide what you want to do next. Since this is going to be a simple and easy layout, We'll add a picture, and I'll show you the cheater method to matting the picture. Of course, you'll need to decide what picture you want to place in your layout. I've decided to use a picture of my nephew Mason.
So once you open that in PS, at this point, if you feel that your picture needs editing go ahead and make these changes before you put it into your workspace.
In this case, I've gone ahead and cropped the picture down, adjusted the levels, fixed his red eyes, and applied a warming filter to the picture. Since the digi-page is going to be in cool colors, the extra warm contrast will help balance that out a bit. Of course, before you go and drag and drop it into your workspace, you need to adjust the resolution and decide on how big you want the picture. Since I'm creating a one picture layout, I want the picture to be on the bigger side. So, making sure you have the picture selected you'll need to go to "Image > Image Size" to make the adjustments. You'll probably see something along the lines of this:
One thing I want to stress is that when you take pictures with the intention of using them to make digital layouts, you'll want to make sure your camera is set to take them at a higher resolution. That way, depending on what you plan on doing with that picture, you can make it as large as you want in your project, or make it as small as you want. Anyways, you'll want to make a quite a few changes at this Image size menu. First, make sure that the three boxes at the bottom are checkmarked! It keeps the picture from going all funny looking while you're making changes to the resolution of the picture and such. Going back to the top, and working our way down; you'll want to keep the width and length at "pixels" because the only other option is "perecentage" and I honestly have no idea how you'd use that in this particular situation. Skip the "Document Size" width and height for a minute and make sure that your resolution is set to 300 pixels/inch. Once you change that, you'll notice that both sets of your widths and heights change. Since I want this to be 7" wide, I'll change the width in "Document Size" and it'll automatically adjust the size while retaining the necessary 300 pixels per square inch (ppsi). When you're done, hopefully your image size menu will look something like this:
At this point you can click and drag your picture to the workspace, just like you did with the base cardstock. For extra insurance, I would recommend saving your picture as a new file, in case you lose your work, and still want to use the exact same dimensions and such for the picture if you have to start over. I'll just save this as "mason" in my picture folder. Make sure when you do this, you do "Save As", not "Save" or it will overwrite your original image.
So, now that it's dragged into place and renamed, at this point, it's usually a good idea to save your project. I'll go ahead to File> Save and save it as "mason-tag-this.psd". When you're working with layers, it's always an excellent idea to save it as a .psd or photoshop document until you are
done with the project. By saving it as a psd file, you'll retain the layers so if you come back to it later, your layers will still be there.
Now to make a quick and easy mat. First, you'll need to decide what color you want the mat to be. I will usually pull it out of the page if the pattern is small enough, or I'll pick a color from the color swatch menu that I think will contrast nicely with the layout. In this case, I'll use the eyedropper tool method to pull a color out of the page. To do this, make sure you have your eyedropper tool selected, and then select a color out of the page. In this case, I will make my mat in the aqua color, and adjust it from there if needed by double clicking on the square, and adjusting the color in the menu that pops up.
If you're a first timer, I'd honestly recommend pulling a contrasting color out of the swatch bucket to the right side of the screen.
Next, you'll want to select the tool above the eyedropper; it looks something like a misshapen star, and select the 'rectangle tool'.
Once you select that, you'll then want to select the misshapen star or as it's called "Rectangle Options", and make the following changes:
With traditional scrapbooking, I make my mats a quarter of an inch wider and taller than the picture. This way, I have JUST the right amount of separation between the picture and the cardstock, without drawing too much attention to the mat. Of course, if you have a different preference; by all means, make those changes.
One thing before you apply the mat to the paper, make sure that you have the correct fill selected; in this case make sure "Fill Pixels" is selected. Once all the changes are done, go to "Layer > New > Layer" by default,
it will place the new layer over the picture; however you can simply go to the layer menu in the bottom right and click and drag the layer under your picture like so:
Of course, I renamed it to "Photo Mat". Next, making sure your rectangle shape tool is still selected and making sure you have the correct layer is selected, go ahead and click your mat on the screen where you want it to be. Don't worry about placing over the picture, because if you adjusted your layers correctly, it will appear under the picture! Once you've got it to your satisfaction, click on the top layer and continue.
Now, it's the fun part; adding other digital elements! This particular kit came with letters -I think all of them do- and so I think I'll add the letters of his name to the layout to start. Adding the letters will be just like adding the picture; since each letter is it's own file individually. And as with the picture, don't forget to change the resolution and size to insure that your letters will be proportionate to the rest of the page. And of course, if you don't like what the size looks like, you can go to "Edit > Step Backward" to undo any changes you've made. And remember, any changes you make to your individual files, do NOT save them! Of course, once you've added all the letters, you end up with a bunch of layers. Because I may want to make adjustments of the letters as a whole, there's a way to merge the five layers of Mason into one whole layer.
You do this by simply making sure that you have your topmost layer selected -in this case it's the "letter N" layer and then go to "Layer> Merge Down". This will cause the N and O layers to become one layer. Repeat this until you go from the above layers to this:
If you get a bit too eager and accidentally merge the wrong layers together, or you mess up, simply undo your work. Of course, you can rename the merged letters; I renamed it to "letters MASON". Now, time to add embellishments. The embellishments come two ways; individually as one file like the letters did, or in a sheet together. One element I want to apply is a mesy dot. After opening up the file and making size adjustments and then applying it to the workspace, adjusting where the layer goes and then renaming, I've come up with putting it in the bottom corner of the picture. Pretty simple.
The difficult part is when you've got the embellishments on a 'sheet' together in one file. You start by opening the image up in PS, adjusting the resolution to match the page and then deciding which embellishment you'd like to use. In this case, I'd like to use the large round brad at the bottom left.
You'll start by going to your menu to the left and selecting the marquee tool. Because this brad is round, I'd suggest selecting the Elliptical marque tool. Once the marque tool is sufficently surrounding the brad to your liking, right click (not sure what you'd have to do with a MAC) and select "Layer Via Cut" which will create a new layer on your embellishment sheet.
Select that layer, drag it and place it to your liking; usually when you bring in an element from another document it automatically creates a new layer. Unfortunately doing this resulted in a HUGE brad, so to change this I need to make sure I have my brad selected, and then go to Edit> Transform > Scale. I want it half the size, so I adjusted the width and height to 50% and then when I was done, I clicked on the check mark.
After adding a few extra embellishments, taking out the one large brad and adding three smaller ones, and adding text and a contrast box for it and adjusting the layers, I've come up with this:
But it's not done.. there's one final touch that has to be done; shadowing for relief and depth. To add shadow, select the layer, and then double click. You'll have a "Layer Style" menu pop up. Select the one that says "Drop Shadow" The default settings will look like this:
Since the brads are shadowed the same way as the default settings, I'm pretty much just going to leave them alone, except that I changed the size from five pixels to three. Just continue to do this for every element that you feel needs it; in this case, I will do this to the picture, picture mat, the mat for the letters and Mason's name. And here's the finished product!
I of course added a watermark, but you can still get the idea. One thing I always do is save the image as a JPEG once I'm happy with how it turned out, and I keep the unaltered psd file. You never know if you need to resize it later! As a side note, the "i am special, I am unique, I AM ME" embellishment was from one of Kaisercraft's daily digital free downloads. They do a new one everyday, so I like to check it out and download it if it catches my fancy.
Hopefully you've found this tutorial very insightful, and informative. Don't hesitate to shoot me an email if you have any other questions!