Gif created on Photoshop is blurry and stuttering

  • I've created a sequence of pngs (attached), then imported them to Photoshop 2017 as image sequence (30 fps), exported it using "save for web" with the attached settings, and imported the gif to videoscribe.

    The result video is attached here.

     

    Please help me fix this issue so that I can create a clean gif file out of this sequence!


    wmv
    (772 KB)
    settings.png
    (101 KB)
    zip
    (4.65 MB)
  • 1) 30 FPS is overkill especially since videoscribe only outputs 25 fps. 12 or 15 fps would probably be sufficient. 25 at the most
    2) you shouldn't use a gif with a transparent bkg in videoscribe. white background or background color that matches your scribe background.
    3) don't know what setting you used in videoscribe. Settings might be part of the problem.

    -Mike (videoscribe user)

     

  • 2) I must have transparent background. Why isn't it ok? All gifs in videoscribe library are with transparent bkg.

    3) Which settings do you recommend to use on videoscribe?


  • 2) I must have transparent background.
    I don't think that is going to work with the gif you are using

    Why isn't it ok?
    If you watch your WMV you will see that every frame leaves artifacts around the arms because your gif has a transparent background.

    All gifs in videoscribe library are with transparent bkg
    No. Most of them or possibly all of them have white backgrounds and are set to "multiply" blend mode in videoscribe.

    3) Which settings do you recommend to use on videoscribe?
    Depends on a variety of factors. You can save your scribe as a .scribe file and attach it here if you need specific advice on settings. 

    Multicolor gifs like yours will work best if your whole project has a white background, OR if your gif and your project have the same background color. Textured backgrounds will present additional problems. 

    -Mike (videoscribe user)

     

  • Thank you, #1 and #2 did solve the issue.

    I guess I'll have to play around with the background so it will fit. I do have a problem if I can't place the gif on top of other objects though.

    Any way around that?

  • If you change the blend mode to "multiply" (on the options menu for your gif, you can place it near/overlapping other images. However it will change your gif colors unless your project background is white.

    -Mike (videoscribe user)

     

  • I created a gif  with a white background matching to my scribe but when I import gif into video scribe its shows some kind of grid lines all over gif, I tried to adjust the transparency but it just reduces the colour of the object but not the lines, kindly tell me how to fix this, I have attached the screenshot and the gif too.

  •  Hi Amber,

    It seems that when you saved your GIF, you used "pattern dither" as the dithering method which caused the pattern in the GIF. Also the save options you selected did not force the background color to save as absolute white, so there is a pattern in the "white" background too.

    Here is a screenshot of how the gif looks when opened in photoshop:

    image



    If you created this gif using a photoshop file (or any similar layered source file) or if you modified an existing GIF file that looked better than this one, you will probably need to go back to the original file and choose different save options to solve this problem. When experimenting with GIf save options, be sure to select the "preview" tab so you can see how each save option affects the appearance of the gif you will be saving.


    Hope that helps,

    Mike

Login to post a comment