Welcome Guest [Log In] [Register]
Welcome to RealEmotion. We hope you enjoy your visit.


You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Fading Text/image
Topic Started: Jul 6 2005, 06:13 AM (1,705 Views)
xYunaxFantasiesx
My avie pwns yours.
Administrator
Tutorial for: Adobe ImageReady 7 or Cs
Tutorial By: xYunaxFantasiesX
Tutorial Difficulty: 2/10

This tutorial will teach you how to fade text or image in and out.

1.Open up you image document in Imagready. Make sure you have the Animation window out if not, go to Window>Animation.
Posted Image
Feel free to use this banner for the tutorial.

2.Type or paste an image/text on you main background. (I used text)
Posted Image

3.Make a new frame:
Posted Image

4. On the sencond frame go to the layer palette and disable the eye of the text layer:
Posted Image

5.Now with the second frame selected, Click the tween button.
Posted Image

6.Use these settings:
Posted Image

7.Now go all the way back to the first frame and while the first frame is selected make another frame:
Posted Image

8.Drag frame 1 all the way to the end so that now it is the last frame.

9. Now that the last frame is selected click tween again and use the same settings as step 6.

My final result:
Posted Image

Note:This will also work for an image not only text
Offline Profile Quote Post Goto Top
 
Mew Ichago

Official Members
I love this effect it was the first thing I wanted to learn how to do when I got PS
Offline Profile Quote Post Goto Top
 
Icy:Cold:Flame
Member Avatar
Official Member
Official Members
I know^ It's so amazing...

I wish I had Photoshop. I will follow this tutorial incase I already have one. ;)
Offline Profile Quote Post Goto Top
 
your favorite nightmare
Professionally Evil Member
Members
I have a different way to do it.(i think it's a bit easier) But nice tut. :D
Offline Profile Quote Post Goto Top
 
Vampire Candy

Members
Hmm. This isnt working for me. I feel like theres something missing at the end. Did you leave something out becuase its just commen sense to most people? Im a computer dummy.
Offline Profile Quote Post Goto Top
 
xYunaxFantasiesx
My avie pwns yours.
Administrator
No I didn't left anything out did you tween again after you made a new frame and moved it all the way to the end?
Offline Profile Quote Post Goto Top
 
Vampire Candy

Members
Ya I did. I tried a animation tut before and that didnt work either. Mabey its just my program thats messed up or somthing.
Offline Profile Quote Post Goto Top
 
xYunaxFantasiesx
My avie pwns yours.
Administrator
Maybe can you post an example of what the result looks like?
Offline Profile Quote Post Goto Top
 
Vampire Candy

Members
There wasnt any animation at all. It looked like regular text.
Offline Profile Quote Post Goto Top
 
xYunaxFantasiesx
My avie pwns yours.
Administrator
The problem is that you probably didn't disable the layer visability of the text layer. While on the second frame.
Make sure you did stpe 4 correctly or else the whole thing is just useless.
Offline Profile Quote Post Goto Top
 
ohnoxsirens
cross my fingers and point them to the sky
Official Members
i cant save it as a .gif or anything... only a psd file :huh:

but good tut! i made it work. ^_^
Offline Profile Quote Post Goto Top
 
xYunaxFantasiesx
My avie pwns yours.
Administrator
Go to save optimitize as>>gif
Offline Profile Quote Post Goto Top
 
ohnoxsirens
cross my fingers and point them to the sky
Official Members
theres only jpg and html
sorry.. im really slow
Offline Profile Quote Post Goto Top
 
xYunaxFantasiesx
My avie pwns yours.
Administrator
Ok thats weird can you show a screenshot or something?
Offline Profile Quote Post Goto Top
 
ohnoxsirens
cross my fingers and point them to the sky
Official Members
screenshot

sorry its fuzzy, tried my best.
Offline Profile Quote Post Goto Top
 
xYunaxFantasiesx
My avie pwns yours.
Administrator
I don't know whats wrong all I can suggest is go on the optimize table at the right hand top corner and see if that helps you out:
Posted Image
Offline Profile Quote Post Goto Top
 
janyce is random

Members
maybe its the version of photoshop your using.

but usually i just go to File > Save as optimized.

then it should automatically save it as a .gif

&& theres another way of fading texts && images, but i find this way a bit easier. :]
Offline Profile Quote Post Goto Top
 
.S2000.

Members
very cool, this will work great on my webpage..thx
Offline Profile Quote Post Goto Top
 
Lusk1993
Member Avatar

Members
My result from this Tutorial is:
Posted Image

I was going to put it in the gallary, but it's better in here right? I needed to add text I know, but ounce I remembered to. I was done! :P So, that's my result from this Tutorial.
Offline Profile Quote Post Goto Top
 
GDragon
Member Avatar

Members
ghmm thats so cool
i tried it alreadyy
asually work hehe how nice
thanks Yuna !!
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Animation · Next Topic »
Add Reply