Re: [Flashcoders] Flash animation like http://u10.iriver.com/
In Theory, I've actually never done something like that, is simple: 1. convert the movie to quicktime (use qtpro) 2. export as a jpg sequence of images. 3. import into illustrator and do the graphics there. Use live trace in the imported images, then use expand and you'll have the paths. 4. export the sequence of Illus Paths to flash and there create the movie clips and you could use a time line if you want this a s a flv or use behaviours like tellTarget(fl8) in any of the MC timelines in order to have this in this own time. 5. add the sound 5. export the swf and pray.(heheheh) is joke . This is the way i'll do this in Theory, I've never actually done something like that. Regards Gustavo On May 16, 2007, at 2:59 AM, Matthias Dittgen wrote: Hi, we did something similar some time ago, but for a small sequence only. We wore black clothes and were filmed in front of a white wall. We did post-production in Photoshop and Illustrator. We used actions (batch processing) in Photoshop and converted Selections into Pathes which could be exported/imported to Illustrator, where another action converted them into fills and saved to single-frame SWF files. These files were imported into Flash as sequence. And there you are.. You can then use these shapes as masks and have nice effects this way. hth, Matthias 2007/5/15, Helios Pregioni Bayma [EMAIL PROTECTED]: Hi, I have a project with animation of a person, and the client is in doubt about real person animed or silhouette like the one in http://u10.iriver.com/. Do you know what are the best techniques for both? The iriver example, what technique do you think it uses? My weakeast point in Flash is animation, and the design company will take care of it, but they asked me that cause they know nothing about Flash. Anyone has a tip for doing those differente animations? Thanks! Helios ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com Gustavo Duenas Creative Director LEFT AND RIGHT SOLUTIONS LLC 1225 W. Beaver St. Suite 119 Jacksonville, Fl. 32204 904 . 2650330 www.leftandrightsolutions.com ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com
Re: [Flashcoders] Flash animation like http://u10.iriver.com/
another way would be to use final cut...video the dancing/movement on a green screen, bring it into final cut, mask the dancing with the green screen effect and make the background black, then reverse the image so the body was black and the background was white. there's your video to convert to a flv or keyframes. it might make the task a little easier than using quicktime or photoshop illustrator. it will also keep your file size down if you leave it as a video...this is all in theory as well. I've never actually done it. maybe off topic, but can a flv be given a transparent background and be used as a mask? that might help as well. J. On May 17, 2007, at 8:55 AM, Gustavo Duenas wrote: In Theory, I've actually never done something like that, is simple: 1. convert the movie to quicktime (use qtpro) 2. export as a jpg sequence of images. 3. import into illustrator and do the graphics there. Use live trace in the imported images, then use expand and you'll have the paths. 4. export the sequence of Illus Paths to flash and there create the movie clips and you could use a time line if you want this a s a flv or use behaviours like tellTarget(fl8) in any of the MC timelines in order to have this in this own time. 5. add the sound 5. export the swf and pray.(heheheh) is joke . This is the way i'll do this in Theory, I've never actually done something like that. Regards Gustavo On May 16, 2007, at 2:59 AM, Matthias Dittgen wrote: Hi, we did something similar some time ago, but for a small sequence only. We wore black clothes and were filmed in front of a white wall. We did post-production in Photoshop and Illustrator. We used actions (batch processing) in Photoshop and converted Selections into Pathes which could be exported/imported to Illustrator, where another action converted them into fills and saved to single-frame SWF files. These files were imported into Flash as sequence. And there you are.. You can then use these shapes as masks and have nice effects this way. hth, Matthias 2007/5/15, Helios Pregioni Bayma [EMAIL PROTECTED]: Hi, I have a project with animation of a person, and the client is in doubt about real person animed or silhouette like the one in http://u10.iriver.com/. Do you know what are the best techniques for both? The iriver example, what technique do you think it uses? My weakeast point in Flash is animation, and the design company will take care of it, but they asked me that cause they know nothing about Flash. Anyone has a tip for doing those differente animations? Thanks! Helios ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com Gustavo Duenas Creative Director LEFT AND RIGHT SOLUTIONS LLC 1225 W. Beaver St. Suite 119 Jacksonville, Fl. 32204 904 . 2650330 www.leftandrightsolutions.com ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com
Re: [Flashcoders] Flash animation like http://u10.iriver.com/
My advice to whoever want to do this kind of animation for a client...charge them very good, this looks actually a lot of work, doesn't matter the kind of programs you might use. Respects. Gustavo Duenas On May 17, 2007, at 10:52 AM, Jay Carlson wrote: another way would be to use final cut...video the dancing/movement on a green screen, bring it into final cut, mask the dancing with the green screen effect and make the background black, then reverse the image so the body was black and the background was white. there's your video to convert to a flv or keyframes. it might make the task a little easier than using quicktime or photoshop illustrator. it will also keep your file size down if you leave it as a video...this is all in theory as well. I've never actually done it. maybe off topic, but can a flv be given a transparent background and be used as a mask? that might help as well. J. On May 17, 2007, at 8:55 AM, Gustavo Duenas wrote: In Theory, I've actually never done something like that, is simple: 1. convert the movie to quicktime (use qtpro) 2. export as a jpg sequence of images. 3. import into illustrator and do the graphics there. Use live trace in the imported images, then use expand and you'll have the paths. 4. export the sequence of Illus Paths to flash and there create the movie clips and you could use a time line if you want this a s a flv or use behaviours like tellTarget(fl8) in any of the MC timelines in order to have this in this own time. 5. add the sound 5. export the swf and pray.(heheheh) is joke . This is the way i'll do this in Theory, I've never actually done something like that. Regards Gustavo On May 16, 2007, at 2:59 AM, Matthias Dittgen wrote: Hi, we did something similar some time ago, but for a small sequence only. We wore black clothes and were filmed in front of a white wall. We did post-production in Photoshop and Illustrator. We used actions (batch processing) in Photoshop and converted Selections into Pathes which could be exported/imported to Illustrator, where another action converted them into fills and saved to single-frame SWF files. These files were imported into Flash as sequence. And there you are.. You can then use these shapes as masks and have nice effects this way. hth, Matthias 2007/5/15, Helios Pregioni Bayma [EMAIL PROTECTED]: Hi, I have a project with animation of a person, and the client is in doubt about real person animed or silhouette like the one in http://u10.iriver.com/. Do you know what are the best techniques for both? The iriver example, what technique do you think it uses? My weakeast point in Flash is animation, and the design company will take care of it, but they asked me that cause they know nothing about Flash. Anyone has a tip for doing those differente animations? Thanks! Helios ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com Gustavo Duenas Creative Director LEFT AND RIGHT SOLUTIONS LLC 1225 W. Beaver St. Suite 119 Jacksonville, Fl. 32204 904 . 2650330 www.leftandrightsolutions.com ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com Gustavo Duenas Creative Director LEFT AND RIGHT SOLUTIONS LLC 1225 W. Beaver St. Suite 119 Jacksonville, Fl. 32204 904 . 2650330 www.leftandrightsolutions.com ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com
Re: [Flashcoders] Flash animation like http://u10.iriver.com/
I think your workflow DOES matter!!! :-) I only know of the workflow that is based on single frames. There might be workflows that directly manipulate video. So for our workflow, there were the following things very important: * use tools, that can do batch jobs, sometimes called actions or macros! * your source material/video should be of few colors or high contrast to allow seperation of shapes from background * the quality of your raster2vector tool. we used photoshop magic tool to automatically select the background (not the shape), then inverted the selection and transformed the selection into a path, which could be exported to illustrator. So Photoshop was our raster2vector tool, and turned out to be really good. You can also prepare your raster images with photoshop using de-interlace filter (if your source is pal video), sharpen, enhance contrast, etc. Sorry for repeating myself, but I forgot to mention the magic selection tool before. ;-) hth, Matthias 2007/5/17, Gustavo Duenas [EMAIL PROTECTED]: My advice to whoever want to do this kind of animation for a client...charge them very good, this looks actually a lot of work, doesn't matter the kind of programs you might use. Respects. Gustavo Duenas On May 17, 2007, at 10:52 AM, Jay Carlson wrote: another way would be to use final cut...video the dancing/movement on a green screen, bring it into final cut, mask the dancing with the green screen effect and make the background black, then reverse the image so the body was black and the background was white. there's your video to convert to a flv or keyframes. it might make the task a little easier than using quicktime or photoshop illustrator. it will also keep your file size down if you leave it as a video...this is all in theory as well. I've never actually done it. maybe off topic, but can a flv be given a transparent background and be used as a mask? that might help as well. J. On May 17, 2007, at 8:55 AM, Gustavo Duenas wrote: In Theory, I've actually never done something like that, is simple: 1. convert the movie to quicktime (use qtpro) 2. export as a jpg sequence of images. 3. import into illustrator and do the graphics there. Use live trace in the imported images, then use expand and you'll have the paths. 4. export the sequence of Illus Paths to flash and there create the movie clips and you could use a time line if you want this a s a flv or use behaviours like tellTarget(fl8) in any of the MC timelines in order to have this in this own time. 5. add the sound 5. export the swf and pray.(heheheh) is joke . This is the way i'll do this in Theory, I've never actually done something like that. Regards Gustavo On May 16, 2007, at 2:59 AM, Matthias Dittgen wrote: Hi, we did something similar some time ago, but for a small sequence only. We wore black clothes and were filmed in front of a white wall. We did post-production in Photoshop and Illustrator. We used actions (batch processing) in Photoshop and converted Selections into Pathes which could be exported/imported to Illustrator, where another action converted them into fills and saved to single-frame SWF files. These files were imported into Flash as sequence. And there you are.. You can then use these shapes as masks and have nice effects this way. hth, Matthias 2007/5/15, Helios Pregioni Bayma [EMAIL PROTECTED]: Hi, I have a project with animation of a person, and the client is in doubt about real person animed or silhouette like the one in http://u10.iriver.com/. Do you know what are the best techniques for both? The iriver example, what technique do you think it uses? My weakeast point in Flash is animation, and the design company will take care of it, but they asked me that cause they know nothing about Flash. Anyone has a tip for doing those differente animations? Thanks! Helios ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com Gustavo Duenas Creative Director LEFT AND RIGHT SOLUTIONS LLC 1225 W. Beaver St. Suite 119 Jacksonville, Fl. 32204 904 . 2650330 www.leftandrightsolutions.com ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you
Re: [Flashcoders] Flash animation like http://u10.iriver.com/
Not sure you noticed, but this is flashcoders ;-) Stuff like this has been done since Flash 4, so I'm sure there's plenty of tutotials and how to's out there.. just google. - Original Message - From: Matthias Dittgen [EMAIL PROTECTED] To: flashcoders@chattyfig.figleaf.com Sent: Thursday, May 17, 2007 7:02 PM Subject: Re: [Flashcoders] Flash animation like http://u10.iriver.com/ I think your workflow DOES matter!!! :-) I only know of the workflow that is based on single frames. There might be workflows that directly manipulate video. So for our workflow, there were the following things very important: * use tools, that can do batch jobs, sometimes called actions or macros! * your source material/video should be of few colors or high contrast to allow seperation of shapes from background * the quality of your raster2vector tool. we used photoshop magic tool to automatically select the background (not the shape), then inverted the selection and transformed the selection into a path, which could be exported to illustrator. So Photoshop was our raster2vector tool, and turned out to be really good. You can also prepare your raster images with photoshop using de-interlace filter (if your source is pal video), sharpen, enhance contrast, etc. Sorry for repeating myself, but I forgot to mention the magic selection tool before. ;-) hth, Matthias ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com
Re: [Flashcoders] Flash animation like http://u10.iriver.com/
Thanks all! And Muzak, this is flashcoders, and the great advantage of coming here and asking other coders their opinions, their way to work, is that we can talk about different ways, different approaches, to do the same thing, and discuss and change knowledgment about flashcode and techniques (what we can´t in google). I believe this is the very best of this, no matter how long people know the subject. And I include you, that helped many people in this list, many times. Thanks, Helios Rio de Janeiro, Brasil ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com
Re: [Flashcoders] Flash animation like http://u10.iriver.com/
Hi, we did something similar some time ago, but for a small sequence only. We wore black clothes and were filmed in front of a white wall. We did post-production in Photoshop and Illustrator. We used actions (batch processing) in Photoshop and converted Selections into Pathes which could be exported/imported to Illustrator, where another action converted them into fills and saved to single-frame SWF files. These files were imported into Flash as sequence. And there you are.. You can then use these shapes as masks and have nice effects this way. hth, Matthias 2007/5/15, Helios Pregioni Bayma [EMAIL PROTECTED]: Hi, I have a project with animation of a person, and the client is in doubt about real person animed or silhouette like the one in http://u10.iriver.com/. Do you know what are the best techniques for both? The iriver example, what technique do you think it uses? My weakeast point in Flash is animation, and the design company will take care of it, but they asked me that cause they know nothing about Flash. Anyone has a tip for doing those differente animations? Thanks! Helios ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com
Re: [Flashcoders] Flash animation like http://u10.iriver.com/
I really like those ideas, Flix Pro and techniques. I´ll discuss with design team and do what we can. Thanks a lot, Jason, Bob, Rich and Matthias Helios ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com
[Flashcoders] Flash animation like http://u10.iriver.com/
Hi, I have a project with animation of a person, and the client is in doubt about real person animed or silhouette like the one in http://u10.iriver.com/. Do you know what are the best techniques for both? The iriver example, what technique do you think it uses? My weakeast point in Flash is animation, and the design company will take care of it, but they asked me that cause they know nothing about Flash. Anyone has a tip for doing those differente animations? Thanks! Helios ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com
RE: [Flashcoders] Flash animation like http://u10.iriver.com/
You can't do fluid motion like that in Flash without some real-life motion capture first. Looks like they could have done some tracing to vector of bitmap sequences from a video file. Jason Merrill Bank of America GTO Learning Leadership Development eTools Multimedia Team -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Helios Pregioni Bayma Sent: Tuesday, May 15, 2007 3:57 PM To: flashcoders@chattyfig.figleaf.com Subject: [Flashcoders] Flash animation like http://u10.iriver.com/ Hi, I have a project with animation of a person, and the client is in doubt about real person animed or silhouette like the one in http://u10.iriver.com/. Do you know what are the best techniques for both? The iriver example, what technique do you think it uses? My weakeast point in Flash is animation, and the design company will take care of it, but they asked me that cause they know nothing about Flash. Anyone has a tip for doing those differente animations? Thanks! Helios ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com
Re: [Flashcoders] Flash animation like http://u10.iriver.com/
Yeah Jason, I thought so, and do you know what software could trace real-life motion? Should it be After Effects? Another one? Thanks Helios ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com
Re: [Flashcoders] Flash animation like http://u10.iriver.com/
http://www.on2.com/consumer/flix-pro I've never had any exp. with that but I've seen tons of ads for it. ;) on another note, that could be a bitmap sequence that has been tracebitmapped - with the edges looking not as smooth as hand drawn. B. On 5/15/07, Helios Pregioni Bayma [EMAIL PROTECTED] wrote: Yeah Jason, I thought so, and do you know what software could trace real-life motion? Should it be After Effects? Another one? Thanks Helios ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com
Re: [Flashcoders] Flash animation like http://u10.iriver.com/
Yes, FlixPro can output to vector. The trick starting with a source that is as clear and high-contrast as possible. To keep processing to a minimum, try to film the sequence with an actor dressed as darkly and uniformly as possible on a white background. Lights can wash out the background altogether. If needed, you can increase the contrast in pre-processing and then run it through FlixPro to output to vector. Rich ___ Flashcoders@chattyfig.figleaf.com To change your subscription options or search the archive: http://chattyfig.figleaf.com/mailman/listinfo/flashcoders Brought to you by Fig Leaf Software Premier Authorized Adobe Consulting and Training http://www.figleaf.com http://training.figleaf.com