Solved

shiny text animation

Posted on 2010-09-05
12
381 Views
Last Modified: 2012-05-10
I have been trying, without success, to get a "shiny text" animation to work in Adobe Flash CS4.

I have attached the FLA file.

The "white light" goes over the text ...  but I want to iimplement a mask that makes ONLY the text get the shine.    
witot-shiny.fla
0
Comment
Question by:Tom Knowlton
[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
  • 6
  • 6
12 Comments
 
LVL 19

Accepted Solution

by:
quizengine earned 500 total points
ID: 33610180
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 33612410
quizengine:

witot-shiny-v2-cs3.fla was EXACTLY what I was trying to accomplish!!!


What changes did you make?  I actually want to learn how to do this...do you mind taking a moment to teach me?
0
 
LVL 5

Author Closing Comment

by:Tom Knowlton
ID: 33612414
Perfect, fast solution!
0
Independent Software Vendors: 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!

 
LVL 19

Expert Comment

by:quizengine
ID: 33612438
The trick is to make the *text* the mask, as well as having the text that you see. So there are two copies of the text - one used as a mask and one to be seen normally.

Look at the three layers - the top layer (the mask) contains the text. The next layer contains the shine with the tweened motion, but it can only be seen *through* the text that's on the mask layer.

Because the mask and shiny layers are above the third 'ordinary' text layer they *obscure* the normal text while the shiny clip is passing, but show through once the shiny clip has passed beyond the mask.

Make sense ?
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 33612507
It makes sense....I guess.  :(

I just don't quite get why ANOTHER text layer would be needed.

In all the tutorials I tried working through online...none of them mentioned another layer of text.

Do you know of any tutorials that cater to this "second text layer" solution?

It obviously works....  :)
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 33612520
So you are saying that the ONLY thing I needed to do was add another "base" text layer?

I was pretty close?
0
 
LVL 19

Expert Comment

by:quizengine
ID: 33613185
I did it so quickly that I forget the steps. Let me go back to your original file and document the steps I took from there.
0
 
LVL 19

Expert Comment

by:quizengine
ID: 33613267
From your starting file here are the steps I took.

Unlock all layers
Right click the 'glint' layer and untick 'mask' (glint is no longer a masking layer)
Drag the 'glint' layer *into* the mask layer that is beneath it (layers now read, from top to bottom,

mask
 |
 +- glint
 +- text

Note the two bottom layers are  currently masked by the top
Click the 'text' layer to select it in the timeline. Click and drag *down and left* (imagine you are trying to drag it under and to the left of the layer above it. What you are actually trying to do is take it *out* of the mask layer, but still leave it as the bottom layer. If you succeed your layers should look like this

mask
 |
 +- glint
text

Hide the glint and text layers (the little 'eye' symbol on the timeline).
Click the blue rectangle on the mask layer. Tap delete to get rid of it.
Unhide the text layer.
Click the first keyframe in the timeline on the text layer - this will select all of the text on the stage.
Click 'edit, copy'
Hide the text layer.
Click the (now) empty keyframe on frame 1 of the mask layer.
Click 'edit, paste in place' - this will make a second copy of the text, but this will act as a mask.
Press control+b (break apart). We need to turn the text on the mask layer into shapes for it to act as a mask. If you succeed the rectangles around the text will vanish, and you will see that same shapes, but they will be coloured 'dotty' to show they are now shapes and no longer text.
Press control and enter to see the movie.
You may want to tweak the starting and ending points of the tween positions on the glint layer, but essentially you're done.
0
 
LVL 19

Expert Comment

by:quizengine
ID: 33613284
I hope that makes sense now. Basically I think you need to read more about masking in Flash. Google something like 'text mask flash tutorial' or 'animated mask flash tutorial' and see what you get
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 33613385
It will take me a while to work through the steps.  Thank you for that.

Here is the finished result.  I copied what you did and applied it to the word "DESIGN" in my logo:

http://www.witotdesign.com
0
 
LVL 19

Expert Comment

by:quizengine
ID: 33613413
Nice.

Good luck with your business.
0
 
LVL 5

Author Comment

by:Tom Knowlton
ID: 33613448
Thank you.

And thanks again for your excellent help!
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

Suggested Solutions

I know the transition can be hard. We got used to the ease of use ActionScript 2 had, but honestly, it became problematic later on, especially if designers were involved in the project and found it easy to add code as they saw fit. So, this artic…
Introduction This article is primarily concerned with ActionScript 3 and generally specific to AVM2.  Most suggestions would apply to ActionScript 2 as well, and I've noted those tips that differ between AS2 and AS3. With the advent of ActionS…
In this tutorial viewers will learn how to create a basic shape tween animation in Flash including shape hints for smooth animation Open a new document in Flash: Draw a shape: Select another frame (how long you want the tween to be): Right click and…
The goal of the tutorial is to teach the user how to live broadcast using Flash Media Live Encoder and connecting it to YouTube to broadcast. Log into your Youtube account, choose live stream settings, start live stream from Flash Media Live Enc…

752 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