CSS - How To Fade Image Edges to Background Colors

How To Fade Image Edges to Background Colors

Q

How To Fade Image Edges to Background Colors? - PSP Tutorials - Fading Images to Background Colors with PSP

✍: FYIcenter.com

A

If you have an image on your Web page, you may want to fade the image to the background color on the edges. You can follow the tutorial below to fad the bottom edge to the background color:

Follow the steps in the previous tutorial to add 100 pixel margins to your image.
Open the expanded image: port_with_margins.jpg. It has 780x640 pixels.
Add a new raster layer.
Go to menu: View > Toolbars. You will get the Toolbars dialog box.
Select the Tool Options Window and close the dialog box.
Select the Selection tool on the Tool Palette. You will see the Tool Option dialog box showing you the options for the Selection tool.
Set Selection Type: Rectangle; Feather: 75; Antialias: checked.
Press and hold left mouse button to select the bottom edge, 780x200 pixels, of the image.
Use Flood Fill tool with color of RGB=(240,224,192) to fill the selected area.
Select the Selection tool again, and press right mouse button to release the selected area.
Merge all layers, and save the image as port_with_faded_edges.jpg. It will look like this:

2007-05-12, 9594👍, 0💬

How To Blend a Color Layer to a Image
How To Blend a Color Layer to a Image? - PSP Tutorials - Fading Images to Background Colors with PSP Let's say you has an image and you want to use it as the background for your Web page. But the image is too bright to be used as a background. You can follow the steps below to blend a color layer to... 2007-05-12, 6250👍, 0💬

How To Create a Top Left Corner Image with a Fading Color
How To Create a Top Left Corner Image with a Fading Color? - PSP Tutorials - Fading Images to Background Colors with PSP If you want to put background image to the top left corner of your Web page, you need to fad the right lower part of the image to the background color. The tutorial below tells yo... 2007-05-12, 5314👍, 0💬

How To Add Margins to an Image
How To Add Margins to an Image? - PSP Tutorials - Fading Images to Background Colors with PSP In order to adding effects to an image, sometimes you need to add margins to the image first. You can follow the steps below to add black margins to an image: Go to http://lettres.ac-rouen.fr/ and download ... 2007-05-12, 5159👍, 0💬

How To Avoid the Antialias Edges When Cutting and Pasting
How To Avoid the Antialias Edges When Cutting and Pasting? - PSP Tutorials - Fading Images to Background Colors with PSP When you finish a larger image and want to select one area as a new image, you can use the Selection tool to cut and paste that area into a new image. But the new image will show ... 2007-05-09, 4852👍, 0💬

All rights in the contents of this web site are reserved by the individual author. fyicenter.com does not guarantee the truthfulness, accuracy, or reliability of any contents.