Opening Icon Animation (extra)
by Justin Mayhew · in Artist Corner · 04/20/2009 (2:33 pm) · 5 replies
Alright, so I have a icon I want to appear (fade in)onto a black backround. This Icon (My logo) will rotate from its center and finally come to rest in its final form and then fade out. Total duration between fade in and fade out roughly 5-8 seconds <tentatively>.
How do I go about creating this. I have the art skills necessary to make a polished image. I can therby manipulate it however I want to import it into TGB. The question is how do I make this image react the way that I intend.
Here is my thoughts, I just wanted to check with you guys first (looking before I leap)...
1. I can rotate the image easily in Photoshop, precision and everything. Then save a series of these images in whatever format, .jpg or .png etc and make a animated sprite out of all of them. This seems pretty large to me however...
2. Is there a plug in or something I can make this animation on? I know I could do it on flash very well, but could I save the segment and then import it into TGB to play when I want it to through programming and what not? This seems to me to be the better solution than above.
3. Some other stellar idea you guys could come up with to help me out here, for example--> "Justin, what the hell are you thinking? Why not do it <this way> and save your self the gray hair... etc."
How do I go about creating this. I have the art skills necessary to make a polished image. I can therby manipulate it however I want to import it into TGB. The question is how do I make this image react the way that I intend.
Here is my thoughts, I just wanted to check with you guys first (looking before I leap)...
1. I can rotate the image easily in Photoshop, precision and everything. Then save a series of these images in whatever format, .jpg or .png etc and make a animated sprite out of all of them. This seems pretty large to me however...
2. Is there a plug in or something I can make this animation on? I know I could do it on flash very well, but could I save the segment and then import it into TGB to play when I want it to through programming and what not? This seems to me to be the better solution than above.
3. Some other stellar idea you guys could come up with to help me out here, for example--> "Justin, what the hell are you thinking? Why not do it <this way> and save your self the gray hair... etc."
#2
When you mention the rotation, are you talking about a 2D rotation around the center, like a turning tire, or a 3D rotation like looking straight at a coin spinning on a tabletop?
If it's 2D, wouldn't it be simplest to do it through a static sprite and scripting? Set rotation, limit the time of rotation, adjust alpha to fade in and out...
For 3D rotation... the only thing I can think of is along the line of your idea #1, however instead of a large number of cells that capture every instance of the turn, perhaps introduce motion blurring to cut down on the total number and final size. So it fades in on the blurred frames, they flash for the 5-8 seconds and then stop on the clean, sharp logo, then it fades out with alpha blending.
I hope that helps.
04/23/2009 (7:55 am)
I'm probably way too new to this to offer a helpful response, but...When you mention the rotation, are you talking about a 2D rotation around the center, like a turning tire, or a 3D rotation like looking straight at a coin spinning on a tabletop?
If it's 2D, wouldn't it be simplest to do it through a static sprite and scripting? Set rotation, limit the time of rotation, adjust alpha to fade in and out...
For 3D rotation... the only thing I can think of is along the line of your idea #1, however instead of a large number of cells that capture every instance of the turn, perhaps introduce motion blurring to cut down on the total number and final size. So it fades in on the blurred frames, they flash for the 5-8 seconds and then stop on the clean, sharp logo, then it fades out with alpha blending.
I hope that helps.
#3
Im talking about a 2D rotation like a turning tire from the side view. I wanted to do a 3D object rotating from a 2D perspective just so I could add lighting to the object as it turns, and thus flesh out the details of it's surface.
I have since decided on a 2D sprite and scripting, the lighting isn't uber important especially since my game is entirely 2D, it will match. Scripting will give me my effect I want.
Thanks for the help, don't doubt your input. It is always welcome
@ Marcus
Yes TGB has Theora support, but I have seen some Theora vidoes and they look way choppy. I think I would rather go an alternate route.
04/23/2009 (6:29 pm)
@CollinIm talking about a 2D rotation like a turning tire from the side view. I wanted to do a 3D object rotating from a 2D perspective just so I could add lighting to the object as it turns, and thus flesh out the details of it's surface.
I have since decided on a 2D sprite and scripting, the lighting isn't uber important especially since my game is entirely 2D, it will match. Scripting will give me my effect I want.
Thanks for the help, don't doubt your input. It is always welcome
@ Marcus
Yes TGB has Theora support, but I have seen some Theora vidoes and they look way choppy. I think I would rather go an alternate route.
#4
The breakout tutorial had a really good bit on fading things in and out, you can take a look at it here. When you open the page do a text search for the word 'fade', and that should take you right to the relevant bit.
As for the rotation, I would agree with Collin, using a static sprite and rotating it sounds like a good idea. I would recommend the rotateTo method.[/URL] You could tell it exactly how far you wanted it to rotate, and just play around with the speed.
Good luck.
04/30/2009 (10:55 pm)
Are you still struggling with this?The breakout tutorial had a really good bit on fading things in and out, you can take a look at it here. When you open the page do a text search for the word 'fade', and that should take you right to the relevant bit.
As for the rotation, I would agree with Collin, using a static sprite and rotating it sounds like a good idea. I would recommend the rotateTo method.[/URL] You could tell it exactly how far you wanted it to rotate, and just play around with the speed.
Good luck.
#5
The rotateto method also sounds like the key, Ill keep tinkering away with the file. Thanks.
05/02/2009 (5:43 am)
Thanks Darius, yes I imported a sprite icon and I am toying around with the rotation. As per the fading I will definately look into the breakout tutorial you mentioned. The rotateto method also sounds like the key, Ill keep tinkering away with the file. Thanks.
Torque Owner Marcus Fernstrom
My best advice is to make it a Theora video file and play it that way, instead of loading a series of images into memory and play those.
How best to go about that from a series of images?
Hmm.. Virtual Dub? I think that does what you need but you'd likely have to check to see if someone's had any problems with Virtual Dub + Theora.