?
Solved

Gradual transition of two pictures.

Posted on 2000-03-04
2
Medium Priority
?
262 Views
Last Modified: 2010-05-18
Hi,
I have two pictures, one on the left, and one on the right.  There is overlapping of the two pictures in the centre.  I want to have the overlapped area to transit from one pic to another gradually.  How can I achieve this?  I know layers and some basic operations of photoshop only.  If possible, please describe the procedures in details.
Thanks in advance.
0
Comment
Question by:nyt
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
2 Comments
 
LVL 4

Accepted Solution

by:
nils pipenbrinck earned 200 total points
ID: 2583000
That's easy:

First you load the two images. Then you duplicate the layer of the second image into the first one.

You can also copy the image, switch to the other picture, create a new layer and paste into it.

If you have done this your Picture has two layers.. one for the first, and one for the second image.

Now you do the crossfade between the two:

You go into the masking mode.. That's the right button under the color-picker in the tools window. In this mode you don't draw any pixels anymore but you draw a selection.

Select the gradient tool and make a nice black to white gradient from the left to the right. Your Image will get a red tint in the places where the gradient becomes black. This is ok.

You now switch back from masking mode to normal mode (using the left button under the color-picler in the  tools window). You should now see a selection which selects either the left or the right half of the image.

Now you only have to press "del" to remove the selected parts. Since the  selection is equal to the gradient you've drawn it will remove more  of layer 1 where the gradient is darker..

That's the way to do crossfades.

btw: I usually also add some ripples and some noise to the gradient. This gives a nicer look.

Hope this helped,
  Nils
0
 

Author Comment

by:nyt
ID: 2584240
Thank you very much, it works perfect!
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

HOW TO CREATE A WEB 2.0 IMAGE WITH A REFLECTION I would like to start by saying I know Web 2.0 isn't a style. It is actually the practice of information sharing or  collaboration on the Web. It is also associated with the technology that is used …
Read about why website design really matters in today's demanding market.
In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…
In this Micro Tutorial viewers will learn how to remove an unwanted object using Photoshop’s feature known as content-aware fill.
Suggested Courses
Course of the Month9 days, 10 hours left to enroll

762 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question