{"id":116,"date":"2025-07-03T16:34:04","date_gmt":"2025-07-03T16:34:04","guid":{"rendered":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/?p=116"},"modified":"2025-07-11T13:24:17","modified_gmt":"2025-07-11T13:24:17","slug":"transition-tutorial","status":"publish","type":"post","link":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/2025\/07\/03\/transition-tutorial\/","title":{"rendered":"Transition Tutorial"},"content":{"rendered":"<p><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:2,&quot;335551620&quot;:2,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p>\n<p><span data-contrast=\"auto\">When I first started making videos on WeVideo, my instinct was to only use a few transitions for the entire video so I wouldn\u2019t distract from my content. However, this just made my video feel unfinished. Transitions can be a fun way to add variety to your videos, making them more engaging and highlighting the specific meaning of your photo\/video. Below are a few tips that I have learned while working to hopefully help you create a better video. Happy video making!<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:0,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"1\" data-aria-level=\"1\"><span data-contrast=\"auto\">Try to think about what type of transition fits the image\/clip. For example, \u201cFilmstrip\u201d wouldn\u2019t make sense with an 18<\/span><span data-contrast=\"auto\">th-<\/span><span data-contrast=\"auto\">century illustration, but I like to use it with a photograph or a black and white video.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"3\" data-aria-level=\"1\"><span data-contrast=\"auto\">If you are trying to show the contrast between two images, maybe play around with a transition that would momentarily hold both images on screen at once, like one of the \u201cWipe\u201d varieties or &#8220;Slide.&#8221;<a href=\"http:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-03-at-12.30.04.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-120 size-large\" src=\"http:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-03-at-12.30.04-1024x412.png\" alt=\"Transition that splits two images\" width=\"629\" height=\"253\" srcset=\"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-03-at-12.30.04-1024x412.png 1024w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-03-at-12.30.04-300x121.png 300w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-03-at-12.30.04-768x309.png 768w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-03-at-12.30.04-1536x618.png 1536w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-03-at-12.30.04-2048x823.png 2048w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-03-at-12.30.04-900x362.png 900w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-07-03-at-12.30.04-1280x515.png 1280w\" sizes=\"auto, (max-width: 629px) 100vw, 629px\" \/><\/a><\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"4\" data-aria-level=\"1\"><span data-contrast=\"auto\">Try the \u201cPage curl\u201d when transitioning between pages of letters or books.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<li><span data-contrast=\"auto\">However, just because a transition makes sense with the first photo doesn\u2019t mean that it makes sense with the second. For example, for one of the videos that I made I used a \u201cPage curl\u201d transition after an image of a letter, but it led to a painting of King George, which I eventually had to change.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"5\" data-aria-level=\"1\"><span data-contrast=\"auto\">I sometimes use the \u201cBurn\u201d transition\u00a0when I have a more violent or painful image because of the association with fire. <\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:720,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279,&quot;335559991&quot;:360}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"6\" data-aria-level=\"1\"><span data-contrast=\"auto\">\u201cFade to white\u201d is sometimes useful when I have a more positive\/hopeful image related to emancipation or freedom.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:720,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279,&quot;335559991&quot;:360}\">\u00a0<\/span><\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"6\" data-aria-level=\"1\">Sometimes when I am using two similar images back to back (like two of the illustrations colorized by the House Divided Project), I use &#8220;Cross fade&#8221; to make the transition more seamless.<\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"7\" data-aria-level=\"1\"><span data-contrast=\"auto\">When in doubt, use a simple transition like \u201cDip to Black.\u201d Having a different transition in between every image, especially if the images are short and in rapid succession, could be distracting. <\/span><\/li>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"7\" data-aria-level=\"1\"><span data-contrast=\"auto\">Stay away from colorful\/complicated transitions like \u201cRainbow\u201d or \u201cPaper Plane.\u201d They could detract from the seriousness of the message you are conveying in your video.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:720,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279,&quot;335559991&quot;:360}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"8\" data-aria-level=\"1\"><span data-contrast=\"auto\">If you are creating different layers of images\/clips <\/span><span data-contrast=\"auto\">in WeVideo, you can still apply transitions to multiple images to add some additional movement.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><a href=\"http:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Image-28-06-2025-at-16.49.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-118 size-full\" src=\"http:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Image-28-06-2025-at-16.49.jpg\" alt=\"A layered image with two different transitions added\" width=\"437\" height=\"529\" srcset=\"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Image-28-06-2025-at-16.49.jpg 437w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Image-28-06-2025-at-16.49-248x300.jpg 248w\" sizes=\"auto, (max-width: 437px) 100vw, 437px\" \/><\/a><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"9\" data-aria-level=\"1\"><span data-contrast=\"auto\">I like to place a simple transition after the last image\/clip so that the video does not end abruptly.<\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559685&quot;:720,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279,&quot;335559991&quot;:360}\">\u00a0<\/span><\/li>\n<\/ul>\n<ul>\n<li data-leveltext=\"\uf0b7\" data-font=\"Symbol\" data-listid=\"2\" data-list-defn-props=\"{&quot;335552541&quot;:1,&quot;335559685&quot;:720,&quot;335559991&quot;:360,&quot;469769226&quot;:&quot;Symbol&quot;,&quot;469769242&quot;:[8226],&quot;469777803&quot;:&quot;left&quot;,&quot;469777804&quot;:&quot;\uf0b7&quot;,&quot;469777815&quot;:&quot;hybridMultilevel&quot;}\" data-aria-posinset=\"10\" data-aria-level=\"1\"><span data-contrast=\"auto\">Another thing to keep in mind is the minimum amount of time that a transition can last is 1 second. Make sure to rewatch your video to make sure that the transitions didn\u2019t cause the images and audio to fall out of line. <\/span><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><a href=\"http:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-06-28-at-16.54.42.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-119 size-full\" src=\"http:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-06-28-at-16.54.42.png\" alt=\"Transition setting tab with duration settings\" width=\"622\" height=\"523\" srcset=\"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-06-28-at-16.54.42.png 622w, https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/files\/2025\/07\/Screenshot-2025-06-28-at-16.54.42-300x252.png 300w\" sizes=\"auto, (max-width: 622px) 100vw, 622px\" \/><\/a><\/li>\n<\/ul>\n<p><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p>\n<p><span data-ccp-props=\"{&quot;134233117&quot;:false,&quot;134233118&quot;:false,&quot;201341983&quot;:0,&quot;335551550&quot;:1,&quot;335551620&quot;:1,&quot;335559737&quot;:0,&quot;335559738&quot;:0,&quot;335559739&quot;:160,&quot;335559740&quot;:279}\">\u00a0<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00a0 When I first started making videos on WeVideo, my instinct was to only use a few transitions for the entire video so I wouldn\u2019t distract from my content. However, this just made my video feel unfinished. Transitions can be a fun way to add variety to your videos, making them more engaging and highlighting [&hellip;]<\/p>\n","protected":false},"author":203,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-116","post","type-post","status-publish","format-standard","hentry","category-tutorials"],"_links":{"self":[{"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/posts\/116","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/users\/203"}],"replies":[{"embeddable":true,"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/comments?post=116"}],"version-history":[{"count":4,"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/posts\/116\/revisions"}],"predecessor-version":[{"id":216,"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/posts\/116\/revisions\/216"}],"wp:attachment":[{"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/media?parent=116"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/categories?post=116"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/housedivided.dickinson.edu\/sites\/2025teagle\/wp-json\/wp\/v2\/tags?post=116"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}