Problem with animation line flicker/aliasing

Hi I was wondering if anyone had any suggestions on trying to get this smoother animation and a little crisper.

I know that the quality will be slightly less good in a gif format.

https://S3.amazonaws.com/uploads.hipchat.com/115279/3089179/b6GFClDGSBHAucu/lines.gif

Thank you

Let me give you a few basics. These are things that are not considered by almost everyone that starts working in the video, especially those who come from a print or web design background. Photographers are also victims of a flaw in their knowledge which is understandable because they have never had to deal with things like this before. Here are the facts.

First Point:
Video (and everything that comes from digital displays) are always arranged on a grid of pixels. No exception. You can never put a line width of single pixel on this grid of pixels and do appear as a single pixel line, unless it lines up perfectly. Nothing that is not precisely aligned to the pixel grid is interpreted. It is called Anti-aliasing. This means that if your 1-pixel thick line is to halfway between grid display will be the average of the values in this row and you end up with a broad line of two pixels on the screen with each line taking half the value of the color of the original line. In other words if you are not precisely aligned on the grid of your 1-pixel wide black line becomes a 2px wide gray line.

Second Point:
Video is composed of images that reading at a particular rate. Your screen also has a refresh rate. Display rate standard in countries that have 60 Hz electricity usually have a refresh rate standard 60 Hz or multiples of a whole number of this rate divider. In countries where electricity is 50 Hz (Europe), the refresh rate is usually 50 Hz. The video frame rate for video in NTSC countries (most of the world) are normalized to 29.97 FPS (there's a reason associated with the problem of broadcasting TV signals in color, but I won't go into that right now). The Standard in PAL countries video frame rate is 25 fps. When you choose a frame rate for your video project which is not the frequency of standard images for your area, you may rate for your video come into conflict with the cadence of your screen. This can cause perfectly smooth motion judder and there is nothing you can do about it, except change the refresh rate of your screen or lift it up with a new high refresh rate capable display or change the frame rate of your video.

Third Point:

The average human eye and brain have a property called retinal retention. These effects how we perceive motion. No matter what you do, most people perceive incorrectly flexible movement across their field of vision. Most of the time the brain tries to iron out things and your eyes automatically try and follow this movement. This effect is well understood by the great directors when they block shots and the great directors of photography when they put cameras if your eye is directed to the part of the frame where they want that to get you to understand the history.

Fourth Point:
There is a strobe effect that applies to all the movements. For example, if you watch an old movie on TV western, you will sometimes see the wheels of the car rotate backwards. Smart of an airplane propeller video phone can show you that strange Sword-shaped blades turn slowly or even backwards. It's the interaction between pace and movement. The only way to create videos that shows the movement correctly and in the right direction is to match the query of the cadence.

Fifth Point:
Work around the fine lines, turning it into a thicker lines is to disable interpolation. You can do in After Effects by selecting quality draft. With quality lit project, you will always have a thick black line of single pixel. This solves a problem, but worse the other. The problem of the stroboscopic effect. To make your single pixel with black line SOUPLESE you must match the query of the line to the frame rate. You move 1 pixel by image or 2 pixels per image or 3 pixels per image or 4. You cannot move to 1.4 or 2.8 pixels per image. It won't wok, it would never work.

Sixth Point:
Even if you perfectly fit the pixel grid movement, you can still run on the retinal retention problem and frame rates. Every Director of professional photography with a value of his day rate knows that there are critical speeds of Pan - speeds during which you can not move the camera in a scene and offer a scene that doesn't pan and look terrible. Jerking can be so bad that it gives people headaches and worse. The frequency of images the more cautious, be with the camera. When the video cameras of 24 frames per second were introduced a whole bunch of people came back with horrible images. Shots that run at 29.97 work at 24. Cadence, retention of the retina, strobe effect and your brain combined with no fixed focal point for your eyes to focus on and track combine to fault up to the shooting and of the query.

