Scrapbooking Tutorial #3

Includes the making of a Picture Tube that produces lengths of Cord and the Making of a Picture Tube of an Eyelet
The tutorial was written for PSPX2 - but can be done using any of the versions of PSP
by Woven
The Bold writing are the keyboard shortcuts for each action.You may or may not need to have the [ F lock ] on your keyboard activated for these to work



Finished Image


Requirements for this tutorial


Click on the Underlined Text for each File Download.

Download the    Scrapbooking #3 Supplied Tubes    and extract and Save both files into My Documents/My Psp Files/Picture Tubes [ For PSP7 users save to C:Program Files\Jasc Software Inc\PSP7\Tubes ].

Download the    Scrapbooking #3 Images    and extract and Save the image to where you keep your Tutorials and make a Folder called Scrapbooking #3 so that all the images we make for this Tutorial are kept together for when we compile the final page.

Download , extract and save the font Jokerman to C:WINDOWS/fonts - when you do this a pop up will come up with a box saying Show Extracted Files CHECK this box as sometimes they need to be opened somewhere else before they appear in PSP.


Scrapbooking Tutorial #3 Instructions


    These Scrapbooking Tutorials are very Long - so remember to set your Timer to have regular Breaks or save your images we are building as a .psp image often and then you can always do the tutorial over a day or two instead of at one sitting

    We will make all our components for the Scrapbook Page first. We will save each component as a .psp image as we go - so that we will have it to use again and again in different projects -

    and also so that you can spread this Tutorial over a few sittings if you want to and you will not have to remake them all the time.

    CORD - Let's make a Picture Tube that produces a length of Cord.

  1. Open a New Image ( Ctrl + N ) > 50(W) x 50(H) Pixels; Resolution 100.000 Pixels/Inch; Raster Background; Color Depth - 8 bits/channel (ie: In old PSP versions 16million(24bit) ); Colour - Transparent Checked>OK.
  2. View>Zoom in - Do this 4 times - As it makes doing the next steps easier .
  3. Click on your Paint Brush Tool ( B ) >Shape Round; Size 12; Hardness 25; Step 10; Density & Thickness 100; Rotation 0; Opacity 100; Blend Mode Normal; Continuous & Wet Look Paint both Unchecked.
  4. Materials Palette> Left click on the wee lefthandside button underneath the Foreground Colour Swatch and select Solid Colour; then Left click on the large foreground colour swatch and select a medium shade colour ( I chose HTML Code #6360a0 ) ; Texture Unchecked>OK.
  5. Now left click once only on your image just a wee tad to the left of the centre point - then - left click once more just to the right of the centre point so that the 2 dots end up with the feathered edges overlapping, but so that you can just see a bit of separation between the darkest areas - as in the image below
    image magnified up to show the placement of the 2 dots
  6. Effects>3dEffects>Drop Shadow>Offset - Vertical +3; Horizontal -1; Opacity 50%; Blur 0; Shadow on New Layer Unchecked; Right click on the wee color swatch and select Black>OK.
  7. Effects>3dEffects>Drop Shadow> Change Offset - Vertical to -3; Horizontal +1;Change colour to White; Rest of settings as before>ok.

    We now have our basic shape - now let's make up the Picture Tube.

  8. Open a New Image ( Ctrl + N ) > 150(W) x 350(H) Pixels; Resolution 100.000 Pixels/Inch; Raster Background; Color Depth - 8 bits/channel (ie: In old PSP versions 16million(24bit) ); Colour - Transparent Checked>OK.
  9. View>Zoom In - Repeat until image is at 250% magnification to make it easier to see what you are doing.
  10. View>Grid.
  11. View>Snap to Grid.
  12. View>Change Grid,Guide & Snap Properties>On Grid Tab - Change Current image settings both horizontal & Vertical to 25 Pixels>OK.

    Now we are going to add a series of the image we made and adjust the rotation of each one as we add it-

  13. Click on the image we made to make it the active image.
    1. Edit>Copy ( Ctrl + C ) .
    2. You can now minimise this image as we are finished with it.
  14. Click back on our new large transparent image to make it the active image again.
  15. Edit>Paste as New Selection ( Ctrl + E ) - The image will stick to the end of your cursor .
    1. Hold the image over the spot where the 1st horizontal and 1st vertical grid lines intersect and then Left click to drop the image there.
    2. Image>Free Rotate ( Ctrl + R ) > Direction - Right; 20 Degrees; All Layers & Rotate single layer around canvas centre both Unchecked>OK.
    3. Selections>Select None ( Ctrl + D ) .
  16. Repeat Step #15 placeing images at the following grid locations and rotating the different Degrees.
    • Where the 1st horizontal and 3rd vertical grid lines intersect and change Degrees to 50.
    • Where the 1st horizontal and 5th vertical grid lines intersect and change Degrees to 80.
    • Where the 5th horizontal and 1st vertical grid lines intersect and change Degrees to 110.
    • Where the 5th horizontal and 3rd vertical grid lines intersect and change Degrees to 140.
    • Where the 5th horizontal and 5th vertical grid lines intersect and change Degrees to 170.
    • Where the 9th horizontal and 1st vertical grid lines intersect and change Degrees to 200.
    • Where the 9th horizontal and 3rd vertical grid lines intersect and change Degrees to 230.
    • Where the 9th horizontal and 5th vertical grid lines intersect and change Degrees to 260.
    • Where the 13th horizontal and 1st vertical grid lines intersect and change Degrees to 290.
    • Where the 13th horizontal and 3rd vertical grid lines intersect and change Degrees to 320.
    • Where the 13th horizontal and 5th vertical grid lines intersect and change Degrees to 350.

    shows positioning and rotation of our small images on the large one
  17. File>Export>Picture Tube>
    • Cell Arrangement - Cells across 3. [ This being the 3 images across ]
    • Cells Down 7. [ This being the 4 images down and a vacant/empty cell in between each row ]
    • Placement Options - Placement Mode select Continuous from dropdown menu.
    • Step Size 2.
    • Selection Mode Incremental from dropdown menu.
    • Scale 100.
    • Tube Name - I called mine Sue's Cord Call your's whatever you like.
    • Click on OK.
    NOTE: The completed picture tube will now appear in your Picture Tube dropdown menu. To form the Cord with the Tube - either - Left click and hold down mouse button and drag then let mouse button go - or - Left click at a start point hold down shift key and left click at a finish point.
    shows picture tube being used at size 100% and size 50%

TIME TO TAKE A BREAK AND STRETCH


    EYELET

  1. Open a New Image ( Ctrl + N ) >50(W) x 50(H) Pixels; Resolution 100.000 pixels/inch; Raster Background Checked; Colour Depth RGB - 8 bits/channel [In old versions of PSP that is 16million(24bit)]; Colour Transparent Checked>OK.
  2. Select your Preset Shapes Elipse Tool ( Q ) Mode Circle; Show Nodes & Create on Vector both Unchecked; Line Style Solid Line; Width 11; Anti-alias Checked; Join Mitre Join; Mitre Limit 15.
  3. Materials Palette>
    • Left click on the wee lefthandside button underneath the Foreground colour swatch and select Solid Colour;then left click on the large Foreground colour swatch To open the Materials Properties dialogue box ;Texture Unchecked and change HTML Code to #636057.
    • Left click on the wee righthandside button underneath the Background Colour swatch to select Transparent/Null As we do not want to use a fill colour this time.
    • Hold cursor over the transparent image and looking at the Status Bar at the bottom of your workspace - when the 1st set of bracketted numbers reads (10,10) - Left click and holding down Mouse button drag down and to the right until the 3rd set of bracketted numbers reads (30,30) then let mouse the button go.
      magnified image to show the shape Image magnified in size for viewing
    • Effects>3dEffects>Inner Bevel> Bevel #11 or #12 (Row 3 Column 3 or 4); Width 5; Smoothness 20; Depth 5; Ambience 50; Shininess 55; Angle 135; Intensity 30; Elevation 40; Right click on the wee colour swatch and select White>OK.
      shows finished Eyelet
    • File>Export>Picture Tube>
      • Cell Arrangement - Cells across 1. [ as we only have 1 image this time ]
      • Cells Down 1. [ as we only have 1 image this time ]
      • Placement Options - Placement Mode select Random from dropdown menu.
      • Step Size 200.
      • Selection Mode Random from dropdown menu.
      • Scale 100.
      • Tube Name - I called mine Sue's Eyelet Call your's whatever you like.
      • Click on OK.


      TIME TO TAKE A BREAK AND STRETCH


    OK - Now we have made our extra components let's put our Scrapbook Page together

    NOTE:     We are going to put each component on a separate layer which we will name so as each layer is easily identified as to what is on the layer.


  1. Open the Images you downloaded at the start ( or 2 of your own of comparative size ) into PSP.

    1. Window>Duplicate ( Shift + D ) .

    2. Close the Original Image preserving it in its original state.

  2. Materials Palette -

    • Foreground - Click on the wee lefthandside button underneath the Foreground Colour Swatch and select Solid Colour; Left click on the Foreground Colour swatch To open the Materials Properties Dialogue Box >Change HTML Code to #7da19e or select a medium Shade of your own choosing>OK.

    • Background - Click on the wee lefthandside button underneath the Background Colour Swatch and select Solid Colour; Right click on the Background Colour swatch and select White>OK.

  3. Open a New Image ( Ctrl + N ) >600(W) x 600(H) pixels; Resolution 100.000 pixels/inch; Raster Background checked; Colour Depth RGB 8bits/channel [ In old versions of PSP that is 16million 24(bit) ] ; Colour Transparent Unchecked; Right click on the wee colour swatch and select your pastel colour you have been using to make the ribbon and bow>OK.

  4. Left Click on the image to floodfill it with your colour.
  5. Effects>Texture Effects Texture>From dropdown menu select Daze (Corel 15_001); Size 60%; Smoothness 0; Depth 1; Ambience 20; Shininess 0; Angle 135; Intensity 42; Elevation 30; Right click on the wee colour swatch and select White>OK.
  6. Layers>New Raster Layer - and Name it Eyelets.
  7. Let's set some guides for the points where we want the eyelets placed.
    1. View>Rulers.
    2. View>Guides.
    3. View>Snap to Guides.
    4. Hold cursor on top of the top ruler and when the cursor tuens into a Black + sign left click and holding down the mouse button drag a guideline down to the 50 pixels down mark and let mouse button go to drop it there.
    5. Repeat last step dropping guidelines at 150 - 250 - 350 - 450 & 550 pixels.
    6. Hold cursor above the lefthandside ruler and when the sursor turns into a Black + sign left click and holding down mouse button drag a guideline across to the 30 pixels across mark and let mouse button go to drop it there.
  8. Click on you Picture Tube Tool ( I ) >From the dropdown menu select the Eyelet tube you just made; Scale 90; Step 200 Placement & Selection Modes both Random.
  9. Left click at each point where the guidelines cross each other to drop an eyelet at each of these points.
    shows Eyelets positioned at guideline points
  10. View Rulers To turn them off again - but Leave the 'Guidelines' active. TIME TO TAKE A BREAK AND STRETCH

  11. Layers>New Raster Layer - And name it Cord.
  12. With Picture Tool still selected>From dropdown menu select the Cord Picture Tube you made before; Size 85; Step 2; Placement Mode Continuous; Selection Mode Incremental.
    1. Left click on the top eyelet.
    2. Hold down Shift Key and Left click on the 2nd Eyelet.
    3. Let Shift Key Go.
    4. Left click on the 3rd eyelet.
    5. Hold down Shift Key and Left click on the 4th Eyelet.
    6. Let Shift Key Go
    7. Left click on the 5th eyelet.
    8. Hold down Shift Key and Left click on the bottom Eyelet.
    9. Let Shift Key Go
  13. View>Guides To turn them off again .
    shows Cord positioned in the eyelets at guideline points
  14. Layers>New Raster Layer - And name it Large Image.
  15. Click on the Larger of your pictures you downloaded at the start to make it the active image.
    1. Edit>Copy ( Ctrl + C ) .
    2. You can minimise or close this image now as we have finished with it.
    3. Click back on the Scrapbook Page we are building to make it the active image again.
    4. Edit>Paste as new Selection ( Ctrl + E ) - This will stick the image to the end of your cursor.
    5. Centre the image vertically and horizontally between the Cords and the righthand edge and left click to drop it there.
  16. Layers>New Raster Layer - And name it Small Image.
  17. Click on the Smaller of your pictures you downloaded at the start to make it the active image.
    1. Edit>Copy ( Ctrl + C ) .
    2. You can minimise or close this image now as we have finished with it.
    3. Click back on the Scrapbook Page we are building to make it the active image again.
    4. Edit>Paste as new Selection ( Ctrl + E ) - This will stick the image to the end of your cursor.
    5. Postition image in top right corner about like image below and left click to drop it there.
      shows 2 Main images positioned
  18. Layers>New Raster Layer - Name it Car.
    1. With Picture Tool still selected>From dropdown menu select Cars Picture Tube; Scale 100; Step 200; Placement Mode Random; Selection Mode Incremental.
    2. Now Left click in bottom left corner - centrally between bottom cords and bottom left of the main image.
      NOTE: A different car will appear each time you click - so Click>Undo>Click etc until you come to the one you want to use - the car I used appeared on my 6th Click .
  19. Layers>New Raster Layer - Name it Handprints.
    1. With Picture Tool still selected>From dropdown menu select PKHand 001 Picture Tube; Scale 100; Step 102; Placement Mode Random; Selection Mode Random.
    2. Now Left click in top right corner about 2/3rd way down the top cord and almost 1/2way across to the main image to place a hand there.
    3. Edit>Copy (Ctrl + C ) .
    4. Edit Paste as New Selection (Ctrl + E ) To stick a hand to the end of yur cursor
    5. Position this new hand 1/2way between top edge and topleft corner of the main image - then Left click to drop it there.
    6. Image>Mirror To turn this hand to face opposite direction.
    7. Selections>Select None (Ctrl + D ) .
      shows Car and hands positioned

    TIME TO TAKE A LAST BREAK AND STRETCH

  20. Layers>New Raster Layer - Name it Text.
  21. Select your Text Tool ( T ) > Font Jokerman; Size 72 Pixels; Alignment Left; Direction Horizontal; Anti-alias Smooth; Stroke Width 0; Create as Floating; Line Style Solid LIne; Mitre Join; Mitre Limit 10.00; Offset, Leading, Kerning & Tracking all 0; Auto Kern Unchecked.
  22. Materials Palette>
    • Foreground - Click on the wee Transparent/Null button underneath the Foreground Colour swatch.
    • Background - Click on the wee lefthandside button underneath the Background colour swatch and select Solid colour; Left click on the Background Colour Swatch To activate the Materials Properties Palette ; Change HTML Code to #777469 Which is a shade from the Eyelet we made ); Texture Unchecked>OK.
  23. Left click on the Trouser legs on the large image to start your Text here - This will open the Text Entry Dialogue box - Type Grease on one line - click enter - type Monkey on next Line>Apply.
  24. Effect>3dEffects>Drop Shadow>Offset Vertical & Horizontal both 2; Opacity 100; Blur 0; Right click on wee colour swatch and select White; Shadow on New Layer Unchecked>OK.
  25. Selection>Select None ( Ctrl + D ) .
    Finished Image Image 50% Actual Size

  26. Layer>New Raster Layer.

  27. Add your Watermark.

  28. Layers>Merge>Merge Visible.


For further help email me.