Gimptalk - Premier Gimp Community: Animated Fading Transition Sig - Gimptalk - Premier Gimp Community

Jump to content

Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

Animated Fading Transition Sig

#1 User is offline   King of Bandits 

  • Member
  • PipPip
  • Group: Members
  • Posts: 22
  • Joined: 24-July 06

Posted 15 September 2006 - 07:51 PM

Ok bare with me this is my First tut, (Along with my first post >_>")

This tutorial is fairly simple, just time consuming. The result will end up something like this : Posted Image

Ok first of all be happy, their GAP is not required. ^_^

There are two ways to do this tut, the fast but not as good but still good transition way, and the slow but slightly better transistion way. Either way is fine. The only other difference is that one takes more frames than the other, twice as much.

I apologize that this doesnt have a better explination with images, but i hand wrote this last night and am posting this up at school ^^; I may go and get some Screen shots later and put them in to make it somewhat clearer.

Ok now we get to the tut.

1. Open the two images you want to transition. Make sure they are the Same size. Otherwise it wont work.

2. Open a new file that is the same size as the two images.

3. Take one image and paste it to the background.

4. Now duplicate it twice and hide the top one. (Click the eye in layers).

5. Now creat a new layer under the second duplicated layer and paste the other image in.

6. Decision time! This is where you decide whether to take the long path or the short path. Either way they get the job done. the fast way is to set the opacity to 4%. The long way is to set the opacity to 2%. If you are impatient/lazy (like me) I suggest you use 4%.

7. Now merge that layer down to the duplicated layer under it.

8. Now duplicate the unmerged duplicated layer (the hidden one at the top) and make it visiable.

9.Create a new layer and paste the second image again.

10. This time we will be adding +whatever % opacity you choose to what it was last (This is where it gets repetitive.) 4%>8%>12%>16% etc. 2%>4%>6%>8% Etc.

11. Now repeat steps 7-10 until you reach 100% opacity (when it has completely turned into the second image).

12. Ok good job ^-^ We've gotten one image to fade into the other, but we still have to go the other way o_O"

13. Now the return process has 3 ways of doing it.

13.1)Duplicate everylayer and place it so its backwards

13.2)Do the same process just backwards (100%>96%/98%>92%/96% etc.)

13.3)Do it the same way (starting with step 4)

13.4)Remember, the opacity *MUST*

14. Almost done! Go to Filters>Animation>Optimize for .gif

15. Set the two plain images at 2000 MS(if you want it to stop that is.) If you dont want 2000 MS any other would work, just keep choosing what you want and keep playbacking it (Filters>Animation>Playback) until you get something you like

16. Leave the rest of the frames at 100MS.

17. Now we save, you do know how to save an animation right? File>Save as>.Gif Image> Save as animation.

18. And its done! ^_^

comments on the failureness?
Posted Image
0

#2 User is offline   Gargoyle 

  • Retired Staff
  • PipPip
  • Group: Retired Staff
  • Posts: 674
  • Joined: 11-August 06

Posted 15 September 2006 - 09:22 PM

Brilliant! And I know just how to use it!
Posted Image
0

#3 User is offline   Animalese 

  • Member
  • PipPip
  • Group: Members
  • Posts: 30
  • Joined: 08-August 06

Posted 16 September 2006 - 01:37 AM

Hey! Nice one! I'm gonna try this! (Just with different settings and stuff...) :w:
0

#4 User is offline   ccbarr 

  • Advanced Member
  • PipPipPip
  • Group: Members
  • Posts: 1,705
  • Joined: 23-February 06

Posted 17 September 2006 - 12:44 PM

Nice tutorial King of Bandits. I like the results of your transition as well. Nice fading transition. Nicely done. Thanks for sharing this. :h:
0

#5 User is offline   +-HaWk-+ 

  • Member
  • PipPip
  • Group: Members
  • Posts: 149
  • Joined: 27-August 06

Posted 17 September 2006 - 01:29 PM

whoa thats sweet but i just dont understand your steps some screenys would be nice :c:
Posted Image
^Latest work^
http://s76.photobuck...j30/Deltahawk05
^My Gallery^
0

#6 User is offline   gen.miller 

  • Member
  • PipPip
  • Group: Members
  • Posts: 10
  • Joined: 14-July 06

Posted 03 December 2006 - 01:35 PM

very nice. check mine out
Posted Image

Then i added one more sig:
Posted Image
Posted Image
0

