README.md

<!-- Improved compatibility of back to top link: See: https://github.com/othneildrew/Best-README-Template/pull/73 -->
<a name="readme-top"></a>
<!--
*** Thanks for checking out the Best-README-Template. If you have a suggestion
*** that would make this better, please fork the repo and create a pull request
*** or simply open an issue with the tag "enhancement".
*** Don't forget to give the project a star!
*** Thanks again! Now go create something AMAZING! :D
-->
<!--
*** I'm using markdown "reference style" links for readability.
*** Reference links are enclosed in brackets [ ] instead of parentheses ( ).
*** See the bottom of this document for the declaration of the reference variables
*** for contributors-url, forks-url, etc. This is an optional, concise syntax you may use.
*** https://www.markdownguide.org/basic-syntax/#reference-style-links
-->
<br />
<div align="center">

[![](media/svg/patreon.svg)](https://www.patreon.com/distyx)

<!-- <img src="media/covers/cover.jpg"> -->

  <h1 align="center">ComfyUI Frame Maker</h1>
  <h4 align="center"><em>Add control and cool effects into your animation.</em></h4>
  <h4 align="center">Don't forget to leave a star.</h4>
  
  
  <p align="center">
    <a href="https://github.com/diStyApps/ComfyUI_FrameMaker/issues">Report Bug</a>
  </p>
</div>



<!-- TABLE OF CONTENTS -->
<details>
  <summary>Table of Contents</summary>
  <ol>
    <li>
      <a href="#about-the-project">About The Project</a>
    </li>
    <li><a href="#requirements">Requirements</a></li>
    <li><a href="#contact">Contact</a></li>
    <li><a href="#my-other-projects">My Other Projects</a></li>    
    
  </ol>
</details>

<!-- ABOUT THE PROJECT -->
## About The Project

### This node creates a sequence of frames by moving and scaling a subject image over a background image.


## <a href="workflows/frame_maker_basic.json">Basic frame maker workflow</a>

<img src="workflows/frame_maker_basic.png">

## <a href="workflows/frame_maker_batch">Basic batch frame maker workflow</a>

<img src="media/preview/frame_maker_1.gif">

## <a href="workflows/frame_maker_basic.json">layerdiffusion frame maker workflow</a>

<img src="media/preview/frame_maker_2.gif">

## frame maker + splash workflow (soon)

<img src="media/preview/frame_maker_3.gif">


<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- Requirements -->
## Requirements
 - [CompfyUI](https://github.com/comfyanonymous/ComfyUI) 
 
 ### Recommended
 - [ComfyUI-Manager](https://github.com/ltdrdata/ComfyUI-Manager)

<p align="right">(<a href="#readme-top">back to top</a>)</p>



<!-- Requirements -->
## Install

 ```
cd custom_nodes
git clone https://github.com/diStyApps/ComfyUI_FrameMaker.git
```


<p align="right">(<a href="#readme-top">back to top</a>)</p>


<!-- CONTACT -->
## Contact

distty@gmail.com


<p align="right">(<a href="#readme-top">back to top</a>)</p>

<!-- MY OTHER PROJECTS -->
## My Other Projects

[SEAIT](https://github.com/diStyApps/seait)

[VisionCrafter](https://github.com/diStyApps/VisionCrafter)

[FaceSwapSuite](https://github.com/diStyApps/FaceSwapSuite)

[VisualClipPicker](https://github.com/diStyApps/VisualClipPicker)

[Stable-Diffusion-Pickle-Scanner-GUI](https://github.com/diStyApps/Stable-Diffusion-Pickle-Scanner-GUI)

[Safe-and-Stable-Ckpt2Safetensors-Conversion-Tool-GUI](https://github.com/diStyApps/Safe-and-Stable-Ckpt2Safetensors-Conversion-Tool-GUI)


<p align="right">(<a href="#readme-top">back to top</a>)</p>


<!-- MARKDOWN LINKS & IMAGES -->
<!-- https://www.markdownguide.org/basic-syntax/#reference-style-links -->
[contributors-shield]: https://img.shields.io/github/contributors/othneildrew/Best-README-Template.svg?style=for-the-badge
[contributors-url]: https://github.com/othneildrew/Best-README-Template/graphs/contributors
[forks-shield]: https://img.shields.io/github/forks/othneildrew/Best-README-Template.svg?style=for-the-badge
[forks-url]: https://github.com/othneildrew/Best-README-Template/network/members
[stars-shield]: https://img.shields.io/github/stars/othneildrew/Best-README-Template.svg?style=for-the-badge
[stars-url]: https://github.com/othneildrew/Best-README-Template/stargazers
[issues-shield]: https://img.shields.io/github/issues/othneildrew/Best-README-Template.svg?style=for-the-badge
[issues-url]: https://github.com/othneildrew/Best-README-Template/issues
[license-shield]: https://img.shields.io/github/license/othneildrew/Best-README-Template.svg?style=for-the-badge
[license-url]: https://github.com/othneildrew/Best-README-Template/blob/master/LICENSE.txt
[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555
[linkedin-url]: https://linkedin.com/in/othneildrew
[product-screenshot]: images/screenshot.png
[Next.js]: https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white
[Next-url]: https://nextjs.org/
[React.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB
[React-url]: https://reactjs.org/
[Vue.js]: https://img.shields.io/badge/Vue.js-35495E?style=for-the-badge&logo=vuedotjs&logoColor=4FC08D
[Vue-url]: https://vuejs.org/
[Angular.io]: https://img.shields.io/badge/Angular-DD0031?style=for-the-badge&logo=angular&logoColor=white
[Angular-url]: https://angular.io/
[Svelte.dev]: https://img.shields.io/badge/Svelte-4A4A55?style=for-the-badge&logo=svelte&logoColor=FF3E00
[Svelte-url]: https://svelte.dev/
[Laravel.com]: https://img.shields.io/badge/Laravel-FF2D20?style=for-the-badge&logo=laravel&logoColor=white
[Laravel-url]: https://laravel.com
[Bootstrap.com]: https://img.shields.io/badge/Bootstrap-563D7C?style=for-the-badge&logo=bootstrap&logoColor=white
[Bootstrap-url]: https://getbootstrap.com
[JQuery.com]: https://img.shields.io/badge/jQuery-0769AD?style=for-the-badge&logo=jquery&logoColor=white
[JQuery-url]: https://jquery.com