Jump to content

All my products and services are free. All my costs are met by donations I receive from my users. If you enjoy using any of my products, please donate to support me. My bare hosting costs are currently not met so please consider donating by either clicking this text or the Patreon link on the right.

Patreon

4 Screenshots

About This File

Converts image files to simple Gif or animated png (apng) animations. 

I built this to be able to quickly add set subtle animation styles to PinballX wheel and logo images, but it should work for any image you want to throw at it if you just want to animate a button or something (don't try it with 4k images though!).

The app has two variations of animations, a sweeping left to right overlay/merge (stripe, cloud, stars or check patterns) and a colour flash/incremental change.

Install

No installer as such, just download the file and extract the contents to a folder somewhere and then run ImageToGif.exe

Using the Application

Main.png.507ae5ffe864ef795ba897d8eb308f8b.png

 

Source Image - Shows the image file you currently have selected. By default on load this is a PinballX logo.

Select Colour Range - Here you can select what colour range from the source image any animation is applied to. The Exclude option inverts the selection to use anything outside the set range.

Image Highlight / Preview Area - This image will show the areas of an image where animation effects will be applied to, or after animating an image to show a preview of the Gif created.

Highlight Overlay Options - This is where you select the effect you want, its colour and at what level. Overlay and Merge Highlights are similar as they both produce a sweeping animation left to right, the Flash animation is simply to flash a different colour for a single frame with morph incrementing steps to and from that colour.

Gif Output Options - Change the timing of your animation as you want.

Buttons - Self explanatory 

Settings are saved / restored on app close / startup.

Examples

Overlay - Changing to these settings will produce;

overlaystripe.png.be5d626d2b6eaa9183debd1fd89bd9ea.png

 

overlay.thumb.gif.69cb8d30b3a9fbdb50c8424ea2f6b953.gif

Merge - Changing highlight type to Merge;

mergestripe.png.2bcc79fd87e47f955a8909d399c7edc3.png

 

merge.thumb.gif.988763bbc140dd2a8535975992ac530a.gif

Colour Flash - Selecting a RGB range will limit the area of the image used for the animation, here we set the RGB range to match the turquoise are of the image, and set the highlight colour to Cyan as a colour to replace it in a single frame flash. Note the preview area reflects the selected RGB range.

flashyellow.png.e81845c904891c36292817c0a87c93b8.png

 

PBXflash.thumb.gif.d79a27e68e39c6487b2b16dc21a6f0df.gif

Colour Morph - To change the dark blue area of the image to more of a navy blue in steps, set the RGB values to reflect that area and select morph to incrementally change colour (rather than flash which is just one frame);

morphblue.png.781d1a13357ffaf374cb324801c29cc3.png

 

 

morph.thumb.gif.aa712792615b61b82a03ee59f02c621c.gif

Alternate Overlays

Four types of overlays (used in the Overlay and Merge Highlight options are included with the app, Stripe (as above), Cloud, Check pattern and Stars (or snow, or just noise, call it what you want)

E.g. Check Pattern selected;

overlaycheck.png.f66854e633eb78b86c3ce9fa44d35b30.png

PBXoverlaycheck.thumb.gif.eb157f85a09a49562217e31454d566fe.gif

 

Advanced Use

Overlays - The overlays used by the app can be found in the resources folder. These can be amended to alternatives if required.

Photoshop PSD Files - The app can open .psd files and apply an effect to a single layer before building the output. This makes selection of areas to animate in the flattened image easier and can be combined with RGB values as well. See support thread for a bit more info / example. This option can be used by media creators, or if you have access to source psd files. Note some images may have issues with transparency if the psd file was created with Paint.net rather than gimp or photoshop.

Transparent Colour option - For Flash and Morph options the app has the option to change transparency of the input image (or areas of it) in an animation for apng output. Select the Trans option instead of colour highlight. This can fade an area of an image (or a psd layer) partially or fully (depending on highlight level selected)

 

General Usage Tips

  • Apng format handles partial transparency, gifs don't. Use apng as output format for any image where partial transparency is used on edges.
  • For PinballX wheel images using apng format output use the .apng extension option. For other uses .png should be ok.
  • Building and previewing Gifs is quicker than building Apngs. Tweak and adjust settings where possible using Gif as the output format and then switch to Apng format for the final version where apng use is wanted.
  • Lowering frame numbers will result in smaller output file sizes and quicker processing, but animations may not be as smooth. 
  • PSD files will be slowest to process input format. Use low frame count and gif as output while checking settings, selecting All Layers will be quicker than individual layers.
  • Output file sizes can be reduced greatly via online compression/optimisation tools, e.g. https://tinypng.com/ for png/apng . Note that some tools are 'lossy' so check the results.

 

Command Line / Batch

The app does have a bulk option where it will process all images in a folder and output gifs to the same folder using the same file name.  Options are limited as i don't expect it to be used much (as settings normally need changing for each image).

Two parameters (All other processing options for the gifs are as set in the app config [as saved when last closed]);
-I="path"    - the folder of input images to process (no trailing \)
-O=1         - overwrite existing gifs when set (0 to not overwrite, but that is default behaviour so not needed)

Example cmd line - imagetogif -I="C:\Pinballx\Media\System Logos" -O=1

PSD files are excluded from command line processing

 

Issues

Please report any issues here, attaching the log.txt and config.ini files from the apps folder;

 

Other Notes

The application uses PixelMap, Magick.Net and apngasm, dependencies are included with the app. 

.Net 4.5 is needed for app to run.

and thanks to @Mike_da_Spike for doing a few tests for me.

 

 


What's New in Version 2.3   See changelog

Released

  • Now includes four types of overlay highlight for use in the app (Stripe, Cloud, Check and Star)
  • Photoshop psd files can used and individual layers used in animations
  • Like 5

User Feedback

Recommended Comments

There are no comments to display.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Add a comment...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...