Using Zwoptex - Getting a Plist - animation

I want to create a plist from a SpriteSheet using Zwoptex, I've got the spriteSheet(1 Png file with all the sprites I need) and I would like the Plist to be showed as If there were many frames. (I dragged a sprite sheet with 3x4 sprites in it) but I don't have the individual sprites to drag them, do you by any chance know any program that will cut the spritesheet for me to drag them into Zwoptex or is there a way that Zwoptex can Identify each sprite in the sheet? And get the frames like this
Frames
HumanUp1
...etc
HumanUp2
...etc
HumanUp3..etc etc
...etc
MetaData
instead of
Frames
HumanWalkSpriteSheet
* ...etc
MetaData
etc...
Thanks for your time!!

AlfredSpriteUnlocker can help you extract images from your spritesheet.

Here is tool: SpriteSheet-Unpacker
This works for png sheet. For pvr, just open source and change .png to .pvr
https://github.com/gongpengjun/SpriteSheet-Unpacker

You need to extract the sprites from png then import those sprites to Zwoptex.
I can recommend this software for your problem, but first I would suggest to check video of this software and then go for it.
Softwares: https://store.bluegamerzstudio.com/downloads/spooky-spritesheet-extractor-and-merger/

Related

why bodymovin result animation looks more stretched than the source frames

im making an animation of some product that listens to you and reacts accordingly,
however, i want to upload my animation to my webflow project
my animation resolution is 1080x720, however i export the keyframes as PNG images (like webflow tutorial recomends) and then i import those images inside a new After Effects project and then i export the animation (I would like to say that I follow each step of the tutorial exactly as it is) but the problem comes when i test my result json inside LottieFiles previewer, the animation looks stretched (i cant explain it so ill upload 2 images to show the problem)
the original frame is a png image used in the bodymovin sequence
the json output frame is a base64 image (the first frame of animation) stored in the bodymovin animation result data.json
the two images above are the same resolution but looks diferents, i want to know why and how to fix it
thanks in advance
link to the original webflow tutorial that i follow
sorry this was just a problem of configuration, i figured out how to fix this, i just have to set bodymovin settings > assets > "Copy original a Assets" turn on, in fact, bodymovin use a low-level AI that remove the white / transparent padding and expand the content, enabling original Copy forces bodymovin to avoid using that AI

Can I convert from swf (or fla or svg or snap or sprite.js) to bodymovin

I have a bunch of animated vector graphic files that I would like to convert to bodymovin (I assume I would need to convert them into after effects first and use the bodymovin extension).
I animated files in swf, fla, svg (using the animate element inside the svg), snap and sprite.js html5 formats. I need to preserve the animations (recreating them is not an option)
Is this possible? Any ideas?
I have imported one of my animated swfs directly into after effects and exported to an mp4 but it won't export to bodymovin (I think swf and the vector graphics are very different)
I had the same problem. You should get Bodymovin plugin for Adobe Animate CC. Have a look here: https://github.com/airbnb/lottie-web/issues/1604

I have generated a pdf file using matplotlib and I want to add a logo to this pdf file. How can I do it

I am using matplotlib to draw a graph using some data and I have saved it in Pdf format.Now I want to add a logo to this file.How can I do this.
Thanks in advance
If you can do it the other way round, it is easier:
plot the image
load the logo from file with, e.g. Image module (PIL)
add the logo with plt.imshow, use the extent keyword to place it correctly
save the image into PDF
(You may even want to plot the logo first, so that it stays in the background.)
Unfortunately, this does not work with vector graphics, but as logos usually are not that large, you may use a .png or even a .jpg.
If you already have the PDF's then this is not a matplotlib or python question. You need some PDF editing tools or libraries to add the logo. Possible, but an entirely different thing.

Merging a gif image with a png image

I'd like to merge this ordinary png file:
with this gif animation:
(source: mytree.co.il)
I don't want to use css' position and Z-index, it messes up my images which are located in table cells.
If you are looking to make gif image, try GIMP. Here are steps to make gif image with GIMP.
http://www.wikihow.com/Create-an-Animated-GIF-Image-with-GIMP
Good Luck.
Extract the gif frames with a software like http://www.addictivetips.com/windows-tips/how-to-extract-frames-from-gif-animation-image/
Use photoshop, GIMP or any similar image editor to merge the background to the images. Tools like magic wands with a precise threshold might help in the matter
Put it all together into a new gif file
Good luck

Tools used to combine individual animation frames into a strip of images

I downloaded a explosion generator that makes an animated explosion but saves each frame as a seperate png image. I cant for the life of me find a tool that will take all the images and make an animated strip image, with the frames next to each other. I tried gimp but no luck! The Photoshop image combiner is too cumbersome. Any recommended utilites to do this?
Gimp can do this, and it is actually a piece of cake.
Open all the frames as individual images. Then on the first image select Filters|Combine|Film Strip. Add the remaining frames to the list on the right side (in the correct order).
Now click on the Advanced tab and set Image Height all the way to the right (1.000) and Image spacing all the way to the left (0.000).
Hit OK and you should have your filmstrip!
The GIMP film strip works fine but does force a background color on you, if you have images with transparent (alpha) background this might be problematic for you.

Resources