How to add your animated logo to images?

[CJones]

I’m trying to find out if we can add an animated logo to an image?

https://photologo.co/animated-signature-logos/

Through Photologo I purchased an animated logo and for the life of me I can’t figure out how to get Affinity Photo or Design to let me use it. I’ve tried placing it, like I would a regular logo or image, it places a blank box.

Any suggestions?

 

 

 

[Fixx]

While Affinity read and writes gif format it does not really understand its animated variety. Probably it just reads the first frame which may be empty. 

If you want to use a static version of your gif in Affinity you should probably open it with some app that support animation better and select the right frame and export it to Affinity. Apple's Preview can do it.

[Wosven]

Hi,

For this, you need to create and animated image. The most common format is GIF, that you can create with Gimp (a free and open source image editor).

Or using other programs or online sites.

With Gimp or other tools it's usually easy:

you need to create as many PNG as needed for your animation, or use an image as background and put your GIF signature on it.

Once you've created the needed PNG:

you open them in Gimp with "open as layers", and select all of them:

They'll be stacked from 01 to 11, for example:

Now, you export them, writing the "gif" extention instead of PNG and checking the option that'll create the type of file depending of the extension

Now, you can export as GIF animation.

 

It's nearly the same with a backgroung and an already existing GIF, like with your signature.

I open my backgroung in Gimp first.

Next step, I open in the same file the GIF with the option "open as layers", and it'll look like this:

You can notice the layers from the GIF have special information about timing in the layers' names (the ones pecified in the first export, you can test further thoses options to understand them).

Next, I export as GIF again:

This time, I put a value of 0 for the layers with unspecified time (this will only apply to the background, it's the only one in this case, putting it at 0).

The result:

 

[CJones]

@Wosven thank you, but creating gif isn’t my question. It’s overlaying a gif onto an image.

[Wosven]

If you want your image to be animated, you'll have to create a gif (most common type of file for this). If not, just add your GIF on top of another image and save it.

And, if you read my eplanation, you learnt how to retrieve layers from a GIF when opening it with Gimp.

[firstdefence]

Where is this image and animated GIF going to be put?

If on a web page you can place the image and overlay the animated GIF. 

Just a note: Animated anything is a novelty for a bit but can get quite tedious after a while, it can also be distracting so people are looking at the GIF not the image.

Nice horse image.

[GarryP]

As mentioned by Fixx very early in this thread, none of the Affinity applications can produce output that contains animation so adding animated content to a document would be fairly pointless and, as far as I know, can’t be done. You can add an animated GIF to a document but you will get the first frame only.
Also, adding an animated GIF could cause other problems; see my attached image where I have added Wosven’s GIF to a blank document in Photo and exported that document as a GIF. Notice the weird ‘glitches’ (you may have to zoom in).
If you need to add a frame from an animated GIF then you would probably be better off, as also mentioned above, extracting that frame using some other software first.

[CJones]

@firstdefence Thank you, he’s a jerk but pretty lol.

 

And thank you all, I got my answer.

[firstdefence]

My girlfriend says that about me hahahaha 🤣