Tweening text transparency / fading in text

  • ED
  • Student
  • Student
  • ED
  • Posts: 66
  • Loc: Halifax

Post 3+ Months Ago

I'm looking to make flash animation basically consisting of a jpeg background made from the cloads filter in photoshop with some text over top... the test simply fades in and out...
but i can't seem to tween transparency to allow the text to fade in.
help
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • ED
  • Student
  • Student
  • ED
  • Posts: 66
  • Loc: Halifax

Post 3+ Months Ago

another question
can I import gifs with transparency and have the transparency work.
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9074
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

Where is Unflux when we need him, I am sure he knows the answer to this one :?
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9074
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

I do know you can use transparency with flash objects on webpages, but as far as importing a gif which has transparent colors already, and to have them apply as well in the flash, I am not sure. Unflux is pretty experienced with this stuff though, so i think he will know when he comes around.
  • ED
  • Student
  • Student
  • ED
  • Posts: 66
  • Loc: Halifax

Post 3+ Months Ago

true

oh... by the way.
i'm using flask MX
i also have Director 8.5 and I can do it in director but i want to make swf files.

I'm a real flash newb. I've made some flash animations before but i'm only good at tweening motion
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9074
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

I am about as much as a noob as you when it comes to flash. I have made a few flash files with Flash MX as well, but nothing too serious. The majority of the time I use Swish as I can get things done, and pretty good looking for flash. One day I will invest the time into getting good at flash, but not now, no time haha.
  • ED
  • Student
  • Student
  • ED
  • Posts: 66
  • Loc: Halifax

Post 3+ Months Ago

how did you make the swf file here
http://darkvenom.com/

that uses a fading text transparency
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9074
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

Actually Minte made that flash for me with Swish (before when I didn't know how to use that either)

Anyway you can easily do that in Swish, but there are no gif or jpg images in that.
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9074
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

I have similiar Flash on the bottom of

http://www.bigwebmaster.com/

I made that with Swish pretty easily. If I used regular Flash MX for that, I am sure it would have taken me a week, since I have no clue what I am doing with Flash really.
  • ED
  • Student
  • Student
  • ED
  • Posts: 66
  • Loc: Halifax

Post 3+ Months Ago

whoa... i did it...
i had to go to the graphics properties and change the alph there then it could be tweened.
nice.
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9074
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

Very nice then :)
  • ED
  • Student
  • Student
  • ED
  • Posts: 66
  • Loc: Halifax

Post 3+ Months Ago

*plum*... i did it once... i must not know what i'm doing... duh... cause i can't do it again... sucks to be me.
it's strange tho cause when i move the frames ahead in the frame window it works exactly the way i want it to but when i do a preview or a save it doesn't show the same thing....
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9074
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

Hmm try this then, after you make the flash file, add this tag in with your object tag so that it stays transparent... not sure if this will help. What you need to add is: name="wmode" value="transparent"

Here is an example of how you might do it



Code: [ Select ]
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
 id="test" width="120" height="60">
 <param name="movie" value="test.swf">
 <param name="quality" value="high">
 <param name="bgcolor" value="#ffffff">
 <param name="wmode" value="transparent">
 <param name="menu" value=false>
 <embed name="test.swf" src="test.swf" quality="high" bgcolor="#ffffff" wmode="transparent"
  menu="false" width="120" height="60"
  type="application/x-shockwave-flash"
  pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
 </embed>
</object>
  1. <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  2.  codebase="http://active.macromedia.com/flash2/cabs/swflash.cab#version=4,0,0,0"
  3.  id="test" width="120" height="60">
  4.  <param name="movie" value="test.swf">
  5.  <param name="quality" value="high">
  6.  <param name="bgcolor" value="#ffffff">
  7.  <param name="wmode" value="transparent">
  8.  <param name="menu" value=false>
  9.  <embed name="test.swf" src="test.swf" quality="high" bgcolor="#ffffff" wmode="transparent"
  10.   menu="false" width="120" height="60"
  11.   type="application/x-shockwave-flash"
  12.   pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
  13.  </embed>
  14. </object>


There are two spots in that code that I added the wmode. One is for IE and the other is for Netscape. Let me know if that resolves anything.
  • ED
  • Student
  • Student
  • ED
  • Posts: 66
  • Loc: Halifax

Post 3+ Months Ago

whoa... swish is awesome.
i've never even heard of it before... but man is it easy to do effects.
solved my problems. it can do everything i wanted it to.
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9074
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

Yup that is why I like it too, with Flash MX there is much more potential to do things, but there is still alot of things you can do with Swish... and Swish is easier and faster.
  • ED
  • Student
  • Student
  • ED
  • Posts: 66
  • Loc: Halifax

