Elements Village

How to use the forums


Go Back   Elements Village > Editing and Organizing Discussions > Photoshop Elements Editor

Reply
 
Thread Tools Display Modes
  #1  
Old November 7th, 2008, 01:38 PM
dobeluvr dobeluvr is offline
New Forum User
 
Join Date: Mar 2008
Posts: 25
Help with fading picture into the background

I am pulling my hair out. I need help with fading a picture into the background. for instance on the right hand side of the page I want to make the picture soft(light but still visiable) and have the picture fade into a gradient background I can type on to make a nice webpage. I hope I explained this well enough and it's not as complicated to pull off as I'm making it.

Thank you all so much for your help!!! I'm going crazy here!!!!!
Erica
Reply With Quote
  #2  
Old November 7th, 2008, 02:30 PM
Byron Gale's Avatar
Byron Gale Byron Gale is offline
Senior Contributor
 
Join Date: Apr 2006
Location: No. California
Posts: 4,419
Images: 30
Erica,

Here's one way to fade an image into a background.



I placed the image layer above a solid color layer, then placed a blank layer between.

On the middle blank layer, I painted with a Forground To Transparent gradient.

Then I selected the upper layer and clicked Layer > Group with Previous.

This uses the middle layer to "clip" the upper layer so that the upper layer is only visible where there is content on the middle layer.

Of course, you may have to try it a few times until you get things in the positions you want.

HTH,

Byron
__________________
...
To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
...

...
To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
...

"I'm trying to think but nothing happens" - Jerome Horwitz
Reply With Quote
  #3  
Old November 7th, 2008, 02:50 PM
ken1's Avatar
ken1 ken1 is offline
Senior Contributor
 
Join Date: Oct 2007
Posts: 1,982
Erica

Here are two methods:

A. 1.Open picture
2.Duplicate background layer, work on background copy layer
3.Set foreground chip (lower left) to white
4.Select gradient tool. Select foreground to transparent gradient.
5.Drag gradient horizontally and adjust opacity of layer as desired

B. Steps 1&2 as above
3.Gaussian blur 20+ (experiment)
4.Select>all, Edit>define pattern
5.Delete blurred layer (step #3)
6. Open blank layer at top of stack
7. Edit>fll layer with pattern. It should be the last one in the current
library
8. Use eraser tool to reveal the in-focus part of picture for
retention.
__________________
Ken
K&D Photo

PSE8, WIN7
Reply With Quote
  #4  
Old November 8th, 2008, 12:52 PM
Bayla's Avatar
Bayla Bayla is offline
Senior Contributor
 
Join Date: Mar 2005
Location: UK
Posts: 6,168
Images: 81
Erica,

Check out THIS TUTORIAL by Jessica Sprague.

Bayla
__________________

To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
and
To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.



To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.



To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
Reply With Quote
  #5  
Old January 2nd, 2009, 10:32 PM
John Bertram John Bertram is offline
New Forum User
 
Join Date: Oct 2005
Posts: 14
A Flexible "Opacity Gradient" at last!

Quote:
Originally Posted by Byron Gale View Post
Erica,
Here's one way to fade an image into a background.
I placed the image layer above a solid color layer, then placed a blank layer between.
On the middle blank layer, I painted with a Forground To Transparent gradient.
Then I selected the upper layer and clicked Layer > Group with Previous.
This uses the middle layer to "clip" the upper layer so that the upper layer is only visible where there is content on the middle layer.
Of course, you may have to try it a few times until you get things in the positions you want.
HTH,
Byron
Byron --

Thanks for the above posting. I've been trying to figure this one out for a while -- how to in effect create an "opacity gradient", as opposed to simply affecting the opacity OF a gradient.

I've just done some tests using the workflow you describe, and want to suggest the following revision which seems to work even better:

Instead of creating a new layer and then applying a Foreground-to-Transparent gradient to that new layer, just have that particular gradient pre-selected, then use the "Create Adjustment Layer" button to create a gradient layer BELOW the layer with the image you want to affect. Then (as you describe) group that image layer with the new gradient adjustment layer below it.

The advantage to this route is you can now double-click the Layer Thumbnail icon of this Gradient Adjustment Layer, and use the Gradient Fill dialog which pops up (as well as the Gradient Editor window which you can then also access) to adjust and re-adjust every aspect of this "opacity gradient" to your heart's content, and see the effect in real time on the image layer above. Size, position, style, etc. can all be modified and re-modified until the fade-out effect on the image looks just right.

Give this a try and see if it works for you as well. Thanks again for the inspiration!

John Bertram
Toronto
Reply With Quote
  #6  
Old January 3rd, 2009, 01:03 AM
Byron Gale's Avatar
Byron Gale Byron Gale is offline
Senior Contributor
 
Join Date: Apr 2006
Location: No. California
Posts: 4,419
Images: 30
John,

I concur that clipping the image layer to a Gradient Adjustment Layer yields far greater flexibility. Nice write-up!!

Byron
__________________
...
To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
...

...
To view links or images in signatures your post count must be 5 or greater. You currently have 0 posts.
...

"I'm trying to think but nothing happens" - Jerome Horwitz
Reply With Quote
  #7  
Old January 4th, 2009, 12:23 AM
kzook kzook is offline
New Forum User
 
Join Date: Jan 2009
Posts: 4
John and Byron,

I just received PE7 for xmas and have not had any previous experience. I was trying to follow both your explainations for fading a picture but am not having very good luck. Any chance you can "dumb it down" a bit for me? thanks so much!
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
How can i remove background from the picture? Rassipassi Photoshop Elements Editor 6 June 12th, 2008 08:51 PM
Background fading for PSE6 kimcneil Photoshop Elements Editor 1 May 26th, 2008 12:45 PM
opacity of background picture Pokk Photoshop Elements Editor 6 May 25th, 2008 08:00 PM
take background off a picture? clemencia Photoshop Elements Editor 5 May 10th, 2008 08:49 AM
Fading background photo Shari Photoshop Elements Editor 5 January 17th, 2006 05:31 PM


All times are GMT -5. The time now is 11:42 AM.


Powered by vBulletin
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.
Copyright 2010, Photo One Media Inc.