Nov 25, 2009

Creating Blur Overlay Effect?

free web hosting
Open Discussion & Free Web Hosting > Computers & Tech > Designing > Graphics Design

Creating Blur Overlay Effect?

Mr. Zero
Hello everybody. My first post, even though I have been here for some time looking at your great Photoshop tutorials. Outstanding good job, you guys have done!

Now I have a smaller request on how to create the blur overlay effect from Vista Program windows.

I have tried the most oblivious with creating a rectangle, set opacity to 15% and then apply blur to it. Unfortunately low layers will not be effect by the blur since blur on white does noting.

Can someone tell me or point what I'm suppose to do, to get the wanted effect?

Thanks smile.gif

Comment/Reply (w/o sign-up)

wutske
Make a copy of the original layer and apply a blur effect to it. Add a layer mask to the same layer and edit it. Adding a white rectangle to the layer mask will make the blurred layer visible, while a black rectangle will make the blurred layer invisible.
Add another layer and fill it with a color you like. Copy the layer mask previously made to this (colored) layer. Play around a bit with the layer modus to get the right effect.
[attachment=487:vista.png]


I hope my explication is a bit clear wacko.gif

Comment/Reply (w/o sign-up)

Mr. Zero
Sorry it went a bit too fast for me.

Could you do a step by step for me?
I'm casual photoshop'er so I have the basic down but all that with layer mask is confusing me.

But thank you for the reply smile.gif.

Comment/Reply (w/o sign-up)

FirefoxRocks
Oh, and by the way, I think this is an effect that I want to achieve somewhere.
Is there a way to do this in the GIMP?

I don't have Photoshop for 3 reasons:
1. Too expensive
2. Unnecessary
3. I prefer open-source software.

Comment/Reply (w/o sign-up)

wutske
I did this in the GIMP, so I can only give explain exactly how you could do this in The GIMP ...
So here's how I did it:
1) load an image, now you have one layer, the background
2) make a copy of the background layer (right-click on the background layer and select duplicate layer)
3) Make sure this new (duplicated layer) is selected and apply a gaussian blur to it (filters>blur>gaussian blur). A 5px radius is okay.
4) Add a layer mask to the same (duplicated and now blurred) layer. Right-click on this layer and select 'add layer mask', you'll get a pop up screen that asks you which color the mask should be, choose black (transparant).
In the layer, channel, pads window you'll see a black box next to the layer preview of the duplicated layer, this is your layer mask. If there's a white rectangle around it, this means it's selected and everything you do is applied to the mask.
5) Make sure the layer mask is selected and draw a white rectangle. You'll see that where you've drawn the rectanlge, the blurred layer will become visible.

If you want to colorify it, do the following:
1) add a new layer and fill it with the color you like
2) set the layer mode to 'color'
3) add a black layer mask
4) select the layer mask of the duplicated (blurred) layer, press CTRL+A (select all), then CTRL+C (copy), then select the layer mask of the colored layer and press CTRL+V.

Eventualy, you should end up with something like this:
[attachment=488:blur.png]

ps. The process is exactly the same for photoshop, except some things might be in a different location and might have a different name.

 

 

 


Comment/Reply (w/o sign-up)


Got an Opinion! Express your Views! (no registration):-
Add your Reply/ Opinion/ Views/ Comments/ Suggestion/ Questions/ Queries etc.
Posts with decent grammar & English will be accepted and please refrain from profanities.
For asking a Question, We recommend you to sign-up (for free) so that you can track the topic easily.

Nature of your Post*: Opinion/ Reply/ Comments
Question/Query
Feedback to us.
       
Name   Email
Title/Question*

This textarea will convert to Rich-Text automatically (IE, Firefox, Chrome)

Similar Topics

Keywords : creating, blur, overlay, effect,

  1. Creating A Fantastic Fantasy Night Sky In Photoshop
    (4)
  2. I Need A Few Tips On Creating Brushes In Photoshop
    For Photoshop, that is... (5)
    Umm...need some tips and guidelines for photoshop. Im not very good because , mainly , i dont use
    brushes. I use only filters. All the brushes that i have are alright...but im interested in creating
    my own. I hope someone here can help me...can you? ANyone? My friend told me how to create brshes
    but that was for a different program. Im stuck. Oh yeah! The program i use is Adobe Photoshop 7.0
    and i use Adobe Photoshop 9 CS2. If there is anything that anyone can do to help me, please help!
    /sad.gif' border='0' style='vertical-align:middle' alt='sad.gif' /> /sad.gi....
  3. Creating Images For Cafepress
    (2)
    Hi, I want to create some images (or just simple graphics/text) but I'm not sure how to start
    this. Some of these want a image that's 2,000x2,000 pixels. What programs do you use to do
    this? I don't need very complicated programs like Adobe Photoshop. Probably best to avoid
    those since I'm not a graphic savvy user. Also, if anyone has used CafePress before, do we just
    open up the template file they gave us and wipe it out (leaving the major outlines intact of course
    /biggrin.gif" style="vertical-align:middle" emoid=":D" border="0" alt="biggrin.gif"....
  4. creating a simple webpage with photoshop!
    really easy (15)
    well, basicly, what you have to do is make your background in photoshop. you take just any picture,
    edit it as you wish, so you finally have the background for your website. then you save your picture
    and open imageready, which is delivered together with ps. you open your picture and choose the
    slices tool. you draw a rectangle for the area where your text should come. you can draw more of
    them if you want several text areas, for example: you want an area for some sort of menu and then
    you want a menu where the text will be. once you're ready, you choose 'save as....

    1. Looking for creating, blur, overlay, effect,

See Also,

*SIMILAR VIDEOS*
Searching Video's for creating, blur, overlay, effect,
advertisement



Creating Blur Overlay Effect?

Affordable Web Hosting, Low cost Web Hosting - ComputingHost.com