Welcome
Arachne's Web
A group focused on serving the AW community by providing help and discussion on topics such as HTML, CSS, web design, homesite decorating, netiquette and issues important to web artists.

Arachnids are such Show Offs! (- threads, 348 posts)
    empty-ready for deletion (40 posts)
    Social Thread

    ...
    0 Members have made 0 Posts here to date.
    Google
    AncientWorlds.net Web
    Next: Excellent tutorial, Laurels
    Prev: Repost(with perm): Antea's Avatar Colorizing Tutorial
    PSP Introduction phase-Framing Fun pt1
    Feb06Avatar.gif
    Author: * Laurels Curius - 0 Posts on this thread out of 2,713 Posts sitewide.
    Date: Nov 6, 2003 - 09:14

    For the rest of this tutorial, I will be using this image: (clicking on it will lead to the medium sized one, I'm using the one linked from there, the full size one. It's a painting by J. Godward)

    Dolce Far Niente from Artmagick.com

    1st Framing Technique:

    For this one, we will be using PSP's framing wizard and a few extras. Very easy, very fun and there are tons of sites on the net that offer more for you to download and place inside the PSP frames folder. But I'll go into detail on that at the end of this tutorial.

    Ok, have you found some great artwork to use? Open up PSP and locate that artwork you wish to use.

    Now, find a color within the painting that is not used too much, one that should offset it nicely and make the other shades and tones stand out. If you cannot find one, just choose a neutral color and follow along for practice. For my image, I am choosing one of the deep brown shades in her fur throw.

    1. Picking your Color Palette:
    Choose the dropper tool in the tool bar. tooldropper.jpg
    Next put your curser on the artwork, and find that color. When you like the color coming up in the color palette preview box (you'll notice the color changing in it as you move the dropper), click on it once.
    Your chosen color should be the new foreground color. Before we go any further, click on the small option box that says 'lock palette' and click in it to lock it. (this does not apply to V6). PSP 7 has a nasty default setting to reverts to ugly yellow and screamy red every time you blink. (kind of like my hair?)
    Ok, now go up to your color pallete as in the two rectangular color boxes, and click on the arrows in between them, reverting your new chosen color as the background. colorpallete2.jpg

    2. Resizing and Sharpening Image:
    Go up to the top edit bar, and clicking on 'image' you will see a drop down box of options. Choose 'resize'. I will tell you what dimensions I am resizing it to, but obviously you will want to alter these to fit the size of your artwork. The dialog that comes up when choosing resize looks like this:

    resize1.jpg

    Whatever your options are, Make sure the options are checked for maintaining ratio. I prefer the percentage option over the pixel size, and using the fullimage that comes up if you click on the one available from that link up there, I am using 40% for resize.

    Now after resizing usually the image gets a bit blurry. Depending on the quality of the scan and the original and new size, as deformations occur. So go back up to the top edit bar and choose 'effects', in the drop down options that appear, go to 'sharpen' and over to 'sharpen'.

    sharpen1.jpg

    Click on it once. Your image should now be less fuzzy and good looking, right?

    3. Adding Matting:
    This next step is to put some decent looking 'matting' around it, like you see in real art frames.
    Go up to 'image' in the top edit bar, and down to 'add borders'. How much is up to you, but I am adding in 15 pixels all around my image symmetrically. The background color is used in this adding borders function, that's why we switched the fellas.

    addborders1.jpg   addborders2.jpg

    4. Adding Shadows and Highlights:
    Now we are going to drop a slight shadow to make it appear over the artwork.
    Go over to your tools in the toolbar to the right, and choose the magic wand. If you don't have your magic wand tool set up with zero tolerance in tool options box, it may pick up more than this border, so set it as I have here:

    magicwand.jpg   magwandoptions.jpg

    Now click one time on the solid colored border you just added. It should select that portion of the image only, and you should see the 'marching ants' all around the border now.

    marchingants.jpg
    Go up to Effects in the top edit bar, and choose '3D effects' in the drop down option box that comes up. Go over to 'drop shadow' and click on it once.
    A dialog box should pop up and I am choosing these settings:

    dropshadow1.jpg  dropshadow2.jpg

    Settings are: offets; vertical 1, horizontal 1, color; black, opacity; 100%, blur; 3.5 Hit Ok.

    Now we are going to drop just the slightest bit of highlightshadow on the lower rim, as normal light would do.

    First, go up to 'selections' in your top edit bar, and down to 'invert'. click it once. Now your marching ants should be around the artwork instead. Go back to Drop Shadow under effects/3D options/dropshadow, and following the same procedure, change the values to: color; white, offsets; horiz-0, vert-1, blur; 2, opacity; 60%.

    Go up to 'selections' in your top edit bar and down to 'select none' in the options drop down box that appears.

    Right now, my image looks like this:

    postshadow.jpg

    5. Adding the Picture Frame:
    Go up to 'Image' in your top edit bar, and just below where the 'adding borders' option is you should find 'Picture Frame'. Click on that once, it will open up (for V7, i forget if v6 has a frame wizard but I think it does) the Frame wizard. Fairly simple, with a drop down box in the first screen containing different frames. For this one, I chose 'Gold Classic'. Hit next. Since I want that matting to show, I'm choosing to put the frame outside of the image, meaning it will add the pixels around it not in the existing image. Hit Finish.

    framewizard1.jpg   framewizard.jpg

    6. Editing A Frame:
    The neat thing about frames is that it places them as a layer over the image, which can be handy for editing. Which we are going to do right now for practice. I think that the frame is a little thick for my image, it sort of dwarfs it. So I want to omit some of it and make it thinner.

    Go over to your left side tool bar, and choose 'selection', the rectangular looking dotted box. selectiontool.jpg

    Now, go over to the tool option box , Set the options as-feather; 0, anti-alias; yes (check box) and shape is rectangular.

    selectionoptions.jpg

    Now we are going to slim that image frame down. You may need to zoom in once to see the frame properly, to zoom in either choose the zoom tool in toolbar (the magnifying glass) or go up to 'view' and choose 'zoom in'. I am selecting the part of the frame on the inside that is supposed to be part of the bevel.

    selectingframe.jpg

    Once you have made your rectangular selection (you just draw the curser around the area you want and when let go, it selects) go up to 'edit' in the edit bar on top, and down to 'cut'. Or you can hit Ctrl X. Click on cut once, and that area of the selection is now gone, and we are left with a trimmed down Frame. You should still have matting underneath it if you are following along as when it added the frame outside the artwork, it also increased the canvas size adding borders with your background color again.

    7. Adding Shadows to the Frame:
    Now, because the perfect part is selected, just go back up to 'Selections' in the edit bar on top, and back down to 'invert' just like we did before. Now the selection should be reverted to just what's left of the frame, right? Well, we are going to drop some shadows again. Just one though, as the gold is already got some highlight to it.

    Choosing color; black, offsets; horizontal-1, vertical-1, blur; 3.0 and opacity; 100%.

    Go up to 'selections' in top edit bar, hit 'select none'. Now, go to 'layers' in the same top edit bar, and go down to 'merge layers-->merge all/flatten'.

    Hey! We just (sort of?) worked with layers too!

    8. Finishing Up:
    Go to 'file' in the top editbar, 'save as' and save your image. (jpeg's used here, gif's allow faster load time, but less image quality, it's your choice)

    Now stand up, stretch, and walk in a circle yelling 'I am A Frame Wizard! And Rubber Duckies Rule!" putting extra emphasis on rubber duckies.

    Your done! Here's my final product:

    finishedartwork.jpg

    I would love to see what you guys make with this tuturial, it would just be nice to know if it's useful to anyone?


    NEXT: Excellent tutorial, Laurels
    PREV: Repost(with perm): Antea's Avatar Colorizing Tutorial
Rome - Rome, Season 1 - The Stolen Eagle


Copyright 2002-2011 AncientWorlds LLC | Code of Conduct and Terms of Service | Contact Us! | The AncientWorlds Staff