{"id":18900,"date":"2026-03-25T09:29:28","date_gmt":"2026-03-25T09:29:28","guid":{"rendered":"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/?p=18900"},"modified":"2026-04-27T11:18:12","modified_gmt":"2026-04-27T11:18:12","slug":"kittl-video-tutorial-generate-video-ais","status":"publish","type":"post","link":"https:\/\/www.kittl.com\/blogs\/kittl-video-tutorial-generate-video-ais\/","title":{"rendered":"Kittl Video tutorial: How to generate videos with start and end frames"},"content":{"rendered":"\n<p><strong>You don\u2019t need \u201cmore content.\u201d You need assets that don\u2019t get ignored.<\/strong> Static can look great and still disappear in a feed that\u2019s moving nonstop.<\/p>\n\n\n\n<p>The problem is the workflow. Product visuals are often static, or too expensive to animate. Motion tools feel heavy and slow. Too many tools and handoffs break flow. And learning motion software for a simple loop is overkill.<\/p>\n\n\n\n<p>This Kittl Video tutorial helps you skip the workflow tax. Take your existing design and turn it into a six-second loop on the canvas, without leaving your design flow. No timelines. No keyframes. Just design, then motion.<\/p>\n\n\n\n<p>Start with a video template. Choose a template, add a prompt, and generate a clip you can post or launch today.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/app.kittl.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Browse Kittl Video templates<\/a><\/div>\n<\/div>\n\n\n<style>.kb-table-of-content-nav.kb-table-of-content-id18900_7998c8-07 .kb-table-of-content-wrap{padding-top:var(--global-kb-spacing-sm, 1.5rem);padding-right:var(--global-kb-spacing-sm, 1.5rem);padding-bottom:var(--global-kb-spacing-sm, 1.5rem);padding-left:var(--global-kb-spacing-sm, 1.5rem);}.kb-table-of-content-nav.kb-table-of-content-id18900_7998c8-07 .kb-table-of-contents-title-wrap{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.kb-table-of-content-nav.kb-table-of-content-id18900_7998c8-07 .kb-table-of-contents-title{font-weight:regular;font-style:normal;}.kb-table-of-content-nav.kb-table-of-content-id18900_7998c8-07 .kb-table-of-content-wrap .kb-table-of-content-list{font-weight:regular;font-style:normal;margin-top:var(--global-kb-spacing-sm, 1.5rem);margin-right:0px;margin-bottom:0px;margin-left:0px;}<\/style>\n\n\n<h2 class=\"wp-block-heading\">How to create a video:<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Turn Designs and Mockups Into AI Videos in Minutes\" width=\"720\" height=\"405\" src=\"https:\/\/www.youtube.com\/embed\/8KhbeWkHeqQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">1) Start with your design<\/h3>\n\n\n\n<p>You have two options:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>One frame option<\/strong>: Use a single canvas as both the start and end frame. This is best for seamless loops and typography-heavy layouts because the video has to return to the exact same composition.<\/li>\n\n\n\n<li><strong>Two-frame option<\/strong>: Click and drag both the first and second canvas into the frame slots so Kittl automatically assigns them as the start frame and end frame. Use this when you want a clear change over time, like a reveal, a before-and-after, or a product moving into a new position.<\/li>\n<\/ul>\n\n\n\n<p>If your frames are reversed, use the switch icon to swap start and end.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2) Generate your motion in the AI panel<\/h3>\n\n\n\n<p>Open the AI panel at the bottom of your screen and choose Generate Video. In the prompt field, describe what changes from the start frame to the end frame. Keep it specific and minimal.<\/p>\n\n\n\n<p>Helpful prompt habits for design-first motion<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Say <strong>what is allowed<\/strong> to move<\/li>\n\n\n\n<li>Say <strong>what must stay locked<\/strong> and readable<\/li>\n\n\n\n<li>Keep camera motion <strong>slow and subtle<\/strong> for short loops<\/li>\n<\/ul>\n\n\n\n<p>In design-first motion, your design already carries a lot of subject, context, and style. Your prompt mainly needs to control camera behavior, what moves, and what must stay readable. To find examples of what AI video prompts work, <a href=\"http:\/\/kittl.com\/blogs\/kittl-video-ai-prompt-ais\/\" target=\"_blank\" rel=\"noreferrer noopener\">check out this blog<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3) Choose format and duration<\/h3>\n\n\n\n<p>Start by picking your favorite engine, but which one should you use?<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><thead><tr><th>Engine<\/th><th>Best for<\/th><th>What to know<\/th><th>Duration options<\/th><\/tr><\/thead><tbody><tr><td>Veo 3.1-fast<\/td><td>Fast iteration, testing motions, quick variations<\/td><td>Prioritize speed while exploring camera moves and action intensity. Audio adds +10 tokens\/sec on top of base.<\/td><td>4s, 6s, 8s<\/td><\/tr><tr><td>Veo 3.1<\/td><td>Final passes, higher control, videos that need context-aware audio<\/td><td>Use when you\u2019re ready to lock timing, composition, and optional sound. Audio adds +40 tokens\/sec on top of base.<\/td><td>4s, 6s, 8s<\/td><\/tr><tr><td>King 2.5 Turbo Pro<\/td><td>Longer clips at lower token\/sec cost<\/td><td>No audio. Good pick when you need a longer deliverable without paying high tokens\/sec.<\/td><td>5s, 10s<\/td><\/tr><tr><td>PixVerse v5<\/td><td>Standard short clips when audio isn\u2019t needed<\/td><td>No audio. Higher token\/sec cost and longer runtime based on current settings.<\/td><td>5s, 8s<\/td><\/tr><tr><td>Seedance 1.5 Pro<\/td><td>Most flexible silent duration range<\/td><td>No audio. Fast runtime and supports the widest set of lengths.<\/td><td>4s, 6s, 8s, 10s, 12s<\/td><\/tr><tr><td>Grok Imagine Video<\/td><td>Fast, high-quality clips with synced audio and strong detail retention<\/td><td>Text or image to video with coherent motion and synchronized audio from one prompt. Strong at preserving small details like text in reference images. Around 80s generation time, up to 720p, 16 tokens\/sec. Supports 1 frame reference only.<\/td><td>2s, 5s, 6s, 8s, 10s, 15s<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>Once you select your engine, pick an aspect ratio based on placement. 16:9 for horizontal or 9:16 for vertical.<\/p>\n\n\n\n<h3 class=\"wp-block-heading kittl-quote-content has--font-size\">4) Preview it on the canvas and iterate once<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"481\" src=\"https:\/\/kittlb-26937.roald-dfw.servebolt.cloud\/wp-content\/uploads\/2026\/03\/StaticToClip-blog-1.gif\" alt=\"\" class=\"wp-image-18901\"\/><\/figure>\n\n\n\n<p>Even a solid prompt still gives the model a little room to interpret things. Sometimes that interpretation is a nice, creative surprise. <strong>Sometimes it is not what you meant at all.<\/strong><\/p>\n\n\n\n<p>So once you generate, Kittl drops the result into a new canvas. See if you like the end result. If you don\u2019t, click into the canvas and edit the prompt.<\/p>\n\n\n\n<p><strong>Quick fixes that save time<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>If text drifts, switch to locked camera and add <em>&#8220;keep typography perfectly still and readable&#8221;<\/em><\/li>\n\n\n\n<li>If objects warp, add <em>&#8220;no deformation, no bending, no melting&#8221;<\/em><\/li>\n\n\n\n<li>If motion is too much, add <em>&#8220;subtle, minimal, micro movement only&#8221;<\/em><\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">5) That\u2019s the end of your first Kittl Video tutorial! Export and turn it into a mini-campaign<\/h3>\n\n\n\n<p>Export your loop as an <strong>MP4,<\/strong> and you have your campaign base.<\/p>\n\n\n\n<p><strong>Optional:<\/strong> From there, make three quick versions by changing only one thing in the prompt each time: a headline-first cut for paid, a clean logo-led cut for brand, and a product-first cut for promos or e-commerce.<\/p>\n\n\n\n<p>Same design. Three angles. One workflow.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Key takeaway: Make your next ad feel alive with Kittl Video tutorial<\/h2>\n\n\n\n<p>If you\u2019re stuck at \u201cI have the design, now what?\u201d, this is the path that keeps you moving. Kittl Video works best when you stay inside the canvas and treat motion like a quick extension of your existing design, not a separate project.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Use one frame for seamless loops and typography-heavy designs<\/li>\n\n\n\n<li>Use two frames when you want a clear start-to-end change<\/li>\n\n\n\n<li>Describe only the motion between frames and keep camera movement subtle<\/li>\n\n\n\n<li>Generate your video, then iterate by editing the prompt directly in the new video canvas<\/li>\n<\/ul>\n\n\n\n<p>Ready to make your next design move? Open Kittl and build a six-second loop that sells,<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"http:\/\/app.kittl.com\/\" target=\"_blank\" rel=\"noopener\">Make a six-second ad you&#8217;d actually run<\/a><\/div>\n<\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You don\u2019t need \u201cmore content.\u201d You need assets that don\u2019t get ignored. Static can look great and still disappear in a feed that\u2019s moving nonstop. The problem is the workflow. Product visuals are often static, or too expensive to animate. Motion tools feel heavy and slow. Too many tools and handoffs break flow. And learning&#8230;<\/p>\n","protected":false},"author":31,"featured_media":19301,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[32],"tags":[457],"class_list":["post-18900","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-ai-tools"],"taxonomy_info":{"category":[{"value":32,"label":"Tutorials"}],"post_tag":[{"value":457,"label":"AI Tools"}]},"featured_image_src_large":["https:\/\/www.kittl.com\/blogs\/wp-content\/uploads\/2026\/03\/kittl-vid-tutorial-thumbnail-1024x470.webp",1024,470,true],"author_info":{"display_name":"Kittl Team - Dev","author_link":"https:\/\/www.kittl.com\/blogs\/author\/kittl-team\/"},"comment_info":0,"category_info":[{"term_id":32,"name":"Tutorials","slug":"tutorials","term_group":0,"term_taxonomy_id":32,"taxonomy":"category","description":"Learn how to make the most of Kittl with easy-to-follow tutorials. Get step-by-step guides, tips, and creative techniques for AI graphic design. Whether you\u2019re a beginner or a pro, discover new ways to bring your ideas to life.","parent":0,"count":66,"filter":"raw","cat_ID":32,"category_count":66,"category_description":"Learn how to make the most of Kittl with easy-to-follow tutorials. Get step-by-step guides, tips, and creative techniques for AI graphic design. Whether you\u2019re a beginner or a pro, discover new ways to bring your ideas to life.","cat_name":"Tutorials","category_nicename":"tutorials","category_parent":0}],"tag_info":[{"term_id":457,"name":"AI Tools","slug":"ai-tools","term_group":0,"term_taxonomy_id":457,"taxonomy":"post_tag","description":"Learn how Kittl\u2019s AI-powered features can enhance your design process, automate tasks, and unlock creative potential.","parent":0,"count":50,"filter":"raw"}],"_links":{"self":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/18900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/users\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/comments?post=18900"}],"version-history":[{"count":7,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/18900\/revisions"}],"predecessor-version":[{"id":20911,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/posts\/18900\/revisions\/20911"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/media\/19301"}],"wp:attachment":[{"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/media?parent=18900"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/categories?post=18900"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kittl.com\/blogs\/wp-json\/wp\/v2\/tags?post=18900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}