should I do animations with bitmaps or vectors?

This is something that has been troubling for some time and I can't seem to get an answer from the people around me, so I decided to make a post on the forums.

Now I intend to animations in After Effects and download them to youtube, but I don't know if I should draw in photoshop using bitmap images or if I have to go in illustrator and use vectors.

As long as you don't plan on the use on a large scale, it's a moot point. People always obsess on the use of vectors when they don't really need them and of course limits of AE repeatedly make often benefits vectors can pixelation effects, the application anyway. In the end, it's one of those things 'it depends', and you must decide on an 'if necessary' basis, rather than on a general level.

Mylenium

Tags: After Effects

Similar Questions

  • Help with movement of sprite forced on the edge of an irregular shape of bitmap or vector.

    Hello

    I need to be able to restrict the movement of a "wheel" along the edge of an irregular bitmap or vector shape. In addition, as the "wheel" moves along the way, it should return the length of the path travelled in pixels.

    What it is for is to demonstrate the extent of what is called the "range of vision." The process involves moving two rods share sighting until the lower part of one is no longer visible on the other, then running a wheel odometer along the road alignment irregular to measure the distance of moving real between the two rods.

    I was able to complete the first part of the present, with two rods connected by a "visibility" moved out on an irregular shape vector until the distance of visibility becomes invisible. And it returns the distance the two stems are separated by, feet, using 1 pixel = 1 foot. A segment of this film is reproduced below. The wheel should run on the gray slopes after the Red sight line disappears as it is moved over the Hill.

    Of course, the wheel on the edge of the irregular shape and the actual distance of the way back in pixels are the hardest part of this. I remember James Newton and others had developed several methods to constrain the movement of a sprite on the edge of another form. But I could not find these behaviors. In addition, I know calculate the distance travelled by the wheel is going to be a bit complicated, as I suspect, it will need to calculate the hypotenuse of several rise and run triangles, with new triangles added when changing the direction of the irregular surface.

    Can anyone offer help at least getting the traffic restricted to a sprite("wheel") along the edge of the shape bitmap or vector?

    Thanks in advance.

    Rod Wolford

    Hi Rod,

    Maybe you are looking for this:

    http://nonlinear.OpenSpark.com/tips/dragging/irregular/

    In addition, I know calculate the distance travelled by the wheel is going to be a bit complicated, as I suspect, it will need to calculate the hypotenuse of several rise and run triangles, with new triangles added when changing the direction of the irregular surface.

    How irregular is your form is going to be? If it's just a series of triangles, then it should be simple. If you know in advance what triangles are going to be, then it is even simpler.

    Maybe you can find some inspiration here:

    go film ("http://nonlinear.openspark.com/tips/other/irregularLength.dir")

    Can you give examples of the way in which the irregular surface must be created?

    See you soon,.

    James

  • should I replace Pages with Word

    I'm used to Windows Word and find which Pages are frustrating, especially when you try to create an envelope from a letter I just wrote. Should I replace Pages with nWord if possible.

    Yes. It is possible to install Microsoft Office for Mac on Mac if you're willing to pay Microsoft for it.

    Personally, I use rather LibreOffice. It meets my needs and costs nothing.

  • I've just updated my LR, but still can not read the new RAW files of my brand new Sony a6300. said 'impossible to read these files' is Adobe should update it program with new firmware to manage these new folders? Or something escapes me?

    I've just updated my LR, but still can not read the new RAW files of my brand new Sony a6300. said 'impossible to read these files' is Adobe should update it program with new firmware to manage these new folders? Or something escapes me?

    You updated Lightroom to version 6.5? This is the version you need. What is the exact wording of the message you receive?

  • We use Flash Pro CC creating animations with legends and export to html 5.  We must translate the captions in other languages. How can we download translation of texts in our flash animations so we can use them in html5 using CreateJS?

    We use Flash Pro CC creating animations with legends and export to html 5.  We must translate the captions in other languages. How can we download translation of texts in our flash animations so we can use them in html5 using CreateJS?  I use the Flash on a Mac OSX 10.10.3

    Are you familiar with JavaScript?

    It does not completely answer your question, but the text displayed on the screen from any language (ActionScript/CreateJS / [insert the programming language]) generally all following the same path. Each language has a file stored in some form of key = value style, named through the language and the country of your choice, for example en_US.json

    Any language would allow the user to choose regional settings. The application would then grab the appropriate file and everywhere where the text is needed, the script must be using a (usually global or singleton) variable/service that can get the text of the requested key.

    for example if I wanted a user to have a confirmation of dialogue who said 'are you sure?"with buttons for 'Yes' and 'No', I would have (for me), an Englishman, USA base file en_US.json with these values, for example:

    en_US. JSON example:

    {

    'CONFIRM_YES_NO': ' are you sure?

    'YES': '' Yes. ''

    'NO': 'no '.

    }

    Then you use simply JS/AJAX to read this file. You analyze, or simply JSON decode in an object, or manually, depending on what suits your needs. When you want to display any text, you use the object (variable, maintenance, etc.) you have stored these values.

    for example calling to display function confirm dialogue:

    Nickname... but if you understand...

    and this comes from jQuery UI (see here)

    function confirmDialog() {}

    $(«#dialog-confirmer»).dialog({)

    Title: LocalizationObject ['CONFIRM_YES_NO'],

    buttons:]

    {

    text: LocalizationObject ["YES"],

    Click: function() {/ / do something for 'yes '.

    }

    {

    text: LocalizationObject ["NO"],

    Click: function() {/ / do something to the 'no '.

    }

    ]

    });

    }

    Please consider loosely. 'LocalizationObject' is a variable object or service that returns the appropriate text for the key that you provide. In this case, he provided the key 'CONFIRM_YES_NO', 'YES' and 'NO', which must be on the right answer for this key, localized.

    Again, this is not a manual on how to do it via Flash Pro but it's the general conceptual way you could do it in any language. There are a variety of other ways to do it, but it's a very simple way, as long as you keep your key names at least wake up verbose. A key name such as LocalizationObject ["ABC123"] is not really tell you what the key can be referred. Also nest them contributes greatly, as LocalizationObject ["UI'] ['DIALOGUES'] ['CONFIRM'] ['YES_NO'] = ' are you sure? It just shows I nested the title of the dialog within the user interface, because it is the text that appears in the user interface rather than content. Then inside dialog boxes that may contain a variety of different dialog boxes. Then inside her CONFIRM type of dialogue. Finally, the type is a dialogue YES_NO type (as opposed to OK_CANCEL or JUST_OK, etc.). Whole set makes it easy to understand what the text of reading: UI YES_NO confirm DIALOG boxes.

    I hope that from here you can see that you need to review everywhere you display text on the screen and centralize it in a sort of object (function or variable) of your choice. You must store the external language files to prevent unnecessarily load the other languages as well as an easy to modify Setup.

    The rest is just using basic JavaScript.

    Just be ready for the most difficult challenge. At least for me. The size of the text in several languages is very different, and in some cases requires the loading of special fonts. This can make layout in a very difficult dynamic environment. Always thinking all text how big or small can be in any particular and plan field on this size more and shrink so that to handle this situation correctly.

  • Do animation with scroll without big stage?

    Hello

    I've seen lots of videos showing how to make an animation with scroll, but so far, they all involve the use of a large stage in the composition. I'm looking for ways to export the animation in a Wordpress page, so I would like to avoid having a huge dip inside the page that is already built.

    Hi, I see the content @ Dropbox - scroll - Modf.rar

    I modified the 'getScrollPerc()' function according to your need.

    I also changed the .html page, by which I introduced a new div with id ("wordpressContent") which will contain the content of wordpress.

    And renamed the edge of 'Stage' to 'edgeFooter' div just for clarity.

    hope that helps,

    Vivekuma

  • Animation of bitmap by alpha blending

    I am creating an animation fade melted to a bitmap resource loaded using fusion alpha of 0.0 to 1.0.  Someone at - it an example of code that does this?

    Thank you

    First of all, you have a constructor that does not have a correspondent in your superclass. The signature of it must be:

    public AnimBitmapField (Bitmap myBitmap, long flags).

    Second, I wouldn't start the TimerTask immediately, within the constructor of the form. Start from this method of onVisibilityChange (true) onDisplay (). Have a single clock of global coordination by application, retrieve through a static method and plan AnimTimerTask (this) new to this topic.

    Also, consider to extend the field rather than BitmapField. You need to add the positioning method (int width, int height):

    protected void layout(int width, int height) {
      setExtent(Math.min(width, animBitmap.getWidth()), Math.min(height, animBitmap.getHeight());
    }
    

    Your paint should look like this (in fact, you don't have to optimize as long as it's posing for the clipping rectangle - just always use g.drawBitmap (0, 0, getWidth(), getHeight(), aniBitmap, 0, 0)):

    protected void paint(Graphics g) {
      g.setGlobalAlpha(alpha);
      XYRect dest = g.getClippingRect();
      g.drawBitmap(dest, aniBitmap, dest.x, dest.y);
      // Logging, System.out.println(), etc.
    }
    

    You can create a setBitmap method (depending on your application needs):

    public void setBitmap(Bitmap newBitmap) {
      int oldWidth = animBitmap.getWidth();
      int oldHeight = animBitmap.getHeight();
      animBitmap = newBitmap;
      if ((oldWidth == animBitmap.getWidth()) && (oldHeight == animBitmap.getHeight())) {
        // Same dimensions? Simply repaint
        invalidate();
      } else {
        // Different size? Re-layout - costly but necessary
        updateLayout();
      }
    }
    

    Your Builder will include super (flags) as the first line (remember - flags is long, and not int). The rest will be the same.

    These are just a few ideas - customize as you see fit.

    Edit: onDisplay() is a better place to start the timer task. Added a note about the simplification of paint. Also, remember to cancel the task / recreate and restart with the last used value alpha in onObscured() / onExposed().

  • Optimize the Flash banner with bitmap images

    Hello

    I have to produce an announcement of Flash banner for my business. The specs are Flash 8 to 30 KB maximum.

    My company wants more high resolution possible and fluid animations, but no matter what I have, or I have to lower the resolution of my images or do the more static ad, that which no not my company is happy!

    I save images to the right size, so I do not adapt them in Flash

    I open each bitmaps and change their quality individually

    I clicked on the movie button compress

    I have optimized all forms that are in the film

    I made sure all the used more than once or animated objects are movieclips

    I used the optimizer based on CSSTidy SWF, but it made no difference.

    Is there something else that I missed?

    Thank you very much for any answer

    Sandra

    He are really no tricks to this, everything that needs to be done, and you have seem to have tried it before you posted.  Either you dynamically load things or you reduce the weight of that contains the file.  The swf file will carry the weight of any files used in that you imported to the library, including images, sounds and video, if you need the use of such things and maximize what you don't use before you import it.  Graphics created with Flash are very economical, as well as actionscript code, so they should be used as a preference.

  • Problem with bitmap images within the AI CC

    I seem to have this problem to use the images seen in Photoshop look clean and high resolution, but when placed inside an AI CC file, or when HAVE is exported for the customer, looks jagged and pixilated.

    First of all, here is the read logo to the PSD.  As you'll see it's quite clean and high resolution:

    VIEW PSD.jpg

    So here is this exact logo even after that I placed it in a file Illustrator CC.  Note the surrounding vector images are clean - as it should-, but the logo does not look clean at all:

    psd and ai.jpg

    When I export the JPG or PNG file, everything looks good, as it should, except the logo.  I'm really strung on what do about it.  I know I could re - create the logo that you see in the above photos, but that would be a lot of work and there must be a way to get a bitmap image to work inside AI CC image.  All the tips are greatly appreciated.  Thank you.

    I don't see any reason why this shouldn't work, but it does indeed seem horrible.

    Have you tried to disable the GPU preview?

    You can do this in preferences > performance GPU and untick the box Performance GPU.

    You can also temporarily switch using Cmd/Ctrl E.

    I have searched the logo, found a SVG version (so you can use a vectorized version), opened in artificial intelligence.

    Also, I opened the version HAVE in Photoshop and saved as a psd.

    It displays perfectly crisp and clear in Illustrator.

  • How to combine character animator with movement sequences after effects puppet?

    Hey community! I hope that everyone is having a good day/night

    So I used successfully the facial recognition to my really cool talking characters with character animator, and I intend to do the rest of the artwork of the puppet/movement/scene in After Effects, but...

    After I imported the scene in After Effects, I noticed that I have no control over the assets any longer, and the composition is just the stage with none of the layers... If After Effects will play the scene and I would exprt but that's all.

    How can I combine puppets of the face of the host character with puppets and gestural stage with After Effects? My guess is that my workflow control is false. Any help would be greatly appreciated

    I did it by creating an image file separated with everything except the head and then using this second file to animate in Ae.

    It's easy enough to create the second body file (I use Photoshop) by dragging the layers appropriate to the library. It should also be possible to use the library in Ae.

    This works well for me and so far seems more flexible.

  • GIF animated with hover?

    Here's an animated GIF where you can stop and start when you switch on it.  I know how to make them to the PSD, but do not know how to do with hover (scroll down to see on the next page):

    http://www.sbnation.com/2014/1/16/5304078/breaking-Madden-49ers-vs-Seahawks-beeftank

    If this is something I can do in Muse?  Requires coding or is it a PSD function?  I use CS4 PSD.

    Thank you.

    Hello

    This configuration is possible in Muse. Please follow the steps below:

    (1) first save a copy of your GIF image Jpeg image (with just first image of your IWD)

    (2) then place a blank publication Widget and keep only a single trigger and target inside (delete the rest).

    (3) now place your GIF in the target and trigger, use the option of filling up and fill the tank of a Tirgger with JPEG image.

    (4) select Trigger again and the option of States using, you must remove the fill of rollover, Mousedown, and active state image.

    (5) place the trigger on the top Widget flyout opion and target container, use parameters as shown in the image below:

    A long process, but should help you achieve this effect.

    Kind regards

    Sachin

  • buttons animated with 5 actions

    Hello world!

    I am needing help on actions of rollover. Below is a link to the file

    My buttons, I have 3 actions:

    1 passage of the mouse: the yellow selection rectangle that comes alive (below is the code for the action)

    SYM. Play ("onHover");

    2 mouseout/mouseouthandler(): the yellow selection rectangle moves in the opposite direction

    sym.playReverse ("out");

    3. click on: rectangles move to a position in the volute (Note: scrollTop changes with each rectangle)

    SYM.$("rectangle"). Animate({scrollTop:400},1500);

    what I need are the 2 following things:

    A-I would like to now the yellow selection rectangle that comes alive to stay in position when the mouse is clicked & anime out on mouseout/mouseouthandler(). It should animate on when you click the next button.

    I used "mousedown: but it does not work-must click conflict."

    SYM. Play("on");

    B - in addition, I would like the yellow highlight to be 'on' when the page opens

    Please fix my clumsy code on the numbers 1-3. It is buggy and I don't know there is a much better way to do it!

    Here is the link to my file: https://www.yousendit.com/download/UVJpQ3QrUzc5NVZ2TzhUQw

    Thank you all so much for your help!

    -sharon

    Hello Sharon, here is your file with overview of fixed mouse interactions.

    Example:

    http://www.timjaramillo.com/code/edge/button_active_states/jQueryRebuiltv0_v4.html

    Source:

    www.timjaramillo.com/code/Edge/_source/button_active_states.zip

    It is essentially to set a variable to the active button, to Stage.compositionReady. On each button mouseover/mouseout/mouseouthandler(), I check this variable with an "if" statement, and if the current button being hit is active, then don't start the anims more input/output.

  • OpenGL animation with a parameters field

    Hi guys!

    I have an animation in the top of the screen and a field of parameters at the bottom. How can I create such field settings?   Thank you very much.

    I don't think so. First off OpenGL is supported only on CDMA phones (9550, 8530 [I think] and the new Flip), which allows to reduce what you can do on phones. Secondly, the main reason why it would not be possible, is 5.0 is the first OS to support OpenGL and I think they can only be full screen. In order to have a single field that is it may not work.

    As you have noticed, I said "I think that ' because I've never tried. If you try and it works then go for it... and let us know. Just follow the tutorials that RIM has to OpenGL, replace screen/screen/etc. with field and test on a device support. If it works then great, if not try 6.0 (they have a field of OpenGL) and test it on a Flip. If it works then, once again, very well. If it is not supported at all.

  • Help! Saved as SVG in Illustrator not appearing with transparency/multiply vector not had reason to Muse

    I created a vector Illustrator logo with transparency using multiply. I then saved as an SVG.  But when I put in MUSE transparency / Multiply does not appear and it looks like the image before the ids of the applied effect.

    How do I save it so it will work in Muse?

    Stacy

    Hello

    Please try this in Illustrator.

    1. Select all the objects on the artboard

    2. go to object > flatten transparency

    3. Select the following options in the window to flatten transparency.

    4. click Ok and save the file as SVG and then try to use it in Muse.

    Kind regards

    Vivek

  • Animate using CC animation with scroll effect in Muse

    Hey guys!

    I try things in cc animate and muse, but did not work at all.

    My goal is to scroll down to an animation, play WITH of SPIRALS, then scroll. Is this possible? (so I didn't pin it upstairs or downstairs... I tried inside/middle of the content.)

    I saw several tutorial official adobe on this topic, but each of them is with lively edge that's been completely different.

    If I publish a cc animate oam file and place it in the muse. AutoPlay starts... little matter if AutoPlay checked or not in the scroller Panel...

    and if I export to animate cc with a stop(); ActionScript, he has not played at all.

    Anyone, any ideas?

    Thank you!

    Ben

    As I understand it, roll in Animate effects are not supported in Muse again. The Animate team seeks to introduce the feature in a future update.

Maybe you are looking for