Making Animation Smooth in Flash

Hi there,
I've just started using Flash today so my question may seem a
bit lame . . . but here goes.
I took a series of photos of a phone set that I dropped into
Flash so that I could animate it spinning round. The spinning works
fine but the overall is effect is bumpy as hell. Does anybody out
there know how I can smooth it out so that the phone just spins
with no obvious joins between each frame?
I followed the in-built guide and used 'keyframes' is that
right, or is there a better way to do this?
Thanks,
Ali

It could be that your bitmap phone images are too large, and
thus requiring too much processor power. When bringing photos or
other bitmaps into Flash, it is best practice to bring them in at
the actual size you want them to appear, so any resizing should be
done before importing them into Flash. If you import a 1200x800
photo into Flash and then reduce it within Flash to 600x400, Flash
still treats it as a 1200x800 image.
I also tend to do any jpeg formatting before importing into
Flash, since you have greater control of jpeg settings. But this is
a personal choice, and something you may want to experiment with.
FYI, for some reason Fireworks does the best job of jpeg reduction
(best image quality/smallest file size) compared to Photoshop,
ImageReady and others (I learned this latter fact from one of
Adobe's top designers, who couldn't explain it, but demonstrated
that it's a fact).
Increasing the frame rate to as high as 24 fps (same as
TV/video) might help. Too high a frame rate will put even greater
strain on the viewer's processor, since it has to deal with that
many more bitmaps per second.

Similar Messages

  • Are there any tutorials on making animated gifs in flash, from a video?

    I have an avi video file that i'd like to make into an animated gif in flash. How do I go about doing this? I know there is an option in photoshop where you can import the video frames onto layers. Is there something similar in flash?

    [http://wetpixel.com/forums/lofiversion/index.php/t16884.html]
    This might provide a bit of insight.

  • Quality problem with animated gif through flash

    i got a problem with making animated gif through flash.
    on html/swf publication it looks clear.
    but the weird thing is through gif publication, it wouldn't show. and exporting it as a movie as gif cause visual defect when put up on web.
    it looks better when you open it in a browser.
    this is how it looks for a profile gif in thumbnail mode. blocky and unclear.
    how do you get it to look good both in thumbnail mode and in browser mode. i seen other that have a clear gif in thumbnail mode.  are my setting wrong for flash? or should i just do gif in photshop instead. i heard rumors flash don't do gif very well.

    Change your gif export setting under publish...
              Dimensions         : Match movie
              Playback             : Animated
                                        : Loop continuously
              Options               : Optimize colors
                                        : Smooth
              Transparent         : Opaque
              Dither                 : None
              Palette Type       : Adaptive
              Max colors         : 99999

  • Embedding a Flash animation in a Flash Site

    I'm looking for a solution to the following problem. I am
    developing my website in Flash and I would like to show examples of
    interactive flash animations I have developed. I imported my my
    .swf animation to my flash site library, but when I drag and drop
    it to the stage the following happens:
    1. The animation plays from frame to frame without stopping.
    2. Elements which were hidden (off the stage) in the
    animation now show up on the stage.
    3. When I open the animation in edit view (double click the
    animation on the stage) the entire animation appears as individual
    frames on one timeline.
    I would like to maintain the interactivity of the animation
    on the site (i.e. buttons, tool tips) and I suspect there is a way
    to embed the animation in the flash site while in flash.
    Any ideas?
    Thanks

    You don't really want to add new files that way. In addition
    to the problems that you list, you will also be making one, large,
    file. This means that it will take longer to download, and possibly
    play poorly.
    You should keep these independent .swf files as they are, and
    "import" them using either AS2's loadMovie() or AS3's URLRequest()
    to bring each file into your movie.

  • Animated logo -- and Flash export?

    Hi Folks -
    So, I'm working on animating this logo:
    http://giantmecha.com/uploadedimages/helpme.thumbnail_23554.png
    Seems simple, but I can't figure how to go about smoothly animating it. Behaviors? Keyframes? Help. =/
    Also, I'm hoping to use it for the web. So, my secondary question is: if I import the Motion file into After Effects, can I then simply export the animation as Flash?
    Any help would be greatly appreciated!
    Thanks.
    Evan

    Looks like a simple animation. If Flash is your target, I would do the whole thing in Flash using masks. You can take a Illustrator file and just mask and animate the layers.
    When you do this in Flash I think that you will find that your file size will be much smaller than producing a .flv or .mov file. Also your logo seems like it is all vector based, thus scalable.
    I wouldn't even think about bringing this into After Effects from Motion. No need to, too many steps than what is needed.
    You can however turn a Motion file that has been imported into After Effects in to a .swf file. There are limits, as somethings will not be exported a vector art. See Adobe website for infor. They have tutorial videos on the subject.
    Do you have Flash? With the new CS3, you can import your Illustrator/ Photoshop layers into Flash layers which you can then animate.
    Ed

  • Insert animated gif or flash files (.swf) in Form?

    How can i insert animated gif or flash files (.swf) or another type of animated files in Form?

    If you are web deployed you can put an animated gif as the image to an iconic button.
    Image items cannot display animated gifs.
    Anything else you can do through a JavaBean if you need to.

  • .avi animations made with Flash won't work on my mac laptop (version 10.6.8) ...

    .avi animations made with Flash won't work on my mac laptop (version 10.6.8) but they used to. What is the problem?

    let me be more specific, the .avi animations will not play in Quicktime on this laptop, but they used to. When I import them into final cut express they won't show up there either. What should I do to fix this?

  • Can i make Animations with Adobe Flash CS3 Professionals?

    can i make Animations with Adobe Flash CS3 Professionals? my
    goal is to make a Animation Serie But i got no Expereience!
    Is it any place i can learn how to use Adobe Flash CS3
    Professionals? Can i get a tutorial/training thing on
    www.adobe.com?

    Ha!
    Just scratch the surface by using the search functions on
    this site or google - thousands of
    websites that showcase flash animations since version 3 back
    in the late 90's - many websites have
    dedicated themselves to flash training and tutorials over the
    years.
    Basically, anything on the web that looks animated, right
    click over it and 9 times out of ten it
    will say "Flash".
    Chris Georgenes
    Adobe Community Expert
    mudbubble.com
    keyframer.com
    http://tinyurl.com/2urlka
    Arfusman wrote:
    > can i make Animations with Adobe Flash CS3
    Professionals? my goal is to make a
    > Animation Serie But i got no Expereience!
    > Is it any place i can learn how to use Adobe Flash CS3
    Professionals? Can i
    > get a tutorial/training thing on www.adobe.com?
    >

  • Making a smooth automated photogallery on flash cs5

    Can someone show me how to make this sort of photo gallery on flash.
    http://www.weddingorg.com/indian/indian.html
    after clicking on this link, select family and click the link saying 'click to view harshith and amita's family photo'. From this, you will see the photo gallery which i will like to design

    http://www.flashmagazine.com/tutorials/detail/as3_photo_gallery/

  • Animated gif from flash

    CS4, AS3.Windows XP SP3.
    I've created a pretty simple flash animation with some text that fades in and moves around a bit. Nothing fancy. It runs just fine both locally and on my client's site. I need to turn it into an animated gif so that non-flash viewers will see the animation. But I can't seem to get it to come out right. It needs to have a transparent background and it needs to run just once. Like I said, all that runs fine as an SWF.
    When I choose the export option in the file menu (export movie as gif), it does export and I can run the gif but the background is definitely not transparent and the thing loops continuously. Yes, I've checked the "transparent" checkbox and also set the repetitions to 1. Neither of those settings do anything.
    I also tried "publishing" the gif. That's even worse. The resultant animation doesn't even resemble my SWF. It's a blocky mess when it runs. It does appear to have a transparent background but it loops over and over and again it's a blocky mess (not sure how else to explain that).
    The whole thing is just about 10 layers of different lines of text that are tweened in various ways to get the effect I need.
    You can see the animation on the right hand side of this page: www.ssrights.com. It's the one that says "FREE! Consultation..."
    Hope someone can help.
    Thanks,
    Keith
    PS: The gif is not in place. I currently have it set to just show a static image if someone does not have flash.

    Look, I appreciate that you are making an effot to help, but I hope you realize that most pages like that are just there to attract advertisers. They are mostly nonsense. Filled with fluff and little that's actually helpful. Often copied verbatim from the help file of some application. Not the least bit beneficial. There are tons of "how to" sites out there that say next to nothing and still use a lot of words. I run into them countless times each day. It's beyond irritating when you're trying to learn how to do something. This paragraph on that page you referred me to is a perfect example:
    Set other options for your animated GIF publication. Optimize the color  of the GIF to remove unused colors so that the image size will be  reduced. Set "Dither Solids" so that the colors will be mixed in the  current existing palette. Other options you have to set up are  Interlace, Smooth, and Remove Gradients. Set all of them very well so  that your animated GIF will be published at its best quality.
    Just look at the grammar in the last sentense. It doesn't even make sense and offeres zero useful information. Probably came out of the entirely useless Adobe help system that's fond of defining a term with the term itself.
    Back to the GIF settings. I've chosen nearly every combination of settings on the GIF publish tab. Nothing I do works. The only thing that solved the problem (and it's a crummy solution) was to change the text to a broken apart graphic. I'm sure you are more expert in Flash than I am and so you likely know how to solve this. Have you created a simple example with text and successfully published it as a GIF? You don't even need to tween the text. It can be sitting still on it's own layer and it still fouls things up. If so, what settings are you using to make this work right? That inforamtion would be very helpful!
    Again, is there anyone out there that has specifically dealt with this problem and can offer a specific, viable solution?
    Keith

  • Flash animations jerky (was: Flash advice sought)

    I created a 4-minute Flash, with many PNG images.
    I checked "Allow smoothing" in all image Properties panels.
    FPS is 30.
    But the Flash is still jerky, not a smooth animation in a number of spots. Need a solution.
    I outputted the Flash to a a movie file, then made it into a MP4 in  Media Encoder and uploaded to Youtube.
    Still see the jerkiness in the motion.
    I am using Adobe's CC 2014-2015 latest apps.
    Please advise what I can do to eliminate all jerky motion. Thank you.
    Here's the files:
    http://www.gisser.com/raregrowthstockopp/flash/images/gisser3j.swf
    http://www.gisser.com/raregrowthstockopp/youtube/index.html
    -Marshall Gisser

    your swf has poor performance, or is what you call 'jittery'.
    here's an excerpt from a book i wrote, Flash Game Development: In a Social, Mobile and 3D World
    Optimization Techniques
    Unfortunately, I know of no completely satisfactory way to organize this information. In what follows, I discuss memory management first with sub-topics listed in alphabetical order. Then I discuss CPU/GPU management with sub-topics listed in alphabetical order.
    That may seem logical but there are, at least, two problems with that organization.
    I do not believe it is the most helpful way to organize this information.
    Memory management affects CPU/GPU usage, so everything in the Memory Management section could also be listed in the CPU/GPU section.
    Anyway, I am going to also list the information two other ways, from easiest to hardest to implement and from greatest to least benefit.
    Both of those later listings are subjective and are dependent on developer experience and capabilities, as well as, the test situation and test environment. I very much doubt there would be a consensus on ordering of these lists.  Nevertheless, I think they still are worthwhile.
    Easiest to Hardest to Implement
    Do not use Filters.
    Always use reverse for-loops and avoid do-loops and avoid while-loops.
    Explicitly stop Timers to ready them for gc (garbage collection).
    Use weak event listeners and remove listeners.
    Strictly type variables whenever possible.
    Explicitly disable mouse interactivity when mouse interactivity not needed.
    Replace dispatchEvents with callback functions whenever possible.
    Stop Sounds to enable Sounds and SoundChannels to be gc'd.
    Use the most basic DisplayObject needed.
    Always use cacheAsBitmap and cacheAsBitmapMatrix with air apps (i.e., mobile devices).
    Reuse Objects whenever possible.
    Event.ENTER_FRAME loops: Use different listeners and different listener functions applied to as few DisplayObjects as possible.
    Pool Objects instead of creating and gc'ing Objects.
    Use partial blitting.
    Use stage blitting.
      16. Use Stage3D
    Greatest to Least Benefit
    Use stage blitting (if there is enough system memory).
    Use Stage3D.
    Use partial blitting.
    Use cacheAsBitmap and cacheAsBitmapMatrix with mobile devices.
    Explicitly disable mouse interactivity when mouse interactivity not needed.
    Do not use Filters.
    Use the most basic DisplayObject needed.
    Reuse Objects whenever possible.
    Event.ENTER_FRAME loops: Use different listeners and different listener functions applied to as few DisplayObjects as possible.
    Use reverse for-loops and avoid do-loops and while-loops.
    Pool Objects instead of creating and gc'ing Objects.
    Strictly type variables whenever possible.
    Use weak event listeners and remove listeners.
    Replace dispatchEvents with callback functions whenever possible.
    Explicitly stop Timers to ready for gc.
      16. Stop Sounds to enable Sounds and SoundChannels to be gc'd.

  • Animated Gears in Flash

    Hello,
    But before I will go into details of my problem let me state something - I'm absolute beginner in Flash. I got my copy yesterday and just today I ordered Flash CS5 Essential Training from fine folks at Lynda.com. So if you don't mind explaining how stuff works to a complete novice read on!
    I was haunting the net in search of some tips how to make animated cogs but I didn't really found a lot of useful informations. Thanks to one website (you can find it here) I know about cog ratio and how to figure out how many times each of them have to turn. Other sites I stumbled upon explain how to make a gears but arent giving me options to determine exact shape, dimension and number of those.
    Technically I can't figure out how to actually make cogs in Flash. Drawing a circle is simple enough but how about the teeth on the circle? I found a tutorial here saying to use "Rotate Arbitrary" command, but author of that tutorial is referring to Flash Designer and I was unable to find similar option in CS5. I think that I need to draw a circle and then, somewhere on the side, draw just one of the teeth of desired size and shape. Next, in some obscure and esoteric way, I need to "add" it to a circle and rotate / duplicate it. If I want to do another gear I just use different size of a circle but the same teeth - and use cog ratio to figure out proportions and time needed for full circle. Could someone tell me if I'm on the right track and what is this magic spell used for creating teeth on the circle?
    I just want to make simple black and white gears and animate them. But how about making those gears appear 3D? Could someone point me in the right direction?
    Thanks!

    in the normal state you want you movieclip to play frames 1-10 once and stop on frame 10?
    when your movielcip is moused over you want to play frame 10 to 20 repeatedly?
    do you see any error messages?
    are you using as2 or as3?

  • A few questions on making animated buttons for a website Nav

    Hello, I have a few questions on creating some animated buttons for a nav.
    There are 2 actions I want to trigger on moue over.
    If I want to use a static (PNG) image that I created in Photoshop for the actual button, can I use that? I want to smoothly slide button down on mouse-over and slide back up on mouse off. If I push part of the button off the "canvas" (sorry, this is coming from a Photoshop guy) will it disappear in the final animation? Another way to put that is, if I put an animated element off the white area, will it no longer show up in the movie (.swf) when it's published?
    For the second part; you can see a bit of what I want to do if you look at this website's top Nav: http://www.photoshopsupport.com/index.html
    I need the "light" above the button and it's going to be on another colored <div> so I can't set one solid BG color for my flash document. But I want to achieve the effect of the "bar" lighting up above the button and the actual button sliding down upon moue over.
    Any help you can provide would be greatly appreciated.

    Hi,
    Regarding this button problem mentionned by kglad, it is easily overcome with a little trick.
    I call this the undesired "jumpy button". Your button starts to hesitate down-back-down-back quickly, like it's a bug, and then it settles.
    What you could do is create a simple sprite or movieclip containing only a simple shape, whatever the color, put it on top of your button's graphic, change this sprite/movieclip's alpha to 0, then add your mouse events on this invisible "target" instead of your graphic. So, when you mouse over, you have the graphic move, not the invisible "target".
    Sometimes, for this invisible target, you will be using a movieclip, not a sprite, so you can easily add your own properties on it.
    Example:
    var graphicBtn:Sprite; // your png
    var targetBtn:MovieClip; // your invisible target, created with code or not
    targetBtn.graphics.beginFill(0x000000);
    targetBtn.graphics.drawRect(0, 0, graphicBtn.width, graphicBtn.height);
    targetBtn.alpha = 0;
    targetBtn.mygraphic = graphicBtn;
    targetBtn.addEventListener(MouseEvent.MOUSE_OVER, onOver);
    targetBtn.addEventListener(MouseEvent.MOUSE_OUT, onOut);
    addChild(graphicBtn);
    addChild(targetBtn);
    function onOver(event:MouseEvent):void
         TweenLite.to(event.target.mygraphic, 0.25, {y:40, ease:Back.easeOut});
    function onOut(event:MouseEvent):void
         TweenLite.to(event.target.mygraphic, 0.25, {y:0, ease:Cubic.easeOut});
    So you see, you can have only one function (well, 1 for over, 1 for out) used for all your buttons. You can add as many properties you need on your movieclip to make that one-function flexible.
    Here I used GreenSock's tweening engine, but use the one you prefer (Here, I am moving the graphicBtn in y for 0.25 second).
    Design Cyboïde
    Création de sites web

  • Edge Animation on ipad flashes at start

    Hi there,
    i have several Edge Animations embedded in a Webview which is running in an ipad app.
    the animations are triggered by a button to start (although the same error occurs using autostart...), when they start
    they show a white or a black "Flash" (depends on the given background). Is this a known issue?
    I´ve tried setting the background to transparent, but that doesn´t solve the problem.
    The animations themselves are nothing fancy, no .svg´s for example. Just moving pngs, mostly.
    Everything else runs very smooth on the ipad, except that start-flash.
    Any suggestions? Thanks in advance.
    (you can image how hard it is to do a websearch containing "Edge Animation" and "Flash" ).
    UPDATE: I forgot to mention that the Animations DONT show that behavior when tested in Safari on the Desktop-Computer.
    It only happens in the App (webview).

    Hey Gabriel,
    sorry that it took so long to reply - i´ve been on vacation.
    Sadly, i still could not remove the flash and i still have no clue where it originates.
    I don´t think its the size of the images – the ipad can handle this. FYI i didn´t make my
    animations responsive (it sounds like you did this with yours), i used another technique
    i know from webdesign for ipads – saving the images in retina-resolution and insert them
    in the animation with the half the size (Edge supports the "/2" trick in the palette,
    which (sadly) not every Adobe-App does...).
    So, we´re still searching for the cause of the "flash", please keep me posted if you´re on to
    something.
    Thanks and Greetings,
    André

  • Animating Characters in Flash

    I am trying to animate a character in Flash and without being a drama queen I have spent HOURS trying to figure out how to achieve what I think should be a simple animation. I have a character that I want to perform a loop of walking. While that is repeating the character is moving his arms and talking. So the walking motion needs to loop, but everything else need to be different. So far I have this.
    I have scene one which has 1 layer called layer 1. On this layer I have a graphic symbol called everything that contains all of the pieces for my character. Each animated part, the head, arms, mouth, and eyes are each symbols that have the different positions i will use. ( you can see an example of one of the arms loaded into keyframe caddy)
    The animation will be the character walking forwards, and I am making the background in after effects so I am only concerned with the character in flash. I have a back and forth walking motion that lasts 24 frames, and is looped since it is a graphic symbol.
    Right now my problem that since all of the different positions are loaded into the symbols I get a crazy export where it cycles through all of the images in the eyes, the mouth and the head, but the arms stay constant. Which is weird because all of those are at the same level and should be behaving the same.
    Any direction on how to animate this character so I can sync him with a script would be awesome! I am brand new to Flash but have been watching a ton of tutorials on how to animate, but none go into the type of detail that I need to make this character work.

    Rob, I feel sad that you haven't figured out the use of this wonderful feature, but it's not helpful spreading this misinformation. Graphics are the most useful symbol type there is. Every day I find new uses for the Graphic symbol that makes development faster and easier.
    To the OP: Here's a tutorial that will get you started. The trick is to realize that if the timeline you place the graphic symbol on is longer than the graphic symbol, the symbol will loop by default. this means you could have one or more symbols for the walking, then use multiple other symbols over the top for the other things the character needs to do. You can also choose what frame starts the loop (or choose play once), which means that you can put keyframes in various places that use smaller parts of the animation if that suits your needs.
    For example, I can't recall if this tutorial does the walking this way (haven't read it in a while), but you could animate one leg and use it as both the right and left legs by offsetting the start frame where one leg starts first.

Maybe you are looking for