Glow affect

This is a discussion on "Glow affect" within the Graphics and 3D section. This forum, and the thread "Glow affect are both part of the Design Your Website category.


 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Graphics and 3D

Notices




Reply
 
LinkBack Thread Tools
  #1  
Old Apr 17th, 2006, 17:27
Up'n'Coming Member
Join Date: Apr 2006
Location: Missouri
Age: 32
Posts: 65
Thanks: 0
Thanked 0 Times in 0 Posts
Glow affect

There is a template out there and they have a cool glow effect as the background.

http://images.templatemonster.com/sc...400/9473-b.jpg

How could I do something like that in Fireworks or Photoshop?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Apr 17th, 2006, 19:34
Most Reputable Member
Join Date: Aug 2005
Location: North Wales, United Kingdom
Age: 21
Posts: 1,093
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Glow affect

in fireworks:
Effect > Glow
And mess with the settings.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Apr 18th, 2006, 10:52
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Glow affect

I'm not sure they used a "Glow" effect, looking at that image.

Glow will do something similar, but it's constrained by the proportions of the image you're applying it to.

The example you've highlited (heheh) looks as though it's simply a circular gradient (white to grey, or white to clear) which has been positioned on a layer beneath the main layer (maybe the background layer, although this would prevent it's flexibility later), possibly had the opacity dropped, and then the size has been adjusted accordingly.

Either way it's a very simple way to achieve a nice effect.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Apr 18th, 2006, 14:03
Up'n'Coming Member
Join Date: Apr 2006
Location: Missouri
Age: 32
Posts: 65
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Glow affect

So for a graphic novice like myself how would I go about doing this?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Apr 18th, 2006, 15:13
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Glow affect

I'm hoping that you have PhotoShop so what follows will make sense.
I would do it this way (this may not be the same as the method used but you'll see why in a minute).

Open a new file in PhotoShop.
Leave settings as default.
A new layer will open automatically.

Click on the button in the Layers palette to open another new layer ("Layer 2") and fill it with WHITE < alt + del while that layer is 'active'>.

In the Layers palette, click the button to add a Layer Mask. Where it previously said "Layer 2", there will now be a new icon denoting a layer mask has been added to this layer. There will be a blue frame around this box to show that the mask is active, rather than the layer itself.

Select the Gradient tool < G >. You will need to ensure it is the Gradient tool and not the Paint Bucket tool.

Go to the Gradient options (top toolbar), select the Radial Gradient and then go to the Gradient Picker. Click on the little arrow and select "Foreground to Background". Click and drag to the outside of your stage.

This will apply a circular pattern which starts out white in the centre and goes to black at the edge. HOWEVER, this is a mask! Black and white do not show up in a mask. White reveals whatever is beneath it (in this case white), while black hides it. So, what you see is a white circle in the centre which fades out as it expands.

Fill Layer 1 with GREY and you will be able to see the highlite effect better.

Then load whatever you want the glow to be behind on to a new layer ABOVE Layer 2, adjust the opacity of Layer 2 as required and, BINGO!



[edit: The reason for doing it this way is so you can manipulate Layer 2. You can adjust the size and the opacity to suit whatever is placed above it until you're happy with the result. If you do it on the background layer it's fixed and, if you get it wrong, you have to start over.]

Last edited by Legacy_Staff; Apr 18th, 2006 at 15:15.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #6  
Old Apr 19th, 2006, 04:25
Up'n'Coming Member
Join Date: Apr 2006
Location: Missouri
Age: 32
Posts: 65
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Glow affect

Thanks a lot RedSkwirrell for going into all that detail. I am hoping to put this use tomorrow after the I get some sleep. Thanks again
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #7  
Old Apr 19th, 2006, 11:05
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Glow affect

NP.
Just paying my dues to everyone who helped me start out.
The way the author has lifted the girl's arm and wing out of the frame also helps the glow effect to work on a 3D level as well.
Would be interested in seeing the result when you've finished (if you're using it on a published web page).

Last edited by Legacy_Staff; Apr 19th, 2006 at 11:08.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #8  
Old Apr 24th, 2006, 05:46
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Glow affect

on my site i just used pain but its kind of "s***"

www.freewebs.com/bruno_89

is that wat u want ?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #9  
Old Apr 24th, 2006, 09:09
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Glow affect

Looks just like a 'GLOW' effect to me, highlighting the edges of your main panel.
Btw the name of your site, "www.Bruno89.tk" appears to have been already registered and owned by a company called "Taloha Inc" in the U.S.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #10  
Old Apr 24th, 2006, 16:33
Up'n'Coming Member
Join Date: Apr 2006
Location: Missouri
Age: 32
Posts: 65
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Glow affect

I did it Red but the radial does not come out far enough for it not to be covered up by the wrapper. My layout is 750 by 500 and the wrapper is 670 and the radial glow underneath just does not expand that far.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #11  
Old Apr 24th, 2006, 16:48
Up'n'Coming Member
Join Date: Apr 2006
Location: Missouri
Age: 32
Posts: 65
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Glow affect

Also when (and if) I finish would I have to have a background that is huge I am guessing?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #12  
Old Apr 24th, 2006, 22:22
Highly Reputable Member
Join Date: Aug 2005
Location: 3rd Branch Up, Old Oak.
Age: 48
Posts: 658
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Glow affect

Suggestion...., start with a larger stage.


No. You don't need to finish with a large image. Unless you can't reduce the original.

Just match the two up to how you like them, then reduce the total image size ("image/image size" then reduce the size).

Last edited by Legacy_Staff; Apr 24th, 2006 at 22:27.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #13  
Old Apr 24th, 2006, 22:28
Most Reputable Member
Join Date: Aug 2005
Location: North Wales, United Kingdom
Age: 21
Posts: 1,093
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Glow affect

i like your cookies avatar lol. original
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #14  
Old Apr 25th, 2006, 20:30
Up'n'Coming Member
Join Date: Apr 2006
Location: Missouri
Age: 32
Posts: 65
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Glow affect

Working on implementing your knowledge and will show you what I have as soon as I am happy with it, LOL. Thanks
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #15  
Old Apr 29th, 2006, 19:37
Highly Reputable Member
Join Date: Jul 2005
Location: Northampton, England
Age: 19
Posts: 506
Thanks: 0
Thanked 0 Times in 0 Posts
Wink Re: Glow affect

oh ok then...

and by the way i no the www.bruno89.tk bits rong i cacled the subscription PLUS its a VERY old site i made it wen i was like 14 so its like 3 years old lol i just used it as an example
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
Reply

Tags
glow, affect

Thread Tools

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
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Do Outbound Links Affect PR? ChainsawDR Search Engine Optimization (SEO) 4 Jun 6th, 2008 16:03
Does this affect look professional? crackafaza Website Planning 3 Mar 25th, 2008 11:17
Having two divs which do not affect each other? LGS Web Page Design 11 Oct 28th, 2007 23:41
Will redesign in ASP affect SEO? Paula Classic ASP 5 Aug 11th, 2006 14:12
animated hover text affect ecntrc Flash & Multimedia Forum 4 Dec 29th, 2005 14:16


All times are GMT. The time now is 19:54.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved