View Full Version : draw text animation
aneuryzma
July 17th, 2009, 09:06 AM
hi,
I would like to create an animation for this text (see attachment) like if it would be painted real-time.. like spray effect.
How can I do it ?
thanks
BoppreH
July 17th, 2009, 09:19 AM
Other than hardcoding the brush path with a Motion Guide layer, this effect will be very hard to create. Especially when defining from where to start painting and how to continue the line when it hits a bifurcation.
My suggestion:
1) draw your brush image, and be sure to set the registration point where the paint touches the paper
2) draw the path using the pencil tool
3) put this path in a separate, Motion Guide type layer
4) animate your brush using above layer
Now you should have a brush following the lines, but no lines will be coming out. Yet.
5) name your brush image "brush"
6) insert the following code:
lineStyle(10, 0x000000) // 10 = line thickness, 0x000000 = color
graphics.moveTo(brush.x, brush.y)
addEventListener(Event.ENTER_FRAME, draw)
function draw(e) {
graphics.lineTo(brush.x, brush.y)
}
This will draw a line following the brush every frame.
Good luck.
aneuryzma
July 17th, 2009, 02:07 PM
thanks, I did what you wrote.
Now... how can I assign different thickness like in the text you see ?
Should I work with graphic in actionscript ? Is a long work right ?
thanks
aneuryzma
July 17th, 2009, 02:09 PM
or can I maybe make the motion guide path thicker ?
creatify
July 17th, 2009, 02:40 PM
I'd place your image of the logo in flash, then use the timeline to animate mask(s) over the image to make the lines reveal themselves. - I think that's going to a) keep the logo looking like the logo, b) quickest / most efficient way to do it
BoppreH
July 17th, 2009, 03:01 PM
To change the thickness, modify the first line:
lineStyle(10, 0x000000) // 10 = line thickness, 0x000000 = color
And creatify's idea is very good too, if you can pull this mask-thing off.
aneuryzma
July 17th, 2009, 03:11 PM
ohh ok. So actually I can discard the idea of the motion path, if I use the mask. Or combine both of them.
thanks a lot
aneuryzma
July 17th, 2009, 03:32 PM
hi,
I broke apart my image and I'm removing the background, but it is more difficult than what I thought.. and I really need the perfect border of the text..
any tip ?
thanks
aneuryzma
July 19th, 2009, 10:34 AM
Hi sorry, I've just read again what you wrote and I misunderstood how to use the mask. You meant to use the text as a mask and move it on the top of the text in order to reveal it...
should I use a shape as mask ?
thanks
Powered by vBulletin® Version 4.1.10 Copyright © 2012 vBulletin Solutions, Inc. All rights reserved.