It appears you have not yet registered with DEVPPL. To register please click here... (it's fast, easy and free!)

Forum

Log In Sponsors
Board index Graphic Photoshop Forum Photoshop Tutorials

Photoshop Tutorial: Image fading

Comments and Questions for the tutorials in the tutorial-archives.

Photoshop Tutorial: Image fading

Postby webmaster on Sun Jun 19, 2005 7:34 pm

The tutorial describes how you make a fading animation from one person to another. The first thing you need is two images of persons in quite the same perspective. I thought I could take two pictures of Britney Spears, one before she was famous (read: operated, styled & sexy). I used goole imagesearch and found 2 great images of Britney.

Image 1:
Image

Image 2:
Image


The first thing we are going to do is to make sure we got two likly images of theese to. So we're going to take Image 2, and cut out an area around the face, like Image 1. Open Image 2 in photoshop, click on the 'Rectangual Marquee Tool' top-left in the menu to the left.

Click on the image and draw a rectangular around the face. Now press CTRL+C to copy the area. Open Image 1 and paste the image there.

This is how it should look when you have selected the area around the face:
Image

This is how it should look then you have pasted Image 2 into Image 1.
Image


To make Image 2 as large as Image 1, press CTRL+T (transform), click and drag in the corners to make the new image of Britney as big as the old one. When you're done, doubleclick in the transform-box to accept the changes.

Your image should now look something like this:
Image



To make the animation, we will now export the image from Photoshop to ImageReady. There's a button for that in the bottom in the menu.
Image


In ImageReady, you should have an 'animation' window in the bottom of the screen, if you cen't find it, click on Window > Animation.

In the down-right corner of the screen you should have two layers. Click on the little image to the left of the top-layer to hide it.


We should now make a new 'frame' in the animation, click on the 'Duplicates Currten Frame' button in the Animation-window. Look at the image below:
Image


Now unhide the top-layer again.

Now we should do the fade-effect. Press the 'Tween' button in the animation-window. It's located to the left of the new frame button. Enter an amount of how many frames it should take to make the fade, I choosed 20.

Click below the first frame where is sais '0 sec.'. Click on 2 secs. and do the same thing with the last frame.

You are now done, to save it click on File >Save Optimized As, and choose the location of where you want to save the image.

Here's my final result:
Image


Are you boored? Play some of our 900+ flash games
IF YOU LIKE THIS TUTORIAL, PLEASE REGISTER AND HELP DEVPPL GROW
User avatar
webmaster
Site Admin
 
Posts: 2695
Joined: Tue Aug 17, 2004 1:07 pm
Location: Sweden

Postby starcraft on Tue Jul 12, 2005 6:29 pm

thats cool :)
starcraft
50+ Club
 
Posts: 78
Joined: Tue Jul 12, 2005 5:05 am

Postby zora on Wed Feb 13, 2008 7:33 am

i cant see any pictures
:cry:
User avatar
zora
 
Posts: 15
Joined: Tue Jun 26, 2007 10:47 am
Location: Indonesia

Postby Shara on Tue Mar 11, 2008 7:05 am

I'd like to see the pics too
Shara
 
Posts: 2
Joined: Tue Mar 11, 2008 6:58 am

Postby ~*pixiedust*~ on Wed Jul 23, 2008 1:57 am

I cant see pics either...
~*pixiedust*~
 
Posts: 18
Joined: Fri Jul 18, 2008 2:49 am

Postby Tomi on Wed Jul 23, 2008 3:05 am

Webmasterer! We need tutorials updating or new ones! :(

I keep telling myself to write a few but when I get a choice between payed work or not paid work it just doesn't happen.
User avatar
Tomi
500+ Club
 
Posts: 925
Joined: Mon Jun 26, 2006 6:51 pm
Location: Essex, England

Re: Photoshop Tutorial: Image fading

Postby jayramz on Fri Nov 13, 2009 5:24 am

Hey I do cant see any pics in this tutorial. I guess the images are not uploaded properly. hey i found some good tutorials in a website which is http://www.tutoreffic.com, you guys check it out
jayramz
 
Posts: 0
Joined: Fri Nov 13, 2009 5:14 am


Who is online

Users browsing this forum: No registered users and 1 guest