How do I gradually fade an image?
Moderator: Kathy_9
-
PLCT01
- Posts: 2
- Joined: Fri Jul 30, 2010 12:02 pm
- System_Drive: C
- 32bit or 64bit: 64 Bit
- motherboard: No idea
- processor: No idea
- ram: No idea
- Video Card: No idea
- sound_card: No idea
- Hard_Drive_Capacity: No idea
How do I gradually fade an image?
All I want to do is fade an image so that it's more transparent at the top than the bottom. Have spent all morning trying to find something in the manual! Thanks!
-
Tim Morrison
- Moderator
- Posts: 341
- Joined: Wed Mar 26, 2008 3:42 pm
- System_Drive: C
- 32bit or 64bit: 32 Bit
- motherboard: Asus P4533
- processor: 3.16 GHz
- ram: 2GB
- Video Card: Radeon HD4650
- Hard_Drive_Capacity: 2.6 TB
- Monitor/Display Make & Model: HP LP2275W
- Location: Australia
Re: How do I gradually fade an image?
The best way is to use a mask. Mask layers control the transparency of the underlying layer.
Open your image and go to Layers > Mask Layer > Show All. If you look in your Layers palette, you'll see that the mask layer is shown as solid white. Mask layers are greyscale layers... the pixels on them can be black, white or any shade of grey. Black areas will turn the underlying image fully transparent, white areas will be fully opaque and shades of grey will be degrees of transparent.
Because you want your image to be transparent at the top, the mask needs to be black at the top. You can do this by flood filling the mask with a black-white gradient. To do this, double click on the foreground material in the Materials palette. Click the "Gradient" tab, then click the sample. Choose the "Black-white" gradient. This will probably appear with white at the top. If so, change the angle to 180 degrees. With the Flood Fill tool, left click on the image. You should now have an image that is fully opaque at the bottom, fading to fully transparent at the top.
You can adjust where the fade starts and the width of the transition using the Levels filter (Adjust > Brightness and Contrast > Levels). Drag the black, white and grey diamond shaped markers.
I find that it is best to use the Pick tool first. Drag the bottom edge upwards to set the start of the fade, then use the grey diamond in the Levels filter to adjust the rate of fade.
Once this done you will need to save to a format that supports transparency. PSPIMAGE is best. PNG would be OK too.
Open your image and go to Layers > Mask Layer > Show All. If you look in your Layers palette, you'll see that the mask layer is shown as solid white. Mask layers are greyscale layers... the pixels on them can be black, white or any shade of grey. Black areas will turn the underlying image fully transparent, white areas will be fully opaque and shades of grey will be degrees of transparent.
Because you want your image to be transparent at the top, the mask needs to be black at the top. You can do this by flood filling the mask with a black-white gradient. To do this, double click on the foreground material in the Materials palette. Click the "Gradient" tab, then click the sample. Choose the "Black-white" gradient. This will probably appear with white at the top. If so, change the angle to 180 degrees. With the Flood Fill tool, left click on the image. You should now have an image that is fully opaque at the bottom, fading to fully transparent at the top.
You can adjust where the fade starts and the width of the transition using the Levels filter (Adjust > Brightness and Contrast > Levels). Drag the black, white and grey diamond shaped markers.
I find that it is best to use the Pick tool first. Drag the bottom edge upwards to set the start of the fade, then use the grey diamond in the Levels filter to adjust the rate of fade.
Once this done you will need to save to a format that supports transparency. PSPIMAGE is best. PNG would be OK too.
Tim Morrison
C-Tech Volunteer
C-Tech Volunteer
-
df
- Posts: 1224
- Joined: Mon Feb 08, 2010 11:21 pm
- System_Drive: C
- 32bit or 64bit: 64 Bit
- motherboard: GIGABYTE Z690 AERO G DDR4
- processor: 13th Gen Intel Core i7-13700K
- ram: 64gb
- Video Card: RTX 3060 Ti 8gb GDRR6
- Hard_Drive_Capacity: 1 Tb
- Location: Washington State
- Contact:
Re: How do I gradually fade an image?
I found dragging the diamond shaped sliders of the gradients to be rather cumbersome as you couldn't really see what part of the image the fading was appearing on. I do this
http://www.flickr.com/groups/tutorial_c ... 610522598/
If you work with a 16 bit image (Image > Increase Color Depth > RGB 16 bits/channel) then the gradient (fade) will be much smoother.
http://www.flickr.com/groups/tutorial_c ... 610522598/
If you work with a 16 bit image (Image > Increase Color Depth > RGB 16 bits/channel) then the gradient (fade) will be much smoother.
Regards, Dan
"Smoke me a kipper, I'll be back for breakfast."
"Smoke me a kipper, I'll be back for breakfast."
-
LeviFiction
- Advisor
- Posts: 6831
- Joined: Thu Oct 02, 2008 1:07 pm
- System_Drive: C
- 32bit or 64bit: 64 Bit
- motherboard: Alienware M17xR4
- processor: Intel Core i7-3630QM CPU - 2_40GH
- ram: 6 GB
- Video Card: NVIDIA GeForce GTX 660M
- sound_card: Sound Blaster Recon3Di
- Hard_Drive_Capacity: 500GB
- Corel programs: PSP: 8-2023
- Location: USA
Re: How do I gradually fade an image?
He didn't say edit the gradient and move the triangles in the gradient editor.
He said use the Levels command and move the diamonds in that. Since it's working on a mask layer (greyscale image) the levels command will help to edit the gradient by effecting the grey areas, and you can watch the effect on the image as you edit it.
He said use the Levels command and move the diamonds in that. Since it's working on a mask layer (greyscale image) the levels command will help to edit the gradient by effecting the grey areas, and you can watch the effect on the image as you edit it.
https://levifiction.wordpress.com/
-
df
- Posts: 1224
- Joined: Mon Feb 08, 2010 11:21 pm
- System_Drive: C
- 32bit or 64bit: 64 Bit
- motherboard: GIGABYTE Z690 AERO G DDR4
- processor: 13th Gen Intel Core i7-13700K
- ram: 64gb
- Video Card: RTX 3060 Ti 8gb GDRR6
- Hard_Drive_Capacity: 1 Tb
- Location: Washington State
- Contact:
Re: How do I gradually fade an image?
LeviFiction wrote:He didn't say edit the gradient and move the triangles in the gradient editor.
He said use the Levels command and move the diamonds in that. Since it's working on a mask layer (greyscale image) the levels command will help to edit the gradient by effecting the grey areas, and you can watch the effect on the image as you edit it.
I guess I should have read the full post. I knew there was another way to do that but never found one.
Regards, Dan
"Smoke me a kipper, I'll be back for breakfast."
"Smoke me a kipper, I'll be back for breakfast."
-
Trev Bowden
- Posts: 174
- Joined: Mon Mar 01, 2010 5:30 pm
- System_Drive: C
- 32bit or 64bit: 32 Bit
- motherboard: ASUSTeK. M3A78-EM
- processor: 2.80 gigahertz AMD Athlon 7850 Dual-Core
- ram: 4gb
- Video Card: ATI Radeon HD 5450
- sound_card: ATI HDMI Audio.Realtek High Definition
- Hard_Drive_Capacity: 2TB
- Location: Bradford West Yorks UK
Re: How do I gradually fade an image?
I prefer to do the adjustments in Histogram adjustments as you can also alter the contrast To make it a quick change from Black to white Or a more gradual change.
So many ways.
So many ways.
-
PLCT01
- Posts: 2
- Joined: Fri Jul 30, 2010 12:02 pm
- System_Drive: C
- 32bit or 64bit: 64 Bit
- motherboard: No idea
- processor: No idea
- ram: No idea
- Video Card: No idea
- sound_card: No idea
- Hard_Drive_Capacity: No idea
Re: How do I gradually fade an image?
Thanks for all your help. It works!
