We're open and shipping throughout the holidays. Click here for updates and cutoff dates.
FREE shipping with your $49 order! Use code FREESHIP49
Monday, December 4, 2006

STEP-BY-STEP INSTRUCTIONS to Creating Your First Digital Layout 4 comments  
   
   
Pin It

Part 1 of 3 (using Adobe Photoshop Elements 3.0)

These are step-by-step instructions that I had written and used for the "Beginners Class to Digital Scrapbooking" that I taught on Friday, September 22, 2006.  These were written using the Adobe Photoshop Elements 3.0 version...and using a free mini-kit that was provided by Bella Gypsy Designs (Tabatha Reed and Lena Brandenburg) for that class.  Feel free to substitute your own choice of kit and papers.

LAYER 1    WALLPAPER

Step 1:
Open Photoshop Elements 3.0
[File], [New], [Blank File]
Name: (Untitled-1 is the default) *
Preset: Custom
W: 12 inches
H: 12 inches
Res: 300 pixels / in
Color Mode: RGB Color
Background: Transparent
[Enter] or “Return Key”

(* Note:  If you want to rename the file to something else, this is where you would do it!)

Step 2:
[File], [Browse Folders]

Now the “File Browser” window shows up on your screen.
Under the menu bar you will see a “folders” tab.  It is from here that you will need to find your Bella Gypsy downloaded freebie kit.
When you find the folder, click on that triangle to the left of the name, “Naturally Cozy (freebie).”
From now on, I will give you the name of the file itself that you will need to find for the different steps.

Find and select the “bellagypsy_paper_dots.jpg” file.  Double click on the icon or name of the file to open this file.  After doing so, it should now be the opened file on your screen.

Step 3:
[Select], [All]
[Edit], [Copy]

Now you should see “marching ants” along the border / perimeter of what you selected.  Now, find your “Untitled-1” file in the Photo Bin palette and click on it once.  It should now show up on your screen as the active file.

Step 4:
[Edit], [Paste]

Now the 12x12 patterned paper should be showing up on the “Untitled-1” file.



LAYER 2    ADDING A BORDER

Step 1:
[File], [Browse Folders]
Find:  “bellagypsy_paper_floral1.jpg” and select it by double-clicking on it to make it the active file.

Step 2:
Now on the left-hand side of your screen is the tool palette.
Locate the “Crop Tool” (the 10th one down, looks like a square with extended corner lines and a slash through it).  Click on it once.  Now on the top of the menu bar you will see this icon in blue.  To the right you will see “Width” and “Height” boxes.  In here you will specify the following:

Width = 1.5 inches
Height = 12 inches

To make doing the next step a little easier, follow this next set of commands.  If you do so, it will make “cropping” the border strip a little bit easier.

[View], [Zoom Out]

Now to crop the border you should have the crop tool icon as your mouse.  Click and hold your mouse just above the top of the paper and drag it down and across to a little bit below the bottom of the paper and release your mouse.  If you do not like the area that was selected (the area that has the marching ants around it) then bring your mouse to the very center of that strip (you will see a little circle there), click and drag it to the location you like, and release the mouse.  Now you need to “select” that cropped area.  The easiest way to do this is to click on the check mark (next to the circle with a slash through it) on the horizontal menu bar just above the file on which you are working.

Step 3:
Now you should just see a border (the one you just cropped) on your screen.

[Select], [All]
[Edit], [Copy]

Now in your Photo Bin click one time on your “Untitled-1” file to make this file active.

Step 4:
[Edit], [Paste]

Now the border should be showing u p on the patterned paper.  To move it where you want, you need to first select the “Move Tool” icon (the first one) in the “Tool Palette” by clicking on it once.  This should then outline that border layer.  Just click your left mouse button and move your mouse to the left and place your border where you want it.  Let go of your mouse button once you are done placing the border.  You can always come back and move your items as long as that layer is selected and the “move tool” is selected.

LAYER 3    ADDING A PICTURE MAT

Step 1:
[File], [Browse Folders]
Find:  “bellagypsy_paper_purple.jpg” and select it by double-clicking on it to make it the active file.

Step 2:
Locate the “Rectangular Marquee Tool” on the “Tool Palette” and click on it once.  Bring your mouse on that paper and click and drag your mouse to a size that you think would be workable as the bottom mat layer and let go of your mouse button.  (You do not have to be exact, because you can always redo what you do not like… or change the size later.)

Because you only want that section with the marching ants, this time you will only do this:

[Edit], [Copy]

(Otherwise, you would be selecting the entire piece of paper if we chose [Select], [All] first!)

Step 3:
Now in your Photo Bin click one time on your “Untitled-1” file to make this the active file.

[Edit], [Paste]

Now your photo mat should be showing up, too.  If you want to move it, follow the steps we did for the border strip above.



(NOTE:  To move a layer your mouse does not have to be clicked on the item you want to move.  The item / layer just needs to be selected first….and then move your mouse towards the direction you want to place your item / layer.)

LAYER 4    ADDING A PICTURE MAT ON TOP OF A PICTURE MAT (Double mat)

Follow the same directions as for Layer 3, but use a different paper.

Step 1:
[File], [Browse Folders]
Find:  “bellagypsy_paper_green.jpg” and select it by double-clicking on it to make it the active file.

Step 2:
Locate the “Rectangular Marquee Tool” on the “Tool Palette” and click on it once.  Bring your mouse on that paper and click and drag your mouse to a size that you think would be workable as the bottom mat layer and let go of your mouse button.  (You do not have to be exact, because you can always redo what you do not like… or change the size later.)

Because you only want that section with the marching ants, this time you will only do this:

[Edit], [Copy]

(Otherwise, you would be selecting the entire piece of paper if we chose [Select], [All] first!)

Step 3:
Now in your Photo Bin click one time on your “Untitled-1” file to make this the active file.

[Edit], [Paste]

Now your photo mat should be showing up, too.  If you want to move it, follow the steps we did for the border strip above.

Once your photo mat shows up, it may actually be larger than the bottom purple mat.  If so, do the following steps:

Step 4:
In your “Layers” palette to the right of your screen make sure you click on the current layer you want to change / resize.  In your “Tools” palette click once on the “Move Tool.”  Now you should see your selection outlined and with squares in the corners and line centers.  While holding down y our shift key on your keyboard, left click your mouse button and drag in one of the corner squares to make that layer larger or smaller.  When you have the size you want to keep, release your mouse button, then your shift key.


(Layers 5 through 13 and some ending steps will be found in separate articles.)

PART 2


Posted by FairyMouseMom

Reader Comments ...
MimaScraps/Lori . Louisiana
10/1/10 8:32 pm
avatar
Thank yopu very much for these detailed instructions! A+

12/7/06 7:49 pm
avatar
This is absolutely fantastic and just the push I needed to give digi a try! :)

12/7/06 7:14 pm
avatar
This is super....thanks!!

12/7/06 6:02 pm
avatar
WOW girl, great instructions!