The solution:
When you want to animate a thin line, you're better off at 29.97 frames per second that anything slower. 30 is OK if you go never broadcast or DVD to watch on a TV. You can use an expression to control the movement, so that your line moves exactly an even number of pixels per image. If your design requires that go you faster you must hide the problem with motion blur. If you want to lighten in and clear it of movement then you must hide the problem of aliasing with motion blur. Smooth long moves must be exactly to an even number of pixels per image. You have more options of speed at a higher speed. Even at a higher speed, you will encounter the problem of the sixth Point.

The evidence:
Any problem of smoothing by giving you the discount gray lines load the rendering of your lines animated in AE and step as part of an animation at the same time. Baring any cache image and to make the issues I bet that your animation will run without difficulty from one image to the other. It is only when the video plays back at speed that your eyes and your brain will tell you that the movement is uneven.

Certain standards:
Go to a cinema and watch the end titles. It takes about 7 or 8 seconds (depending on the height of the frame) for securities to roll from the bottom of the screen upwards. The second seven rule is pretty standard. With 29.97 FPS 1 video per image pixel, 2 pixels per image and 4 pixels per image work well enough for most applications. When you find a speed frame rate works for your video, it's the frame size and it is write it down. Use it again and again.

This is an expression that works at the speed of the animation and allows blur to apply to your image. You can do the movement meet the markers if you want to start and stop. I have a bunch of preset animations that I use all the time for that style of animation.

Bottom-up:

t = time;

en = t/thisComp.frameDuration;

x = value [0];

s = 4; Speed in pixels per image must be an integer

y = value [1] - (fr * s);

[x, y]

Left to right:

t = time;

en = t/thisComp.frameDuration;

y = value [1];

s = 4; Speed in pixels per image must be an integer

x = value [1] - (fr * s);

[x, y]

If you wish to reverse the direction, you can add a sign less in the final table or apply the term of anchor instead of position. These expressions take the initial starting position of the layer as a starting point. Both are moving to 4 pixels per image. To start and stop the movement, the simplest method is to split the layer, add the expression, let the layer move, then divide the layer again and delete the expression. If you are handy with expressions, you can bind the movement to layer markers, and then just move the markers for start and stop, or even reverse the direction of a single layer.

If you don't want to mess with all those unbreakable rules then jack up motion blur and uses a higher cadence with thicker lines and hidden defects. There are no other solutions.

Tags: After Effects

