SunQuest
           Photoshop Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignPhotoshop Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old March 23rd, 2004, 04:06 PM
donnwar donnwar is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 151 donnwar User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 13 h 17 m 29 sec
Reputation Power: 5
How can I make a fade as this

Can someone advise me on how I can make an even fade that almost looks like this one (attached). I have seen very nicely faded graphics on the internet esp as backgrounds in logos. They sort of fade like a gradient. They are darker on one side and very light on the other end and it is done evenly.

Can some one tell me how I can design one of those please? The attached one is not a good example but it shows the idea. Thank fellas.
Attached Images
File Type: jpg faded.jpg (9.3 KB, 346 views)

Reply With Quote
  #2  
Old March 23rd, 2004, 06:53 PM
ShaNaeNae ShaNaeNae is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Mar 2004
Posts: 42 ShaNaeNae User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
I googled "feathered edges in photoshop", and this is one of the returns...

http://www.lunareclipse.net/feathered.htm

...hope that helps!

Reply With Quote
  #3  
Old March 23rd, 2004, 09:43 PM
donnwar donnwar is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 151 donnwar User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 13 h 17 m 29 sec
Reputation Power: 5
Actually no, it must have been my mistake to put those wrong images out there. Unfortunately I cant see an example of what I exactly want but it is something fading from left to right (horizontally) rather than circular. The result will be the L-side being darker than the R-side. Thank you for your reply.
I am looking on the net to find an example

Reply With Quote
  #4  
Old March 24th, 2004, 06:24 PM
donnwar donnwar is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 151 donnwar User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 13 h 17 m 29 sec
Reputation Power: 5
I found perfect examples!!

The kind of thing I want to do is to have the one side of the picture fading into the background. Please notice how one side is darker as the pic fades evenly to the other side.

How can I make a design like that? Please advise! Attached down are the examples.
Attached Images
File Type: jpg fade2.jpg (18.0 KB, 242 views)

Reply With Quote
  #5  
Old March 24th, 2004, 07:29 PM
ShaNaeNae ShaNaeNae is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Mar 2004
Posts: 42 ShaNaeNae User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
you just put a gradient (from color or white to transparent) over the image.

I got the image from:
www.sxc.hu
Attached Files
File Type: psd fade.psd (305.6 KB, 164 views)

Reply With Quote
  #6  
Old March 24th, 2004, 07:47 PM
TekMonkey TekMonkey is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Mar 2004
Posts: 13 TekMonkey User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 30 m 12 sec
Reputation Power: 0
Quote:
Originally Posted by ShaNaeNae
you just put a gradient (from color or white to transparent) over the image.

I got the image from:
www.sxc.hu


The problem with that is that it messes up the colors. What you want to do is called "blending" two pictures together. You could create a layer mask then apply a black/white gradient like this link describes. Another way is to try something like this.

If none of these help or you need any more tutorials, I recommend good-tutorials.com. Do a search for blending and you get quite a few good links (like the ones I provided ).

Reply With Quote
  #7  
Old March 24th, 2004, 08:01 PM
donnwar donnwar is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 151 donnwar User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 13 h 17 m 29 sec
Reputation Power: 5
Perfect, what tool would I need to use? That is exactly what I want to do. thanks!

Reply With Quote
  #8  
Old March 24th, 2004, 08:16 PM
TekMonkey TekMonkey is offline
Registered User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Mar 2004
Posts: 13 TekMonkey User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 30 m 12 sec
Reputation Power: 0
Tool for which part? I believe they cover everything you need to do in the tutorials?

Reply With Quote
  #9  
Old March 25th, 2004, 12:35 AM
donnwar donnwar is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 151 donnwar User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 13 h 17 m 29 sec
Reputation Power: 5
Tool for adding that white gradient, I tried gradient under "layer" menu but it did not cover the whole image like it is in that example. Thank you all

Reply With Quote
  #10  
Old March 29th, 2004, 06:43 PM
donnwar donnwar is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 151 donnwar User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 13 h 17 m 29 sec
Reputation Power: 5
Some example:

Some example:
Attached Images
File Type: jpg compassion.jpg (19.4 KB, 164 views)
File Type: jpg children.jpg (9.0 KB, 147 views)

Reply With Quote
  #11  
Old March 29th, 2004, 08:19 PM
ShaNaeNae ShaNaeNae is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Mar 2004
Posts: 42 ShaNaeNae User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
which version of photoshop do you have?

Reply With Quote
  #12  
Old March 30th, 2004, 01:40 AM
~*~'s Avatar
~*~ ~*~ is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Location: Toronto-ish
Posts: 72 ~*~ User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: < 1 sec
Reputation Power: 5
Im using an older version of photoshop.....5.5 but Im pretty sure its done the same way in newer versions
What you need to do is have 2 seperate layers (the 2 pics you are blending into each other)
Then the layer that is on top, you need to apply a 'layer mask'. On your layers palette, its near the bottom and looks like a box with a circle in it.
Then you need to select the horizontal gradient and make sure your set your foreground and background colours to default (black and white) by just pressing 'D'
And then just drag your gradient from one point to another and then you will see where one pic starts to blend into the other.
You might want to try a few different times changing how far you drag the gradient, and from left to right, or right to left and see which looks better for you
I hope I explained this ok
__________________

Reply With Quote
  #13  
Old March 30th, 2004, 09:24 AM
donnwar donnwar is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Nov 2003
Posts: 151 donnwar User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 13 h 17 m 29 sec
Reputation Power: 5
Thanks this has brought the horizontal gradient I have been trying to reach. Although I am still trying to get the desired effect. How would you make the gradient to be as ggod as in the example ShaeNaeNae made. Mine is too light on one side and too dark on the other?
Thanks again

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignPhotoshop Help > How can I make a fade as this


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump


Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support |