Smooth image pan

Sorry I'm a noob
I import images into flash but when I use motion tween to pan
them, they play all jerky, like 3 or 4 FPS. My timeline is set to
24fps. The other animations play smoothly, its just the imported
images that are jerky.
I hear flash 8 can make it smooth but the file won’t be
compatible with old flash players. A lot of people I know still
haven’t upgraded. I would like to make it compatible with
flash 7 or hopefully earlier.
Any suggestions would be greatly appreciated.
Thanks!

Thanks Dave, really appreciate the time you've given to try and help me. Woke up to a stack of snow here in the UK - we're not used to the white stuff.
I've tried rendering to 50 frames per sec and no difference in stuttering movement. I've been looking more closely at the RAM preview and although it runs in real time, there is a slight stutter in places (at 25 and 50 frames/s), although much smoother than the rendered pan, which is bad.  When compressed in Premier to H.264 it looks even worse.
I've been searching the web for postings on this subject, and on this and other forums, the same question has been asked many times and I haven't found the situation resolved by the end of the thread - where some guy goes 'yeah thanks that's real smooth now'! Also, I've seen lots of smooth pans done with a camera on video clips but I can't find a smooth one done from a still image rendered by software.
Cheers
Steve

Similar Messages

  • Stuttering image pan

    Hello,
    I have seen and looked over several different threads on this subject, but I have not yet found a solution that works for me, so I thought I would try myself.
    I have created a simple image pan for a project I am editing for somebody. I have tried creating this pan both in Premiere Pro CC 2014, as well as After Effects CC 2014 (both fully updated), and each time I get the same problem - the pan comes back stuttering instead of smooth.
    I have tried adjusting the frame rate, the original image size, I created a camera parented to a null object and panned that layer rather than moving the image itself (in After Effects), I incorporated motion blur, and at this point I am not sure what else to do. It is possible that my problem is in the export specs, and it's even possible that the problem itself is in playback rather than in the file itself (I have watched the file on both PC and Mac, windows media player as well as quicktime and vlc).
    The project for which I am making this animation is a 1920x1080 24p project, but I have tried making this animation at not only 24fps but also 30 and 50 fps, just to test out options.
    I have tried exporting to a quicktime movie with a png video codec, a photo-jpeg codec and a mpeg-4 codec, at about 85% quality, though I have tried other options as well.
    What I want is, I believe, simple - it is a six-second pan from left to right, resulting in smooth movement with clear, legible detail on the map while it's moving. I think maybe I am just over-complicating it. I don't know anymore.
    I have included a link to the after effects project file and the latest export below. I did also try just panning the map using the motion effect in premiere pro (since the larger project that includes the map is, itself, in premiere), but that was no better. Any advice?
    Dropbox - for adobe forum

    Judder is a nasty beast.
    Read up! Avoiding Judder in Motion Graphics

  • Interactive Image Panning within a Mask

    Hey guys thanks for the help so far. The last piece to the
    puzzle for me is figuring out how to scroll a movie clip within a
    mask. I'm currently working with the script taken from the
    Interactive Image Panning tutorial on kirupa.com as a base. Right
    now the script references the entire Stage area for scrolling the
    image whereas I want this to happen just within a mask. How do I
    set this up. Here is where I have the script right now:
    this.onMouseMove = function() {
    constrainedMove(Work_placeholder, 4, 1);
    function constrainedMove(target:MovieClip, speed:Number,
    dir:Number) {
    var mousePercent:Number = _xmouse/Stage.height;
    var mSpeed:Number;
    if (dir == 1) {
    mSpeed = 1-mousePercent;
    } else {
    mSpeed = mousePercent;
    target.destY =
    Math.round(-((target._height-Stage.height)*mSpeed));
    target.onEnterFrame = function() {
    if (target._y == target.destY) {
    delete target.onEnterFrame;
    } else {
    target._y += Math.ceil((target.destY-target._y)*(speed/100));
    ps. the instance name of my mask is Work_mask (movie
    clip)

    ok note sure if i got what your saying but il give it a try.
    you have a background image and a mask made up of 72 squares
    (1 symbol, 72 instance of that 1)
    if thats right. i just tried it also all i is 1 box working.
    mainly cause there symbols. so how do you do 72 easy make it 1
    symbol but not the easy way your ganna have to make it the long way
    ill try to help...
    go from the stage into the mask symbol so you can see the
    background image. now instead of having 72 instances just copy
    frames and make 72 layers then move them to fill screen. making
    your checked desolve look possible.
    if thats not what your looking for please put more info so
    someone else or i can help thanks..

  • Image Pan _ Rubber band effect

    I am trying to make the black square do the rubber band
    effect while the image pans left to right with mouse movement
    Each code works seperatly but when i put them together they
    do not work
    here is layer 1 the code for the image pan
    this.onMouseMove = function() {
    constrainedMove(bg_mc, 4, 1);
    function constrainedMove(target:MovieClip, speed:Number,
    dir:Number) {
    var mousePercent:Number = _xmouse/Stage.width;
    var mSpeed:Number;
    if (dir == 1) {
    mSpeed = 1-mousePercent;
    } else { mSpeed = mousePercent;
    target.destX =
    Math.round(-((target._width-Stage.width)*mSpeed));
    target.onEnterFrame = function() {
    if (target._x == target.destX) {
    delete target.onEnterFrame;
    } else if (target._x>target.destX) {
    target._x -=
    Math.ceil((target._x-target.destX)*(speed/100));
    } else if (target._x<target.destX) {
    target._x +=
    Math.ceil((target.destX-target._x)*(speed/100));
    here is the code for the movieclip on layer 2
    MovieClip.prototype.move = function (centerx, centery,
    inertia, k) { x = -this._x+centerx;y = -this._y+centery;xp =
    xp*inertia+x*k;yp = yp*inertia+y*k;_x += xp;_y += yp;};
    now the code for the actual squarebox
    onClipEvent (enterFrame) {
    this.move(x=247.5, y=300, 0.80, 0.1);
    What am i doing wrong????
    the link to my fla is here
    www.jetsetbrasil.com/imagepan_final.fla
    PLEASE HELP!

    http://www.jetsetbrasil.com/imagePan_final.fla

  • Scrolling in chromium and image panning in geeqie suddenly slow

    I have a laptop with a Sandy Bridge processor (Intel Core i7 2670QM with Intel HD3000 integrated graphics). Before today, scrolling long web pages in chromium by clicking on the scrollbar, holding and moving the mouse was instantaneous, and panning (moving) large photos in GQview was instantaneous as well, albeit with tearing present (which I don't mind in those particular cases, I only care about responsiveness).
    Today it suddenly changed. Fast scrolling in chromium lags significantly (it's elastic, if you know what I mean), same for image panning in GQview, though with no tearing present.
    I haven't the faintest idea as to what could possibly have changed. I then installed Geeqie to see if it would change anything, and it did: panning was again instantaneous, with tearing. Then a bit later, with no modification on the system whatsoever, it started lagging again. So I rebooted, started X and launched Geeqie immediately to make sure that no other software could influence X or anything, but it was still laggy.
    I don't know how to reproduce the change either way. Something is obviously escaping me, but I have no clue what. My system is up to date (pacman -Syu). I'm running Openbox with compositing disabled. Any ideas?
    Last edited by apaige (2012-01-04 14:15:58)

    Some additional details: firefox 9.0.1 (downloaded from Mozilla's FTP, not Arch Linux's package) scrolls instantaneously, and image panning in The GIMP is instantaneous as well.
    GTKPerf results for 1000 iterations:
    GtkPerf 0.40 - Starting testing: Wed Jan  4 16:24:50 2012
    GtkEntry - time:  0.28
    GtkComboBox - time:  4.02
    GtkComboBoxEntry - time:  1.79
    GtkSpinButton - time:  0.32
    GtkProgressBar - time:  0.18
    GtkToggleButton - time:  0.33
    GtkCheckButton - time:  0.31
    GtkRadioButton - time:  0.77
    GtkTextView - Add text - time: 50.30
    GtkTextView - Scroll - time:  1.90
    GtkDrawingArea - Lines - time:  6.58
    GtkDrawingArea - Circles - time:  7.87
    GtkDrawingArea - Text - time:  4.51
    GtkDrawingArea - Pixbufs - time:  0.84
    Total time: 80.00
    Last edited by apaige (2012-01-04 15:28:13)

  • Smooth Image Blending

    How to create a Smooth Image Blend with Photoshop Touch
    Combine two photos seamlessly using a gradient within the Add Fade feature. You control where the fade starts and stops.
    1. After selecting the "Add Dramatic Flare" tutorial, press "Begin Tutorial" to start. Tap the top layer and choose Add Fade from the & menu.
    2. Drag the top gradient handle down to the middle of the image.
    3. Tap the Edit Gradient button. Adjust the fade opacity by dragging the gradient stops. Tap OK.
    4. Select the background layer and choose Adjustment > Color Balance
    5. To match the top layer's light quality, increase the Red value by about 10%. Tap OK.
    6. Tap the back arrow in the top options bar. This will prompt you to save. Press Save to save your project.
    Download the attachment to view this tutorial in a PDF form.
    Janelle

    Hi Michael,
    Could you please add some information about which platform/device you are on?
    I'm not sure if you are familiar with how to work with the tutorial, you need to follow the step and then press the "forward" button in order to continue with the next step.
    Is this the only tutorial you are experiencing issues with?
    I think it would help if you show us some kind of screen shot of what you are seeing/encountering. A screen shot about how the document looks like when the
    when opening the tutorial would probably be the best.
    thanks,
    Ignacio

  • Simple image pan using Flash CS3

    I need help panning a long jpeg image resting on the bottom layer of my first Flash project.
    I simply need to pan the image from right to left in a continuous loop, which I'm sure is a simple thing to program, yet I can't seem to locate instructions or a tutorial that explains it.
    Can anyone help?

    Try the following tutorial...
    http://www.tutorialized.com/view/tutorial/Continuously-Scrolling-Image/2520

  • Image pan sticking

    Hello Mac Community,
    I have been struggling for some time with an issue in which a video clip of a large image that I am panning, tends to stick and have noticeable lags when I play it back in full resolution.
    The animation was made in motion and pans over a 4726 x 1057 image of an ancient document. I can understand why playing the motion file in real time would show lags as it is manipulating a very large document on the fly. However, I don't know why it creates lags when I play it as an exported 640 x 480 mpeg4 Quicktime movie. It's dealing with individual frames now instead of a giant image. Could it have something to do with the decoding, or watching the movie at a full screen resolution?
    Thanks,
    Steve Jr.

    http://www.jetsetbrasil.com/imagePan_final.fla

  • Photoshop CS4 new Smoother Image Viewing problem

    Photoshop CS4 now appears to make images look smoother than ever, however, when I'm working on images which have hard aliased edges, the images look blury and actually make me feel like my eyes are out of focus. It's very disconcerting. I've not found a way to preview the CS3 way so I've had to revert back to using CS3 at work. This problem represents a show stopper for me.

    I'm on the phone with HP tech support about this problem. He said he's gonna charge me to fix the problem and than he put me on hold. I'm waiting to find out how much money I've saved. You put some dollars in my pocket. Thanks!!!!!!

  • Easy way to do smooth motion pan and zoom on a video clip?

    Howdy..
    As a recent convert from Vegas and Premiere Pro, I'm very happy with FCP6, with 1 issue: Easy moves on video clips.
    It's very easy to setup a move with the motion filter, but the problem is that zooming with moving on the clip with 'ease-in' is problematic.
    The scaling and motion seem to accelerate at different rates, making it very tough to achieve a smooth pan and zoom at the same time (either one by itself is easy).
    I've tried using anchor points, but that's difficult when doing several moves on a clip.
    Basically, is there ANY way (either native or via a plug-in) to set up simple pan+zooms on a video clip, with smoothness turned on without having the 'slingshot' effect that you get? I know I can mess around with the acceleration points, but this is tough to do with 100 of clips that need adjusting.
    I'd appreciate any help you can offer..
    Thanks...
    Best,
    Ben

    Howdy...
    Usually I set easy-in/out on the canvas window (for center) and then 'smooth' on the keyframes (for scale) in the motion window.
    Can you actually set smoothing for center in the viewer? I think you can only set easy-in/out for center in the canvas. (could be wrong on this one).
    I wish it worked like in Motion. Much easier and more intuitive, but one shouldn't have to jump to a different app just to do a simple pan and zoom...
    Any other ideas?
    -Ben

  • Smooth image scaling is not so smooth

    Okay, comparing jdk1.6.0_05 with Photoshop CS2 with respect to their ability to do smooth bicubic scaling is a bit unfair.
    However - the end result is so different, that I'm tempted to report this as a bug.
    Code:
    g2.setRenderingHint(RenderingHints.KEY_ALPHA_INTERPOLATION, RenderingHints.VALUE_ALPHA_INTERPOLATION_QUALITY);
    g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
    g2.setRenderingHint(RenderingHints.KEY_COLOR_RENDERING, RenderingHints.VALUE_COLOR_RENDER_QUALITY);
    g2.setRenderingHint(RenderingHints.KEY_DITHERING, RenderingHints.VALUE_DITHER_DISABLE);
    g2.setRenderingHint(RenderingHints.KEY_INTERPOLATION, RenderingHints.VALUE_INTERPOLATION_BICUBIC);
    g2.setRenderingHint(RenderingHints.KEY_RENDERING, RenderingHints.VALUE_RENDER_QUALITY);* [Original image 1028x2000 GIF|http://konzoomer.com/3-0020662000064.gif]
    * [Scaled with Photoshop CS2 122x237 JPG|http://konzoomer.com/3-0020662000064-scaledWithPhotoshop.jpg]
    * [Scaled with Java 6 122x237 JPG|http://konzoomer.com/3-0020662000064-scaledWithJava1.6.0_05.jpg]
    So - is there any way to get closer to the photoshop result? Have I missed a vital rendering hint?

    Steel wrote:
    Even though he was posting an advertisement, I think he is right: A single recomendation for a commercial product isn't treated as a violation of the CoC. All the user karimchik posted for the last 3 years were links to the same commercial product.
    There are sites and forums which have announcement and advertising sections, where such persons may post without violating any rules. This doesn't happen to be one of them.
    Identified advertisers will be blocked without mercy.
    Still, I hope someone at Sun will look at this sometime.Um, you'll only find volunteers here. AFAIK there are no Sun employees who frequent the forums.
    Maybe you could consider filing a RFE.
    db

  • BufferedImage displays as streaky; smooth image not produced

    Hi all,
    I have three classes that I'm working with. One is ImageProcessor, a Class I have to process images. Another is IMAQGUI, a GUI for my IMAQ service, and the third is IMAQIceStormService.
    In IMAQIceStormService, I am using ImageProcessor to create an image from a byte[] that gets sent to me, and I'm using IMAQGUI to display the image on my GUI.
    All this is working fine, except the image does not display properly. I am getting the proper data, as I have compared the camera image to my streaky image, and saw that they are the same. The width, height, depth, and stride should all be correct; 1000x1000 pixels, 8 bits per pixel, and a stride of 0. I recently changed my ImageProcessor code to make some methods static, and I may have broken something.
    Basically, can anyone take a look at my ImageProcessor methods, and possibly give any suggestions as to why the image is not displaying correctly?
    Here is the relevant part of IMAQIceStormService:
         public void imageAcquired(long id, IMAQTypes.ImageDesc imageDesc, byte[] imageData,
              Ice.Current current) {
              IMAQGUI.appendImage(ImageProcessor.createImage(imageData, imageDesc.width, imageDesc.height));
         }IMAQTypes.ImageDesc is simply the image description. It tells me the width, height, depth, and stride of the image. As you can see, I am telling IMAQGUI to appendImage based on what returns from ImageProcessor. First, here is the relevant code from IMAQGUI:
         private static JLabel imageViewer = new JLabel(); // this gets added to the main panel in a different method
         public static void appendImage(BufferedImage image) {
              imageViewer.setIcon(new ImageIcon(image));
              imageViewer.revalidate();
         }This just sets the icon to the new image, and revalidates the JLabel so it displays the new image.
    Finally, here is the most important part. This is the relevant code from ImageProcessor:
        public static BufferedImage toImage(byte[] data, int w, int h) {
            DataBuffer buffer = new DataBufferByte(data, data.length);
            WritableRaster raster = Raster.createInterleavedRaster(buffer, w, h, w,
            1, new int[] {
                0
            } , null);
            ColorSpace cs = ColorSpace.getInstance(ColorSpace.CS_GRAY);
            ColorModel cm = new ComponentColorModel(cs, false, true,
            Transparency.OPAQUE, DataBuffer.TYPE_BYTE);
            return new BufferedImage(cm, raster, false, null);
        public static BufferedImage createImage(byte[] data, int width, int height) {
              BufferedImage im = toImage(data, width, height);
            //image = toImage(data, width, height);
            BufferedImage out = createRGBImage(im);
            return out;
        public static BufferedImage createRGBImage(BufferedImage in) {
            BufferedImage output = new BufferedImage(in.getWidth(), in.getHeight(), BufferedImage.TYPE_INT_RGB);
            Graphics2D g = output.createGraphics();
            g.drawRenderedImage(in, null);
            g.dispose();
            return output;
        }I am unsure of why ImageProcessor is creating a streaky image, especially because I know the image dimensions are correct. Is there something I am missing? Does anyone see any mistakes anywhere? Does anyone have any suggestions?
    I know this is a lot of information, so thanks a lot for any help you can provide.

    Hi again,
    I'm still unsure as to what the problem is here. I thought maybe it had something to do with the GUI container, but I saved the BufferedImage to the local filesystem using ImageIO.write(), and it looks the same.
    Although no one has apparently seen any obvious problems, can someone possibly let me know if the methods are correct for what I am trying to do: convert a byte[] to a BufferedImage of RGB format?

  • Old chestnut ? IMAGE PAN

    Hi all - just joined the forum today and would appreciate some help from teh great the good and the wise who live here.
    I've used Premiere 6.0 for some time now and recently downloaded the CS3 trial.
    One of the features that I like most in 6 is the video/transform/ImagePan effect. All I have to do is create a series of keyframes. Each keyframe defines a section of the clip using a bounding box. Hey presto! I have a clip with pan and zoom effects. Perhaps not everybody's cup of tea but I like it.
    I've tried to replicate this with the Motion effect without success.
    Also I've spent most of yesterday and today on the web, including this forum, trying to find out whether there is a CS3 equivalent but no joy so far.
    The closest I've come is the StageTools MovPix plug-in.
    Do any of you more senior members know whether I can produce the equivalent effect in CS3 as easily as it is in 6.0?
    I'll upgrade to CS3 eventually but don't want to lose some of my favorite effects or go through a steep learning curve...I 'aint that bright!

    You will also find links to many
    free tutorials in the PremiereProPedia that will quickly show you how things are done in Premiere Pro.
    Cheers
    Eddie
    PremiereProPedia   (
    RSS feed)
    - Over 300 frequently answered questions
    - Over 250 free tutorials
    - Maintained by editors like
    you
    Forum FAQ

  • Interactive Image Panning Help Please!!!!!

    Hey guys,
    I'm trying to achieve an effect similar to this one:
    http://www.prada.com/pradabook/
    When you click on a thumbnail and the larger image opens, when you move the mouse all the way to the right or left, the image just moves a fraction of the distance...
    I simply can't figure this out...I only manage to have the image follow the mouse til the absolute edges....
    I am playing arround with 2 scrolling codes:
    // Create a point when the image is first clicked
    var mouseLocFirstTime:Point = new Point(mc2._xmouse, mc2._ymouse);
    mc2.onEnterFrame = function()
    mc2.onMouseMove = function()
    // Keep creating points according the mouse position on the image
    var destination:Point = new Point(mc2._xmouse, mc2._ymouse);
    // Find the difference between the two points
    finalDX = destination.x - mouseLocFirstTime.x;
    finalDY = destination.y - mouseLocFirstTime.y;
    // Tween to the difference and add the mc2 x and y since the image inside mc2 is aligned top left
    TweenMax.to(mc2,2,{_x:finalDX + mc2._x, _y:finalDY + mc2._y});
    By the way, mc2 is the large zoomed image, which is much much larger than the stage...its about 8000 px!!!
    The above code works fine, but i'm trying to reverse the direction, which is proving to be a pain!!! Can you guys please help?!?!?
    The other code I'm trying to implement is this one:
    var xRatioS = 0;
    var yRatioS = 0;
    var xTweenAmountS = 0;
    var yTweenAmountS = 0;
    mc2.onEnterFrame = function()
    xRatioS = ((Stage.width - mc2._width) / Stage.width);
    xTweenAmountS = _xmouse * xRatioS;
    yRatioS = ((Stage.height - mc2._height) / Stage.height);
    yTweenAmountS = _ymouse * yRatioS;
    TweenLite.to(mc2,2,{_x:xTweenAmountS, _y:yTweenAmountS});
    Now this one goes in the right direction as I need, but it goes all the way to the edges of my image...and I can't seem to figure out how to reduce the distance to about half or a quarter?!?!?!?
    Thank you guys...I know this a long post....but i'm hoping that someone out there can help me out with any one of the above!!!
    CHEERS

    depending on the way you lay it out you could have it become part of the rollover on each button. But you'd have to have enough space on screen to accommodate the text you want displayed. Note that the video playing as part of menu background can only be so long and adds to the media on the disk.

  • Where is the backup dialog on the import image pane in lr5.6

    There used to be the ability to backup your images in lr5.5 during import. I still have it in windows but its gone on my mac?

    It's right there in the File Handling panel of the Import dialog box; it says "Make a second copy to...", probably the exact same place it was in LR 5.5.

Maybe you are looking for