How to Blur part of an image like in this example

Instructor · 11-03-2009, 12:11 PM

Hi,

How do I blur part of an image like in this example so that it looks better when I want to put text on one half of it?

BTW I'm using Adobe Photshop CS2 if that helps.

Thanks in advance,
James

Aronya · 11-03-2009, 12:23 PM

Can't give you step-by-step right now, but there are 2 ways (at least) to do this:

1. Select the area & use one of the blur filters
2. Select the area & fill with a gradient

Both will take a little experimentation to get what you want. The first technique is easier, but if the background is too dark for your text (or vice versa), you'll have to do more work.

Instructor · 11-03-2009, 02:06 PM

I'll give that a try, thanks.

Also will this be easier to do in Photshop or Illustrator?

SteelDanno · 11-03-2009, 05:11 PM

Photoshop for sure. Anything to do with bitmaps (JPG, GIF, PNG, TIFF etc.) is all Photoshop unless there are some very specific reasons not to. Illustrator is your friend for vectors.

Re blurrr....

There is also a Blur tool in the toolbar. You can select that, jack up the brush size and pressure and get jiggy with your mouse on the image where you want the blur effect.

Instructor · 11-07-2009, 04:07 PM

Still can't get it to work right.

Perhaps blur isn't the tool I need here?

Any other suggestions please?

Steve Wells · 11-07-2009, 06:39 PM

Quote:

Originally Posted by Instructor

Still can't get it to work right.

Perhaps blur isn't the tool I need here?

Any other suggestions please?

attatch your image psd file or just the image in jpg format and I will do it for you...........let me know how much you want blurred and where.

You need to use a layer mask or the eraser with a new layered white background behind the original image......

Orlando Web Design · 11-07-2009, 09:56 PM

Use a mask in photoshop

Search Youtube, there are lots of video tutorials on how to do this.

VisualWebEffects · 11-07-2009, 11:38 PM

you can achieve something similar to what is in that image by adding a radial gradient in a new layer above the base image , then hold ctrl and left click the thumbnail for the gradient layer in the layer manager. In the toolbar at the top find the feather option, enter a value here from 0 and upwards. depending on the size of the image a number between 5 and 20 usually does the trick. then with the marquee tool selected right click the selection in the canvas and use option: new layer via copy. Hide the original gradient layer.

oh forgot to mention, for the gradient, use foreground to transparent fill option.

then just rinse and repeat until your satisfied (in other words, if your not happy, do it again until you are).

asgraphixs · 11-13-2009, 12:14 AM

This is how I would do it
I would use the rectangle marquee tool to select the part of the image that I want blurred out, then while selected I would add a feather to it, maybe 20 pixels, and either add a new layer and fill it (with paint bucker tool) with the color you want to be the background to be. Or you can fill it on the same layer, I recommend a new layer, its easier to get rid of the new layer if for some reason you want to delete the changes.

This will give the layer a new color with blurred edges, looking like it was blurred out.

11-03-2009, 12:11 PM	#1
Instructor Advanced Warrior War Room Member Join Date: Sep 2008 Posts: 555 Thanks: 2 Thanked 17 Times in 15 Posts	How to Blur part of an image like in this example Hi, How do I blur part of an image like in this example so that it looks better when I want to put text on one half of it? BTW I'm using Adobe Photshop CS2 if that helps. Thanks in advance, James
	Great students make the Best Teachers...Never stop learning!

11-03-2009, 12:23 PM	#2
Aronya Advanced Warrior War Room Member Join Date: Feb 2008 Location: Escondido, CA. Becase San Marcos just wasn't hot enough. Posts: 510 Thanks: 35 Thanked 56 Times in 55 Posts	Re: How to Blur part of an image like in this example Can't give you step-by-step right now, but there are 2 ways (at least) to do this: 1. Select the area & use one of the blur filters 2. Select the area & fill with a gradient Both will take a little experimentation to get what you want. The first technique is easier, but if the background is too dark for your text (or vice versa), you'll have to do more work.

11-03-2009, 02:06 PM	#3
Instructor Advanced Warrior War Room Member Join Date: Sep 2008 Posts: 555 Thanks: 2 Thanked 17 Times in 15 Posts	Re: How to Blur part of an image like in this example I'll give that a try, thanks. Also will this be easier to do in Photshop or Illustrator?
	Great students make the Best Teachers...Never stop learning!

11-03-2009, 05:11 PM	#4
SteelDanno Awful Guitar Player War Room Member Join Date: Mar 2009 Location: BC, Canada Posts: 148 Thanks: 36 Thanked 61 Times in 23 Posts Social Networking	Re: How to Blur part of an image like in this example Photoshop for sure. Anything to do with bitmaps (JPG, GIF, PNG, TIFF etc.) is all Photoshop unless there are some very specific reasons not to. Illustrator is your friend for vectors. Re blurrr.... There is also a Blur tool in the toolbar. You can select that, jack up the brush size and pressure and get jiggy with your mouse on the image where you want the blur effect.
	Premium Pattern Interruption Profit. Share. Lend.

11-07-2009, 04:07 PM	#5
Instructor Advanced Warrior War Room Member Join Date: Sep 2008 Posts: 555 Thanks: 2 Thanked 17 Times in 15 Posts	Re: How to Blur part of an image like in this example Still can't get it to work right. Perhaps blur isn't the tool I need here? Any other suggestions please?
	Great students make the Best Teachers...Never stop learning!

11-07-2009, 09:56 PM	#7
Orlando Web Design Laurence Samuels War Room Member Join Date: Oct 2009 Location: Orlando, FL - USA Posts: 357 Thanks: 63 Thanked 44 Times in 41 Posts Contact Info	Re: How to Blur part of an image like in this example Use a mask in photoshop Search Youtube, there are lots of video tutorials on how to do this.
	Orlando Web Design: This 'aint your typical web co. Tax Deed Foreclosures : Build $1 million of real estate wealth. I will show you how Relationship Stories: Avoid the Altar.com-A million reasons to avoid marriage Snowshoe Rentals - acne wash - acnefree

11-07-2009, 11:38 PM	#8
VisualWebEffects HyperActive Warrior War Room Member Join Date: Sep 2009 Location: Canada Posts: 137 Thanks: 4 Thanked 35 Times in 18 Posts Contact Info	Re: How to Blur part of an image like in this example you can achieve something similar to what is in that image by adding a radial gradient in a new layer above the base image , then hold ctrl and left click the thumbnail for the gradient layer in the layer manager. In the toolbar at the top find the feather option, enter a value here from 0 and upwards. depending on the size of the image a number between 5 and 20 usually does the trick. then with the marquee tool selected right click the selection in the canvas and use option: new layer via copy. Hide the original gradient layer. oh forgot to mention, for the gradient, use foreground to transparent fill option. then just rinse and repeat until your satisfied (in other words, if your not happy, do it again until you are).
	VisualWebEffects- Web Application Development, PC Software Development and Identity Design services

11-13-2009, 12:14 AM	#9
asgraphixs Web Designer Join Date: Nov 2009 Location: Oklahoma Posts: 3 Thanks: 0 Thanked 1 Time in 1 Post Contact Info	Re: How to Blur part of an image like in this example This is how I would do it I would use the rectangle marquee tool to select the part of the image that I want blurred out, then while selected I would add a feather to it, maybe 20 pixels, and either add a new layer and fill it (with paint bucker tool) with the color you want to be the background to be. Or you can fill it on the same layer, I recommend a new layer, its easier to get rid of the new layer if for some reason you want to delete the changes. This will give the layer a new color with blurred edges, looking like it was blurred out.