CharlieMC (charliemc) wrote in psp7_beginners,
CharlieMC
charliemc
psp7_beginners

  • Mood:

Tutorial: A Quick Frame/Border for Your Image (v7)


With one simple method, you can create several different frames/borders for any image! It's both quick and easy to do.

You can start with an image like this:
Quick Frame - 1 small

And end up with these these:
Quick Frame - 12 small

Quick Frame - 9 small

...plus many more!

    Let's get started.

  1. Open Paint Shop Pro 7 (PSP7).

  2. Open an image you want to frame. For this tutorial you'll probably want to work with this:
    Quick Frame - 1
    (Right-click and Copy. Go to your PSP workspace. Right-click and Paste As New Image.)

  3. Go to Layers > New Raster Layer. Click OK.

    You now have the choice to Flood Fill this new layer with a Solid Color, a Gradient or a Pattern!

  4. Go to your Colors Palette. Under Styles, change the Foreground from Color (solid color) to Gradient. (To do this, click on the drop down and select the second choice from the left, which is Gradient.)

    PSP7 - Color Palette

    PSP7 - Select Gradient

    Here I used a Gradient called Autumn, with these settings:
    Angle: 50
    Repeats: 0
    Style: Linear
    Click OK.

  5. Select the Flood Fill tool from your Tool Palette (on the left-hand side of the workspace).

    NOTE: Don't forget to open your Tool Options Palette so you can see the tool settings! To do this, press the Toggle Tool Options Window button on your Standard Toolbar.

    Then use these settings:
    Blend mode: Normal
    Match mode: None
    Opacity: 100
    Sample merged: selected

    Click the Flood Fill tool inside the new layer. You should now see a layer filled with a gradient color!

    Quick Frame - 2

  6. Go to Selections > Select All.

  7. Return to Selections > Modify > Contract.

    The Contract Selection window will now open.

  8. Make the number of pixels 16. Click OK.

    Note: The number of pixels you use defines how many pixels deep per each side the frame will be. Selecting 1 would give you a one pixel frame all the way around, and so on.

  9. Now press your Delete key (on your keyboard) to remove the center (selected) portion of your Gradient Layer.

    The frame will still be active at this point.

    Quick Frame - 6a

  10. Go to Selections > Select None.

  11. Go to Layers > Merge All (flatten).

    Quick Frame - 6

    You're now ready to Save!

    Works like a charm, doesn't it? (smile)

    Let's see some variations, shall we?

    Here I've added a Drop Shadow under the gradient frame!
    Quick Frame - 7
    After step #10 (select none) I went to Effects > 3D Effects > Drop Shadow. Then I used these settings:
    Offset
    Vertical: 5
    Horizontal: 5
    Attributes
    Opacity: 70
    Blur: 7.0
    Color: Black (HTML: #000000)
    Click OK.

    (Then I selected none and merged as above before saving.)

    Quick Frame - 8
    This time after adding one Drop Shadow (with the above settings), I added Drop Shadow a second time, using these settings:
    Offset
    Vertical: -5
    Horizontal: -5
    Attributes
    Opacity: 70
    Blur: 7.0
    Color: Black (HTML: #000000)
    Click OK.

    (Then I selected none and merged as above before saving.)

    Quick Frame - 9
    Here after step #9 I went to Selections > Invert. Then I went to Effects > 3D Effects > Cutout. Then I used these settings:
    Offset
    Vertical: 4
    Horizontal: 4
    Attributes
    Opacity: 60
    Blur: 40.00
    Color
    Shadow color: Black (HTML: #000000)
    Fill interior with color: not selected
    Click OK.

    (Then I selected none and merged as above before saving.)

    Quick Frame - 10
    Here in place of using a gradient for the top layer, I used the solid color white (HTML: #ffffff). I selected as in steps #6, #7 and #8. Then I went to Selection > Invert. (Now selecting the frame area, rather than the center section.) Then I hit the Delete key on my keyboard, removing the outside edge.

    Then I went to my Layer Palette and lowered the opacity of the white layer to 20%. I added Drop Shadow using these settings:
    Offset
    Vertical: 5
    Horizontal: 5
    Attributes
    Opacity: 70
    Blur: 7.0
    Color: Black (HTML: #000000)

    Then I applied Drop Shadow a second time, making V: -5 and H: -5. Finally I merged as above and saved.

    Here I used the solid Color white (HTML: #ffffff) and followed the same steps as the gradient frame, though I didn't add a Drop Shadow. Again, I merged and saved. (Note: This is placed inside a table with a red background so it will show off the white border on a white background. The red is not part of the frame/border effect.)
    Quick Frame - 11

    Here I used a Pattern and followed the same steps as the gradient frame, adding Drop Shadow twice before merging and saving.
    Quick Frame - 12


As you can see, this is actually a quick, fun way to add frames (borders) to any image (including icons)! Once you get used to the simple steps, you'll be using it all the time.

And don't be afraid to try variations of your own!

(Final note: This tutorial was converted from one done for PSP9, so if anyone who frequently uses PSP7 finds an obvious mistake I appreciate having it pointed out -- then I can make the necessary corrections. Yes, I do my best not to miss steps, but sometimes I do miss one! Thanks in advance for your help!)

Do let me know how this works out for you. I'm always interested to hear...

==CharlieMC, assistant moderator


Tags: border, frame, raster layers, selections, tutorial
Subscribe

  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic
  • 1 comment