Post 3+ Months Ago

very easy, very fast
also... you can import gifs with transparencies no problem
  • UNFLUX
  • Genius
  • Genius
  • User avatar
  • Posts: 6376
  • Loc: twitter.com/unflux

Post 3+ Months Ago

sorry I missed this guys. :?

swish is ok for VERY basic things, like basic text effects. And since that's what you
wanted, great! I'm glad it worked for you.

But, if you plan to get more involved with making flash stuff, using flash mx is BY
FAR the better way to go. Since you're a prgrammer type, you'd like it too, cuz
everything you want to do in flash, you can do with 100% code rather than tweens.
This is usually preferred by coders like yourself and bigweb. :wink:

Flash is very flexible and powerful. Much more so than it's given credit for in the
general public. That's becuase of poor designers making poor flash designs. :roll:
  • Bigwebmaster
  • Site Admin
  • Site Admin
  • User avatar
  • Posts: 9074
  • Loc: Seattle, WA & Phoenix, AZ

Post 3+ Months Ago

So if Ed didn't resort to Swish to solve his problem, how would you solve the problem he originally had with Flash MX? might be nice to know the answer there as well.
  • ED
  • Student
  • Student
  • ED
  • Posts: 66
  • Loc: Halifax

Post 3+ Months Ago

thats for sure
cause i would rather use flash MX and get good at it then use swish.
  • UNFLUX
  • Genius
  • Genius
  • User avatar
  • Posts: 6376
  • Loc: twitter.com/unflux

Post 3+ Months Ago

Easiest way to get a text fade effect:

1. Create a new movie and change the size to whatever you wish, and type out
whatever text you want using the text tool. Set the font color to something other
than white.

2. Select the text box (so it gets a blue box around it), and make sure u are on
the arrow tool. Check the X,Y coordinates of the text box in the Properties window,
and adjust any thing this is not set to a whole number. For example: x=2.1,
y=1.4 should be x=2.0, y=1.0. this will ensure the text is crisp and not distorted.

3. Right click on the text and click convert to symbol or press F8. Convert the text
to a Movie Clip and press ok. A small circle with an + should appear now in the
center of your text, showing that it is now a symbol.

4. Now right click on the movie clip you just made, and go to the properties
window again. You should see a panel appear and at the right of the properties
box, including a color section. A drop-dwon menu should read "None" at this
point.

5. Change the drop-down menu to "Alpha." Just to the right of that, is a
percentage bar that will appear. Drag it down to 0%. You should see the text
fade down as you move the % bar. Going down to 0% will make your text
invisible.

6. Now, go up to your timeline and select frame 30. Right click in the frame and
select "Insert Keyframe."

7. Go down to your movie clip again, and select it. Go to the properties window
and and slide the & bar backup to 100%.

8. Select frame 1 again. You should see your text is not visible on this frame.

9. Make sure the movie clip is still selected, then right-click in frame 1, and select
Creat Motion Tween. This will add a purple color to the frames between 1 and 30.
Also an arrow is there as well.

10. Press Ctrl+enter to view the movie.

11. If you want your text to fade back out, insert another keyframe at frame 60
and change the alpha again to 0%.

that's it!
  • adamking
  • Born
  • Born
  • adamking
  • Posts: 2

Post 3+ Months Ago

I've done as you explained, UNFLUX, and in Flash MX everything seems hunkydory, fading and all, but once I publish, the fading disappears...

What can I do to preserve the fading when I make the published flash movie? What could be causing this?
  • UNFLUX
  • Genius
  • Genius
  • User avatar
  • Posts: 6376
  • Loc: twitter.com/unflux

Post 3+ Months Ago

what do you mean by disappears?? can you explain a bit more?

and welcome to ozzu :D
  • adamking
  • Born
  • Born
  • adamking
  • Posts: 2

Post 3+ Months Ago

once i publish, the text doesnt fade in any more. it just appears at whatever point the sprite starts on the timeline as if the alpha was all set to 100%.

thanks for the greetings. i'm glad to be here
  • CrypticGTX
  • Newbie
  • Newbie
  • CrypticGTX
  • Posts: 7
  • Loc: in my own world

Post 3+ Months Ago

I am having the same exact issue. I've done this before but it aint working now.

I've tried deleting my graphic symbol and recreating it, retweening, everything! not sure what I am missing.



-on edit.

for what ever reason... I had to make a bitmap image first then make it into a symbol. I read something on Macromedia that said it only works with bitmaps. (flash 5) even though I am using 7)

Post Information

  • Total Posts in this topic: 24 posts
  • Users browsing this forum: No registered users and 11 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.