Categories

Partners
  • Website Templates

  • Adobe Photoshop Tutorials

  • Bittorent and
    Google desktop programs

  • Free Stock Photos and Images

  • Adobe Photoshop Tutorials

  • Photoshop, Flash, 3dsmax tutorials
  • Search


    Advanced Search




    Subscribe

     »  Adobe Home  »  Digital Imaging  »  Photoshop
    Photoshop
    (Page 1 of 3)   « Back | 1 | 2 | 3 | Next »



    » Simulated Alpha Channels - Part IV
    Published 05/15/2006

    Simulated Alpha Channels

    Grab the gradient mask layer, and drag it below the original image copy.
    gradient mask moved below
    For this effect to show properly, we are going to need another layer. Click the New Layer icon at the bottom of the Layers palette. Name the new layer “white layer”. With the new layer selected, press Ctrl-Backspace to fill it with white (assuming you have the default colors showing in the color box; if not, click the default colors icon in the very bottom left corner of your toolbox to make white your background color).
         Drag the white layer to be directly below the original image copy, which will make it the second layer from the top. It will effectively act as a new background.
          Now load the gradient mask layer as a selection. Do this by pressing Ctrl and clicking on the layer’s name. Next, choose Select > Inverse. Then, with the selection active, select the original image copy layer.
         Don’t worry that the selection outline looks wrong; the ‘marching ants’ outline only includes pixels that are more than fifty percent selected. Since the gradient fades to full transparency, its transparent edge will fall below this threshold, but those pixels are selected to the degree that they are opaque. This is what makes masks so useful.
         Press the Delete key. Your image should appear as shown below. The white you see is the new white background layer showing through. Pixels have been deleted from the image to the degree that they were selected.

    gradient mask applied

    Gradient masks are very useful for blending one image into another, or for any kind of transition. At the bottom of the page you can see where I’ve added some text to the new white area.
    fianl layers palette
    You can create any kind of mask you like using any of the editing tools. Opacity is the only factor that determines the degree of selection that will result from your mask. You can use any color you like, and paint any outline or shape that you like. You might try experimenting with the paintbrush on an empty layer. Try different brushes with an opacity of 30 %.
         You do have to be sure and remember the steps necessary to load your selection.

    1. Select your mask layer. It should be stored below the visible layers at the bottom of the image.
    2. Press the Ctrl key, and click on the mask layer’s name.
    3. If necessary, choose Select > Inverse. Remember, the selection is for the areas that are painted black. In the example I used, the flower was not black, so it was necessary to invert the selection in order to select the flower.
    4. Click on the image’s layer (“original image copy”). This is important! I forgot to do this just about every time I went to use my selection. Make sure you choose your image layer after activating the selection outline from the mask layer.
    5. And, that’s it. You can apply filters, cut, copy, move, and color selections. You should be able to take advantage of many of the lessons in Photoshop books, as well as online tutorials that require alpha channels or any kind of complicated selections.
    6. When you are ready to output your image, save a copy with the mask layers, and then delete them from the copy your are outputting.

    An alternate, and possibly better method for simulating an alpha channel was suggested by Richard Coencas in the Elements User to User forum at Adobe.com. It goes as follows:

    1. Select the layer which contains the object you want to select and mask.
    2. Click the little black and white circle at the bottom of the Layers palette, and choose Brightness/Contrast, or Levels from the menu (it doesn’t matter which).
    3. When the adjustment dialog box appears, do not make any changes—simply click OK. This adds an adjustment layer without changing your image in any way.
    4. Select the adjustment layer you just added, and, while pressing the Shift and Alt keys, click on the white square.
      adjustment layer mask
    5. Choose a hard edged brush, and paint with black on the image, around the outside of the object you want to select. Wherever you paint, you will see a partially transparent red color. This is the rubylith mask. Use black to add to the mask, and switch to white to remove any mistakes.
      rubylith mask
    6. When you’re satisfied with your outline, press the Alt and Shift keys and click the mask again, then press Alt alone and click the mask. You will then see the mask, alone (without the underlying image) in black and white. Check to see that you’ve made the black parts of your mask fully opaque.
      adjustment layer mask done
    7. To load your adjustment layer mask as a selection, press Ctrl and click on the mask. Then switch to the image layer. Don’t forget to do this! You don’t want to select the adjustment, you want to select the image object.
    8. The advantage of this method is that you don’t need to drag the layer below the background. This is a layer mask and it only affects the layer it is attached to, which in this case, is an adjustment with zero change. “Real” layer masks, which this is, are not visible in the image. But, no, this layer mask can’t be applied directly to an image layer like you can in Photoshop—you still have to load the selection and then switch to your image layer.
    9. The disadvantage is that you may or may not like working with the red, rubylith color.

    [This is only for Elements 1 users. In Elements 2, you have the ability to save and load alpha channels via Select > Save Selection. However, you can't see or edit your alphas.]
    If you have a document which you know contains an alpha channel, there is a way to make the alpha channel visible, and therefore useable in Elements.
         You may have received files created in Photoshop which you contain alpha channels. Also, most 3D programs will allow you to create an alpha channel matte of objects in your scene during an image render.
        This technique just occurred to me and I’m posting it in text only, for you to play with. I’m in the middle of another project right now, and don’t have time to add illustrations or perfect the method. (This is not included on the .pdf for this tutorial). Please let me know if you find a way to refine the edges of the revealed alpha. Here is a zipped .psd file (7 KB) which includes an alpha channel. I’ve copied the contents of the alpha to a layer, so you can see if you’re matching the alpha when using this method. Okay, here are the steps:

    1. With your .psd file open in Elements, create a new layer at the top of the stack and fill it with white.
    2. Choose Filter > Render > Lighting Effects.
    3. In the Lighting Effects dialog box, choose Omni from the Light Type menu at the top.
    4. At the bottom of the dialog box, choose Alpha 1 (or whatever your alpha is called) from the Texture Channel menu. You’ll have to scroll to see it.
    5. Make sure White is High is checked, and move the Height slider towards Mountainous just enough to make the alpha outline clear in the preview window.
    6. In the preview window, if necessary, drag and manipulate the Omni thingy to center it over the alpha shape. Then click OK to exit the dialog.
    7. You should see a black outline of your alpha on your new white layer. With that layer selected in the Layers palette, choose Filter > Other > Maximum. Set Radius to 1 pixel and click OK.
    8. This is as far as I can take you. You should be within one pixel of recreating the alpha channel. However, that one pixel fringe is a problem. There is probably a way to get rid of it, but I haven’t the time to spend diddling with it. Help!
    9. You can play with Enhance > Brightness/Contrast > Levels. However, while this sharpens and intensifies the black outline, it shrinks it. You can try using Select > Modify > Contract (or Expand).
    10. To see how closely you’re matching the reference layer I created for you (by copying the alpha to a layer), create a new layer at the to of the stack. Use the magic wand with Tolerance set to zero, and Contiguous checked to select the white area outside your outline and fill it with black (on the new layer). Change that layer’s blend mode to Difference. Turn off the outline layer’s visibility. If the image is totally black, you have a perfect match. If you see a fringe outline, it’s not.

    » Simulated Alpha Channels - Part III
    Published 05/15/2006

    Simulated Alpha Channels

    With the mask corrected, and the flower layer’s visibility turned back on, the image looked as shown below. The last step is to grab the completed alpha channel layer (click on the layer name and drag) and move it below the original image copy.
    move alpha channel below
    Then turn off visibility of the alpha channel layer by clicking on the eyeball icon.
         Any time you want to select the flower, go to the alpha channel layer. Press the Ctrl key, and click on the alpha channel layer name. This loads the layer’s transparency mask. What that means is it selects all pixels according to their opacity.
         Since the black area is where the flower is not, we need to invert the selection. In the menu bar at the top of your window, choose Select > Inverse. With the selection active, select the flower’s layer (“original image copy”).
          The flower is now selected, and ready to do with as you will. In my Photoshop Combining Images tutorial in the Photoshop section, I dragged this same flower onto another image using a quick mask selection which is the equivalent of what we have just done.


    What else can you do with simulated alpha channels? Regular Photoshop users can probably figure this out for themselves, but I believe you can do many things that you can do with a true alpha channel.
         Lets try adding a gradient mask to the flower image. If your flower is selected, deselect it by choosing Select > Deselect, or pressing Ctrl-D. Then click on the New Layer button at the bottom of the layers palette. Drag the new layer to be at the top of the stack, if it is not there already, and then rename it, “gradient mask”.
         Choose the gradient tool in the toolbox.
    gradient icon
    In the gradient tool’s options bar click the little down arrow next to the gradient thumbnail (not the thumbnail itself) to access the pop-up palette. Choose the Foreground to Transparent gradient, as shown. It’s second from the left in the top row.
    gradient pop-up palette
    Choose the linear gradient. It’s the left most one on the options bar just to the right of the Edit button.
    linear gradient icon
    The rest of your gradient tool’s options bar should appear as shown below.
         Make sure the new gradient mask layer is selected in the layers palette. Then click on the flower image just to the right of the flower’s yellow center, and drag straight across to the image’s right edge. The result, as shown below looks, well, very black. Don’t worry. I know what I’m doing … I think.


    mask shown above image

    » Simulated Alpha Channels - Part II
    Published 05/15/2006

    Simulated Alpha Channels

    Before attempting to paint close to the flower’s edges, zoom way in so you can see exactly what you’re doing. You can either click on the image with the zoom tool, or use the zoom tool to drag a selection box around the area you want to zoom to.
    zoom tool
    If you check the Fit on Screen button on the zoom tool’s options bar, the image window will maximize for you. I prefer to leave Ignore Palettes unchecked. If it is selected, the image will spread under the palettes, and this is a nuisance.
         While you are editing as you are zoomed way in, press the spacebar to access the hand tool. Click and drag on your image with the hand to move new parts of the flower’s edges into view.
    hand tool
    Increase or decrease your brush size as needed by pressing the bracket keys, [ ]. Be as precise as you can, zooming in even closer, if necessary. Use tiny brushes to get into little nooks and crannies. The illustration below shows the brush icon following the flower edge at large magnification.


    painting the edge

    If you paint black onto the flower by mistake, select the eraser tool in the toolbox, and remove the black from the flower.
    eraser tool icon
    When you feel you have painted everything outside the flower completely black, check your work by turning off the visibility of all layers except alpha channel. To turn off visibility, click on the eyeball icon at the left end of a layer. This toggles visibility off and on.
    check opacity
    As you can see in my example below, mine was not at all complete. Keep the other layers turned off, and repaint over any areas that are not totally black.

    » Simulated Alpha Channels - Part I
    Published 05/15/2006

    Simulated Alpha Channels

    [Please note: Elements 2 allows the saving of selections as alphas. However, since you can't see or edit them until they are loaded, and then you will only see the marching ants outline, the techniques described here should still prove useful. Note that any selection can be edited in the same manner as a Photoshop channel by using an adjustment layer mask as a temporary proxy.]

    Beginner Elements users, just ignore the title of this tutorial. You’ll learn what an alpha channel is if you read any full version Photoshop books, or tutorials, but there are no alpha channels in Elements.
          What this tutorial will teach you, is how to make complicated selections without using any of the selection tools, and then, how to save those selection outlines so you can reuse them at any time. I think you will find that the methods shown here are much better than struggling with the lasso tools, or the magic wand.
         If you would like to use my image, shown below, download it to your hard drive, open it in Elements, and save it in psd format. I am going to show you how to select the flower, and then save that selection so you can reuse it at any time.



    In the Layers palette, double click on the background (the only) layer. Double click anywhere on the blue part, where the finger icon is shown, below.
    background layer
    In the dialog box that appears, give the layer a name that will help you remember what it is. Or, if you won’t be using many layers, you can simply accept Adobe’s default name of Layer 0, and click OK. I named mine, “original image,” as shown.
    renamee dialog box
    Background layers don’t allow transparency, and you can’t move any other layers below them. The lock icon you see at the right end of the layer is there because the layer is considered partially locked since it doesn’t allow transparency. As soon as you rename the layer, it becomes a “regular” layer and the lock icon disappears.
         Next, I want to duplicate this layer. Click on the little arrow in the upper right corner of the layers palette to access the palette menu. Choose Duplicate Layer.
    layer menu
    I left the layer with the default name of “original image copy”. We will use this duplicate layer to work on, while keeping the true original out of sight at the bottom of the layers palette. This is a good habit to get into.
         To lock the original image, select its layer, and then click the check box next to the lock icon at the top of the layers palette.
    lock original
    Then turn off the visibility for this layer by clicking the eyeball icon at the far left end of its layer.
    turn off visibility
    Select the copy layer (the top, unlocked layer), and then click on the New Layer button at the bottom of the layers palette.
    new layer icon
    New layers are added above the currently selected layer, and we want this new one on top of the original image copy. Double click on this new layer, and name it “alpha channel.” With the alpha channel layer selected, choose the paintbrush in the toolbox.
    paintbrush icon
    Make sure you have the default colors in your color boxes by clicking the default colors icon at the very bottom left corner of the toolbox.
    default colors
    Be sure the Opacity is set to 100 % in the paintbrush tool’s options bar .
          Click on the little arrow next to the brush thumbnail (shown with the pointer, below) to access the brushes pop-up palette. Pick a hard edged brush from the top row.
    brushes pop-up palette
    A shortcut to make your brush larger while you are painting is to click the right bracket key on your keyboard. To make your brush smaller, click on the left bracket, [. You’ll need to change brush size often as you paint around the flower’s edge. You’ll want to use a large brush to quickly paint over the areas away from the flower, and little brushes for precise edge details.
     
    Your first stage should appear as shown below. Be sure you are painting on the alpha channel layer.

    » Symmetrical Flowers - Part II
    Published 05/15/2006

    Symmetrical Flowers

    With the top, newly merged layer selected in the Layers palette, use the rectangular marquee tool to once again drag a selection that crosses the center of the flower. If your first marquee was horizontal as mine was, make this second one vertical. And, if your first was vertical, make this one horizontal.
    second marquee selection
         As before, you have to choose which side you want to use. I liked both sides, so I’m going to use the left side first, as shown. I’ll go back and do the right side later.
         Once you have the selection where you want it, press Ctrl-J, or choose Layer > New > Layer via Copy. Then select the new, top copied layer and duplicate it by dragging it onto the New Layer button at the bottom of the Layers palette, or by choosing Duplicate Layer from the Layers palette menu.
         Turn off visibility for all but the two top layers that you just created. You’ll remember that you do this by clicking on the eyeball icon at the left end of the layers you want to turn off.
         With the top, duplicate layer selected in the Layers palette, choose Image > Rotate > Flip Horizontal or Flip Vertical if your marquee was Horizontal. (Photoshop users use Edit > Transform > Flip Vertical/Horizontal.)
         Select the move tool in the toolbox, and, pressing the Shift key, drag the newly flipped layer to the right. Zoom in, and use the arrow keys to nudge the layers into exact alignment.
         As you can surely tell, this is exactly the same process we used before.
         Here’s how your Layers palette should look at this point.
    Layers palette after second flip
    Below is the image created so far.

    I mentioned earlier that I also liked the right side of the image when I dragged my rectangular marquee, above. If you would like to see how both sides of your flower look with a double flip, you can flip the other side, too.
         Select the top layer which, in my example Layers palette above is called Copy 2nd Split. Press Ctrl-E, or choose Merge Down from the Layers palette menu. Then turn off visibility for this newly merged layer.
         Turn visibility back on for the combined first flip which is what we started with before dragging our second marquee. In the example Layers palette this layer is called Merged First Split.
    Layers palette before using right side
         Use the same steps as before. Drag a vertical marquee, only this time select the right side of the image instead of the left.
    marquee of right side
        Proceed through the steps as I have already described. Copy. Duplicate. Flip. Drag. Merge. Enjoy.
         You can choose File > Save As and check the As a Copy button to save separate versions.
    Save a Copy
    Or, you can turn visibility on and off for the various versions to pick the one you like best.
         Note that when your rectangular marquee selection includes less than a full half of the image, you will end up with a strip of transparency on one side of the picture while visibility is still turned off for the layers below.
    showing transparency
    You can remove this with the crop tool, but if you have multiple versions as we do here, use the crop tool only on a copy. The crop tool cuts all layers, and other versions won’t need cropping in the same place.

    PSDTop offers Royalty Free files like PSDs and JPGs. PSD files are prepared for instant use in collages, banners, animations and other computer graphic related tasks - PSD files : PSD stock images & much more...!!! Files are multi layered and isolated. Just download a file, imort it to a program able to read .psd format (Adobe Photoshop, GIMP, other) and that's it - a new layer is added. PSD files are zipped to make transfer faster.
    WiFiReview.com - your guide to the wireless world