Similar Questions

  • Problems with the line below 1 pt thickness

    In Illustrator CS6, when I draw a horizontal line with the pen tool or the line tool, the weight of the line can be set below 1 pt.  If I draw the line at an angle, I set the line thickness to be less than 1 pt.  If I change this line from diagonal to horizontal position, the weight of the line snaps back on 1 pt.  Does anyone have an idea why this is happening or how to fix it? Thank you!

    Look to match the pixel grid
    Illustrator: Problems with snap to grid of pixels

  • Problem with animation .oem EDGE

    Hello world

    First of all, I want to thanks to all of the community forum Adobe for many of the useful discussions and lots of useful information. It is my FIRST post in the Adobe Forum.

    Well, I am a member of creative cloud and I'm almost finished our first DIGITAL MAGAZINE (visit Montenegro). I think we're doing great work, and this digital magazine is published as a standalone application.

    We discover very nice and attractive opportunities for animation with Adobe EDGE Animate. Unfortunately, something is not right here. We install the new EDGE (v 1.5.0.217.23270) and we create an animation

    for the COVER page. We follow all the instructions and we publish file OEM.

    When we put this file OEM in inDesign, we had not seen the animation in the PREVIEW of the OFFICE, but also when we test folio on iPad - same problem appear - we have not only static IMAGE POSTERISEE animation.

    By the way, animation works well when we saw in the browser (and for more information - put us AUTO PLAY on the EDGE - SCENE and also in inDesign Web Content + 0.125 dry delay).

    Now we try with another solution - make us frame in inDesign and we put the HTML file of the same animation in this setting (Folio overlays/Web Content). Then, we discover that NICE WORK with this kind of implementation of animation.

    But still, we want to know WHY. Animation of the OEM did not work in inDesign (folio files/articles)? Do you have someone from Adobe can tell us is there any problem with EDGE .oem files and inDesign CS6? It's strange, because we have the most recent edge and inDesign versions, but still we have the problem with the .oem animation files (does not work!). This great opportunity to make the most attractive digital magazine with animations created in Adobe EDGE must be better tested and be reliable for users in my opinion.

    I have appricite any kinf of information from other users, as well as representatives from Adobe. Thank you.

    I gave you the link. Find the right download for your version of InDesign and platform.

    Bob

  • GREP to find the end of the name of the author of history (problems with several lines)

    Screen shot 2010-08-10 at 11.11.37 AM.png

    I don't get these documents and I can understand how to use GREP to search for each source name/quote author. I have problems with the above example. I think it's because of paragraph returns, possibly something to do with the comma. I've fiddled around for an hour, tent multi and expressions of the one line and still can not understand.

    It's what works for the most part:

    (? < = \r)\s*[–][-\u\l]+(?=\Z)

    Screen shot 2010-08-10 at 11.32.42 AM.png

    If you can count on having the line beginning with an en dash (possibly after an unused space), this should do it:

    ^\s*~=.+\Z

    The ^ indicates start of a line, while (?)<=\r) relies="" on="" a="" hard="" return:="" ^="" will="" also="" match="" start="" of="" story,="" and="" all="" sorts="" of="" hard="" page/column="">

    Do not "anticipate" \Z; Since it is also an indicator of the place, like ^ and $, there can never be "selected" in the traditional sense of the term. (Which is the reason why allowing you a \r postanalyse, because * will * be selected if not).

    Your example of Homer Simpson was rejected because of the hard return and the comma - or were in your list of approved characters.

    I think opt for the period more ('get all') should work, but it is not - by default - search returns. This is where the modifier of Single-Line can help you. A brief description of the single-line Mode is that it allows the period correspond to a return as well. the history is considered one long line, with possibly a few \r codes that are not treated as special programs.

    It will work for GREP search only:

    ( ? s)^\s*~=.+\Z

    but not for the GREP styles. A GREP style still works only for a single paragraph; You can have a \r code anywhere in the expression. Oddly enough, TI work if you draw a soft line break in this last line - the strange thing is, the style GREP also needs (? s), so, apparently, at this level the soft line break is also considered a line break.
    Furthermore, your example of Homer Simpson has an additional line below, and causing trouble because there is no \Z just after what you want to find. Allowing returns will add that last line in your search, which may not be what you want either. Replace the hard return by a soft will also solve part.
  • problem with adding line in tabular form after that put 4.1.1 to level

    We have recently installed the Update 4.1 .1. We now have a problem with some of our tabular forms created using the wizard. The delete and update feature works fine, but when trying to insert a new record, it will insert only the first record, but after that, it will no longer inserts. It acts as ApplyMRU (updated online Multi) is not at all shooting. No success or error message. I tried to create forms based on the rowid and also on the suites (with and without triggers), and they all behave the same way.

    This happens both in IE and Mozilla. Tabular forms were working fine before the upgrade.

    Everyone knows this?

    We just hit this issue and thanks to this thread and a light bulb above my head, resolved this question today. There is more to the story. Copy the necessary images in place works, but get the full version 4.1.1 images.

    We were already on 4.1.0.00.32, so I applied only Patch 13331096 upgrade to 4.1.1.00.23. Patch 13331096, at least one that I downloaded a few weeks ago IS NOT ALL OF THE NECESSARY IMAGES.

    Fortunately, I thought to download both. When I did a number of files in the directory images between the full version and the patch, the County came up short for the patch.

    If you have this problem, get your hands on the full release 4.1.1.00.23, NOT Patch 13331096and copy these files to image in place. Who sets the we.

  • Still have problems with animated menus?

    I created a menu driven in CS6 again for my DVD project. I coded my video for the menu move - as well as the video for the film - in Premiere Pro and both in still as active (.m2v files). The main movie plays very well once the disc is burned, but there is a very noticeable and annoying horizontal flicker in the Query menu. I checked the .m2v file that I created for the animated menu and there is no flicker, which would seem to indicate that the problem occurs somewhere in yet. I've already selected in still to NOT transcode the file menu motion. And I also tried to put in the original Premiere Pro sequence and that can still encode. But in the same result - horizontal flicker...!

    Can anyone help?

    Thank you very much

    Dave

    "You can't define an asset of motion for a menu not go", "the term used for callback mixing different visuals for the merits of the complaint. You tell it not to transcode to a timeline, but it is not in a timeline.

    The parameters used for the animated menu is the default conversion for the project settings.

    The only way to prevent an active movement to be re-transcoded is to put all the Visual menu, except highlights, in the bottom of the query.

    To test if it would help, made a test project, add a simple menu, edit in photoshop and eliminate all the buttons, but one and then remove the no-hightlights (no matter which layer in a group without the = 1, etc.). Remove all the layers except the background suited. (Still removes the background layer when it adds the assets of the movement). Then back again to add the asset of the motion. How does this look?

    What you read on? Player/TV or computer? Is the glitter of the thin elements in the film?

  • Download the problem with animations?

    A slide in an Adobe Presenter 9 ppt program does not show the animations correctly on the download. In other words, I have 10 animations on the slide, with everyone coming where I talk to you. The editing is correct; the preview work correctly. When I download it, however, this slide (and this blade only) has all the animations to come at once and in a weird order. Suggestions?

    Hello

    Is it possible to share the package of Presenter with me so that I can look into your problem? You can send the presentation to [email protected].

    Also where you download this presentation.

    Thank you

    Mahesh

  • problem with animated menu

    I have a project to create with 9 films on a motion menu that works very well.

    I want to change 3 movies and to others. the problem is that when I do movies aren't good.

    they don't move smothly like the others.they look in 20 seconds, the animated menu but when I opened them they do not.

    It happens when I import dynamic links to adobe or as assets not first.

    what I've done, it's just to post a link to the new film. I also tried to remove the ones I wanted to change.

    new bad movies look. the others are ok

    I'm having a little trouble following you, but I still suspect a difference in the old and new files or a difference in how be transcoded - first or.

    You have a CS5 trial and a registered version of CS4?

    Is the source for the new movies same as source for old movies? Sense DV AVI or what?

  • Problems with animated masks and external images

    I have an instance of movieClip on the stage and I load an external JPG in the movieClip.  The movieClip is hidden by a layer that starts the animation on a certain range.  As soon as I reach that govern my loaded external JPG disappears.  The movieClip are not reluctant to be hidden, but once the mask comes alive the external image disappears.  Mask animation is frame-by-frame comic forms.

    It is interesting to note that, if I create a class and load the JPG into the movieClip (or do it in a constructor) I do not know what problem - is when the jpg files are loaded into an instance of movieClip, who lives on the stage I encounter it. Unfortunately this is not an option in my project (since I have to get the path for the JPG file in an xml file, I'm loading).

    Could someone help me with this please?

    It is a bug in flash.

  • Problem with microphone line

    After the upgrade to Windows 8.1 my microphone online presents as "not connected" when my Touchsmart 300 PC. It worked fine with Windows 8.

    I guess that HP has not yet the right driver. Any ideas on how to solve this problem?

    Thank you

    Hi Stavrosv52,

    Upgrade of Windows 8 speakers aren't working not.
    1. a click right icon "speaker" (right)
    2. Select playback device
    3. click right speakers
    4 activate and as default
    5. click apply/OK

    Please let me know.

    Thank you.

  • Creating a TableView with a component, problem with my lines.

    I am trying to create a table in a pane. Each row in the table will have three columns. I found an example of code to create the table, but I'm getting additional lines that I don't want.

    I want only lines with 3 columns but I have extra lines, including the content of the last column see image.

    Is someone can you please tell me what is wrong with my code?

        private Pane createPane(String category) {
    
            VerticalFieldManager vfm = new VerticalFieldManager();
    
            vfm.add(new LabelField("Add Task:", Field.FOCUSABLE | LabelField.ELLIPSIS | LabelField.USE_ALL_WIDTH));
    
            // Initialize the model if it has not yet been loaded
            _tableModel = new SortedTableModel(StringComparator.getInstance(true), 2);
    
            // Populate the list
            for (int i = 0; i < 3; i++) {
    
                String col1 = i + " 1";
                String col2 = i + " 5";
                String col3 = i + " 3";
    
                _tableModel.addRow(new Object[]  {col1, col2, col3});
            }
    
            // Create and apply style
            RegionStyles style = new RegionStyles(BorderFactory.createSimpleBorder(new XYEdges(1, 1, 1, 1), Border.STYLE_SOLID), null, null,
                null, RegionStyles.ALIGN_LEFT, RegionStyles.ALIGN_TOP);
    
            // Create the view and controller
            TableView tableView = new TableView(_tableModel);
            TableController tableController = new TableController(_tableModel, tableView);
    
            // Set the controller focus policy to highlight rows
            tableController.setFocusPolicy(TableController.ROW_FOCUS);
    
            // Set the behaviour of the controller when a table item is clicked
            tableController.setCommand(new CommandHandler()
            {
                /**
                 * @see CommandHandler#execute(ReadOnlyCommandMetadata, Object)
                 */
                public void execute(ReadOnlyCommandMetadata metadata, Object context)
                {
                    Dialog.alert("Command Executed");
                }
    
            }, null, null);
    
            tableView.setController(tableController);
    
            // Create a DataTemplate that suppresses the third column
            DataTemplate dataTemplate = new DataTemplate(tableView, 1, 3)
            {
                /**
                 * @see DataTemplate#getDataFields(int)
                 */
                public Field[] getDataFields(int modelRowIndex)
                {
                    Object[] data = (Object[]) ((TableModel) getView().getModel()).getRow(modelRowIndex);
    
                    Field[] fields = new Field[3];
                    fields[0] = new LabelField(data[0], Field.FOCUSABLE);
                    fields[1] = new LabelField(data[1], Field.FOCUSABLE | DrawStyle.HCENTER);
                    fields[2] = new LabelField(data[2], Field.FOCUSABLE);
    
                    return fields;
                }
            };
    
            // Set up regions
            dataTemplate.createRegion(new XYRect(0, 0, 1, 1), style);
            dataTemplate.createRegion(new XYRect(1, 0, 1, 1), style);
            dataTemplate.createRegion(new XYRect(2, 0, 1, 1), style);
    
            // Specify the size of each column by percentage, and the height of a row
            dataTemplate.setColumnProperties(0, new TemplateColumnProperties(15, TemplateColumnProperties.PERCENTAGE_WIDTH));
            dataTemplate.setColumnProperties(1, new TemplateColumnProperties(15, TemplateColumnProperties.PERCENTAGE_WIDTH));
            dataTemplate.setColumnProperties(2, new TemplateColumnProperties(70, TemplateColumnProperties.PERCENTAGE_WIDTH));
            dataTemplate.setRowProperties(0, new TemplateRowProperties(ROW_HEIGHT));
    
            // Apply the template to the view
            tableView.setDataTemplate(dataTemplate);
            dataTemplate.useFixedHeight(true);
    
            vfm.add(tableView);
    
            // Pane's title
            LabelField iconTextLabelField = new LabelField(category, Field.FOCUSABLE | Field.FIELD_HCENTER);
            return (new Pane(iconTextLabelField, vfm));
        }
    

    Thanks in advance.

     _tableModel = new SortedTableModel(StringComparator.getInstance(true), 2); <-- "2" sorts it by the object at index 2, which is your "col3". The extra rows you see are like headers for the sorting. I think you should use a different Table Model.
    
            // Populate the list
            for (int i = 0; i < 3; i++) {
    
                String col1 = i + " 1";
                String col2 = i + " 5";
                String col3 = i + " 3";
    
                _tableModel.addRow(new Object[]  {col1, col2, col3});
            }
    
  • Problem with overlapping lines all showing the report.

    I have a sample of data as shown in the attached file.

    I created a report for the data (such as it is attached). When I saw the report that I see the formatting of the table is not correct. It is as shown below.

    Sampel Img.JPG

    The dotted lines are just a reference. they are not actually rendered. I think that the Extension of the line of the table to the right is due to overlap. How can I avoid it?

    Please use the attached RTF model and let me know if problems.

    Manually adjust the width/height of the cell or table, and then choose the option for each of the nested tables and parent table.

  • problem with animated mask of targeting to HTML5 canvas

    I have a movieclip inside with some animation and wants the image of mask with this movieclip but in html5 canvas target, this method does not work, target swf.

    I'm masking of timeline

    what I am doing wrong or this is the bug?

    I just tested out and seen this error in the output panel:

    Feature not supported: symbols several frames in masks.

    It looks at the canvas, you can only animate your mask on the main timeline, but not inside the symbol of the mask.

  • problem with deleting lines!

    Hello

    I use sql * plus I try to remove a line using delete statement

    SQL > delete customers
    2 where customer_id = 4;



    I get this msg

    ERROR on line 1:
    ORA-02292: integrity constraint (STORE. PURCHASES_FK_CUSTOMERS) violated - child
    record found

    ... Please help... Thank you for all.
    Error:
     ORA-02292: integrity constraint  violated - child record found
    Cause:
     You tried to DELETE a record from a parent table (as referenced by a foreign key), but a record in the child table exists.
    Action:
     The options to resolve this Oracle error are:
    1.This error commonly occurs when you have a parent-child relationship established between two tables through a foreign key. You then have tried to delete a value into the parent table, but the corresponding value exists in the child table.
    To correct this problem, you need to update or delete the value into the child table first and then you can delete the corresponding value into the parent table.
    

    Ref:
    http://www.techonthenet.com/Oracle/errors/ora02292.php

  • Problem with animation of MSO

    Hello world

    I apologize in advance for my English.

    I did a folio for iPad. The folio includes an animation in a few pages. The animation is fairly simple. There are several rectangles that appear constantly on the screen.

    Each rectangle is an ASM which has only 2 States. The first State has an empty rectangle (with no fill and stroke). The second State has a color.

    Each MSO has a period. Some of the OSM have the same time delay and appear at the same time. Others have different amounts of delay.

    When I test the folio in LCA, everything works fine. But not in the API test (it's app multifolio, v28).

    In the IPA animation starts normally, but then freezes for a few seconds (sometimes 3, sometimes even more) and proceeds to the final State.

    Have you ever seen such strange behavior of MSO-animation in the API so that everything works well in LCA?

    Why this bug is happening in IPA, not ACV?

    Isn't the code base of ACV and the same custom Viewer?

    This bug may be coused by the OSM, which have the same period?

    I'll be very grateful to you for any help.

    Georgy.

    Then combine everything in an MSO or, Alternatively, try a sequence of images.

Maybe you are looking for

  • Tecra S4: Screen Resolution only shows max 1024 x 768

    Hello my laptop is a Tecra S4, Windows XP sp2 and a Nvidia Quadro NVS110M like a graphics card. While the technical specification shows the max 1400 x 1050 with internal toshiba LCD screen resolution, windows xp displays that 1024 x 768 as max screen

  • stuck in the print queue

    I had inadvertently many photos highlighted when I tried to do other work on my HP 5610 All in office jet printing - we.  When I noticed my mistake I pushed 'Cancel' to stop the 108 pictures of printing on the printer.  When I tried to resume the sch

  • questions on a few pages of scrolling

    Hi, I have a web application works in many pages, tehre are scrolling issues such as bounce, authorized users to drag beyond screen type of questions, how to resolve these.

  • Remote Desktop disappeared after the installation of SP1?

    my remote desktop option disappeared from "Remote Settings" after the installation of sp1 on windows 7What can be the problem and how can I solve this problem?There is no problems during installation of the service pack

  • Lost many channels after running a new "channel scan".

    My Windows Media is a digital cable without a box set.  I could watch about 20 different channels.  Yesterday, I ran the scan just to see if any new channels were available.  I can now look at a total of six!  Anyway is to return to the prior game to