Notices
Computer & Technology Related Post here for help and discussion of computing and related technology. Internet, TVs, phones, consoles, computers, tablets and any other gadgets.

How do i fade images like this?

Thread Tools
 
Search this Thread
 
Old 22 November 2007, 12:58 PM
  #1  
GazTheHat
Scooby Regular
Thread Starter
 
GazTheHat's Avatar
 
Join Date: Aug 2005
Location: 392/361 MY04 STi
Posts: 7,638
Likes: 0
Received 0 Likes on 0 Posts
Default How do i fade images like this?

I have paintshop pro on my machine, but i do not know how to produce an image which is faded like the two i've just seen on this site:
How is HVR used?

So it's a little less sharp. Any help appreciated. (Yes, i still use MS Paint too )
Old 22 November 2007, 01:08 PM
  #2  
ChefDude
Scooby Regular
 
ChefDude's Avatar
 
Join Date: Aug 2005
Posts: 4,290
Likes: 0
Received 0 Likes on 0 Posts
Default

gradient map in photo shop

duplicate the layer
add a layer mask
add a gradient map x to transparent (you can just press 'G')


i did this using this technique

Old 22 November 2007, 01:09 PM
  #3  
ChefDude
Scooby Regular
 
ChefDude's Avatar
 
Join Date: Aug 2005
Posts: 4,290
Likes: 0
Received 0 Likes on 0 Posts
Default

just re read you email - pain shop pro

add a new layer
'paint' a gradient from transparent to x
Old 22 November 2007, 01:46 PM
  #4  
GazTheHat
Scooby Regular
Thread Starter
 
GazTheHat's Avatar
 
Join Date: Aug 2005
Location: 392/361 MY04 STi
Posts: 7,638
Likes: 0
Received 0 Likes on 0 Posts
Default

Right, i'm away to play with that, let's see....
Old 22 November 2007, 01:52 PM
  #5  
ChefDude
Scooby Regular
 
ChefDude's Avatar
 
Join Date: Aug 2005
Posts: 4,290
Likes: 0
Received 0 Likes on 0 Posts
Default

remember to select the are you want to paint with the gradient, so for my image above I selected the bottom half and painted the gradient in that selection.

I also added another layer and painted the bottom half (again, in a selection box) to the background colour, black, and then reduced the opacity of the layer.
Old 22 November 2007, 02:09 PM
  #6  
GazTheHat
Scooby Regular
Thread Starter
 
GazTheHat's Avatar
 
Join Date: Aug 2005
Location: 392/361 MY04 STi
Posts: 7,638
Likes: 0
Received 0 Likes on 0 Posts
Default

Originally Posted by ChefDude
just re read you email - pain shop pro

add a new layer
'paint' a gradient from transparent to x
OK, i'm lost, it's not a intuitive as i was hoping it would be.

Add a new vetor layer - Check!

Paint a gradient??
Transparent to X?

Old 22 November 2007, 02:10 PM
  #7  
GazTheHat
Scooby Regular
Thread Starter
 
GazTheHat's Avatar
 
Join Date: Aug 2005
Location: 392/361 MY04 STi
Posts: 7,638
Likes: 0
Received 0 Likes on 0 Posts
Default

Your image is blocked by the co. firewall.

Trending Topics

Old 22 November 2007, 03:02 PM
  #8  
ChefDude
Scooby Regular
 
ChefDude's Avatar
 
Join Date: Aug 2005
Posts: 4,290
Likes: 0
Received 0 Likes on 0 Posts
Default

okay, step by step for the iTunes reflect stylee

take image
resize it to normal dimensions for practise (like 500x300 or so)
canvas size to double the height (so 500x600) and make sure 'Top' is 0

so, double height image now.

select all and copy
paste as new layer
flip the image vertically and move it so it lines up pixel for pixel and like it's completely reflected (like an M on top of a W).

new raster layer
select the bottom half area
on your forecolor palette you can select solid/gradient/pattern/null
select gradient
make sure your forecolor at the top (where you can swap fore and back colors) is the correct background colour you want to fade to - black i presume if it's like iTunes?
select the gradient color thing in the palette and you'll be able to change the angle (to 0) of the gradient and select #2 Fading foreground

so, you already selected the bottom area of the image, fill that and you should see a gradient from black to transparent

do a new raster layer

and, again, select the bottom half and fill it with solid black.
in the layer palette, reduce the opacity to like 50% so that the reflection is not the same brightness as the original image in the top half.

voila - you just have to merge all visible layers and save as jpeg.

it also works better with a 1 pixel black line between the top and bottom images
Old 22 November 2007, 04:18 PM
  #9  
GazTheHat
Scooby Regular
Thread Starter
 
GazTheHat's Avatar
 
Join Date: Aug 2005
Location: 392/361 MY04 STi
Posts: 7,638
Likes: 0
Received 0 Likes on 0 Posts
Default

I've printed the above, copied your URL of the image to another machine, so i'm off to tackle this baby.

Last edited by GazTheHat; 22 November 2007 at 04:57 PM.
Old 22 November 2007, 05:09 PM
  #10  
GazTheHat
Scooby Regular
Thread Starter
 
GazTheHat's Avatar
 
Join Date: Aug 2005
Location: 392/361 MY04 STi
Posts: 7,638
Likes: 0
Received 0 Likes on 0 Posts
Default

Just seen your image, nice.

The images i want are to blend/fade the edges to white, to fit in with the background. Does your above tutorial post still apply?
Old 22 November 2007, 05:15 PM
  #11  
ChefDude
Scooby Regular
 
ChefDude's Avatar
 
Join Date: Aug 2005
Posts: 4,290
Likes: 0
Received 0 Likes on 0 Posts
Default

not as such lol

i remember a thread in photog forum to do just that - search in there
Old 22 November 2007, 06:37 PM
  #12  
GazTheHat
Scooby Regular
Thread Starter
 
GazTheHat's Avatar
 
Join Date: Aug 2005
Location: 392/361 MY04 STi
Posts: 7,638
Likes: 0
Received 0 Likes on 0 Posts
Default

I found and have working exactly what i was after, this fades the edge of the images easily:

PSP6 Tutorial

Thanks anyway Chef.
Old 26 November 2007, 08:48 PM
  #13  
King Eric
Scooby Regular
 
King Eric's Avatar
 
Join Date: Jul 2004
Location: www.detailingparadise.com
Posts: 568
Likes: 0
Received 0 Likes on 0 Posts
Default

I use CS3, and find it really handy to apply stuff like this to an action (read your Photoshop help for advice) so when you need one doing again, simply click action-and it does it all for you (handy for watermarking, and bordering photos quickly)
Related Topics
Thread
Thread Starter
Forum
Replies
Last Post
hardcoreimpreza
Computer & Technology Related
21
11 October 2015 03:40 PM
Brumguy34
Subaru Parts
8
04 October 2015 07:51 PM
powerwrx
Non Scooby Related
21
03 October 2015 11:31 PM
Ganz1983
Subaru
5
02 October 2015 09:22 AM
johnnybon
Subaru Parts
13
29 September 2015 10:47 PM



Quick Reply: How do i fade images like this?



All times are GMT +1. The time now is 12:57 PM.