#7 User is offline   jJmF1226 

  • Member
  • PipPip
  • Group: Members
  • Posts: 449
  • Joined: 23-October 06

Posted 03 December 2006 - 10:46 PM

It's a nice tut, but I need pictures. It's kind of hard to follow... :s:
Posted Image
Gifts | You may know me as ToAd or toadeh (hence the T in my avatar)
0

#8 User is offline   FullMetalEnvy 

  • Member
  • PipPip
  • Group: Members
  • Posts: 719
  • Joined: 26-November 06

Posted 05 December 2006 - 04:01 AM

Here is mine

Posted Image
0

#9 User is offline   superandomness 

  • Member
  • PipPip
  • Group: Members
  • Posts: 23
  • Joined: 09-November 06

Posted 05 December 2006 - 10:05 PM

Thnks for the tut!
*Opening the GIMP to try...*
Making a new site now.
0

#10 User is offline   mateba 

  • Member
  • PipPip
  • Group: Members
  • Posts: 110
  • Joined: 22-November 06

Posted 06 December 2006 - 12:56 AM

Very nice i'm going to try this a little later. Pictures would be nice though.
Posted Image
0

#11 User is offline   kitz-the-kitsune 

  • Member
  • PipPip
  • Group: Members
  • Posts: 161
  • Joined: 29-July 06

Posted 26 December 2006 - 03:24 PM

Very kewl tut. Took me about 20 min. to do.

My result:
Posted Image
0

#12 User is offline   mr treat 

  • Member
  • PipPip
  • Group: Members
  • Posts: 18
  • Joined: 22-January 07

Posted 27 June 2007 - 01:18 AM

This is what i came up with...I should have left my 2nd image visable a bit longer. I may have lost track of my layers
Posted Image
Posted Image
0

#13 User is offline   speedy 

  • Member
  • PipPip
  • Group: Members
  • Posts: 34
  • Joined: 06-February 07

Posted 02 July 2007 - 05:05 AM

Mine:

Posted Image
Posted Image
0

#14 User is offline   bootycrewqueen 

  • Member
  • PipPip
  • Group: Members
  • Posts: 130
  • Joined: 09-October 06

Posted 19 July 2007 - 09:24 AM

Beautiful!
0

#15 User is offline   bloodredvoodoo 

  • Member
  • PipPip
  • Group: Members
  • Posts: 12
  • Joined: 21-July 07

Posted 21 July 2007 - 05:03 AM

I keep getting confused without the pictures can you put a few to to keep me in track. I keep thinking I'm missing something.
Love Me: Hate Me: Miss Me
Posted Image
0

#16 User is offline   areneeb123 

  • Member
  • PipPip
  • Group: Members
  • Posts: 770
  • Joined: 07-March 08

Posted 15 April 2008 - 08:40 PM

Which layer do you make the first change in opacity in? Step 6? What layer?
0

#17 User is offline   Silvertayl 

  • Member
  • PipPip
  • Group: Members
  • Posts: 361
  • Joined: 24-October 08
  • LocationSydney, Australia

Posted 16 March 2009 - 03:47 AM

This tutorial is just what I was looking for. I'll post my result later, Thank you.
I would love some screen shots to go with it, makes it a lot easier to follow for us newbie's.

Silvertayl
Posted Image
0

#18 User is offline   PhotoComix 

  • GT Senior Moderator
  • Group: Senior Moderators
  • Posts: 11,288
  • Joined: 13-June 05

Posted 16 March 2009 - 04:44 PM

yes tutorial is nice but some screenshoot will made it more appealing

Anyway the steps are explained clearly so should be not hard to follow...in case you can 't follow something post your question here or in the help board with a link to the tut
0

#19 User is offline   Silvertayl 

  • Member
  • PipPip
  • Group: Members
  • Posts: 361
  • Joined: 24-October 08
  • LocationSydney, Australia

Posted 20 March 2009 - 01:27 AM

Thanks for the offer of help with this tutorial.

When I get to the end of the first transition Step 11, I have an invisible layer of image 1 at the top of the layers dialogue. Do I delete this layer or just leave it there, invisible.

Then in Step 13 it says: Do it the same way starting with step 4.

Does that mean taking image 2 the one that we have just merged with image 1 from Step 3, then do Step 4 duplicating image 2 twice and hiding the top one starting with 2 or 4 % opacity and so on and so forth until I reach 100% opacity?

I hope this explains my problem,

Thanks again
Posted Image
0

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic