{"id":2150,"date":"2021-04-09T15:12:05","date_gmt":"2021-04-09T13:12:05","guid":{"rendered":"https:\/\/kc-mediagroup.pl\/the-devil-is-in-the-details-how-to-make-cool-transitions\/"},"modified":"2021-04-09T15:12:05","modified_gmt":"2021-04-09T13:12:05","slug":"the-devil-is-in-the-details-how-to-make-cool-transitions","status":"publish","type":"post","link":"https:\/\/kc-mediagroup.pl\/pl\/the-devil-is-in-the-details-how-to-make-cool-transitions\/","title":{"rendered":"The Devil is in the Details: How to make cool transitions"},"content":{"rendered":"\n

„I ate ten donuts. As a result, I felt sick.<\/strong>„<\/h4>\n\n\n\n
<\/div>\n\n\n\n

You may wonder what that sentence has to do with this blog. The truth is that in the given sentence phrase „As a result” acts as a transition. In texts, transitions are words or phrases that show the relationship between two separate sentences. They create better cohesion by signaling how ideas relate to one another.  <\/p>\n\n\n\n

<\/div>\n\n\n\n

But what are transitions in animation?<\/strong><\/h4>\n\n\n\n


In videos, transitions are changes between two scenes that provide visual continuity to the user interface. They can be considered as „bridges” that connect a story sequence from the start point until the finish line.<\/p>\n\n\n\n

No matter whether you are watching a Hollywood blockbuster or two-minute commercial, any video is composed of a number of individual frames that are edited together into the final result. <\/p>\n\n\n\n

The transitions can be portrayed by using different kinds of visual effects and motion techniques e.g. cut, fade, slide, and morphing. Certainly, there are many more, but for now, we will discuss a few of them.<\/p>\n\n\n\n

<\/div>\n\n\n\n

In most cases when a video maker wants to join two shots together, they use a basic cut<\/strong>. <\/h4>\n\n\n\n

– in which the first image is instantly replaced by the next. Here is an example of such a transition. <\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

But it looks too simple, wouldn’t you agree? Now let’s take a look on more artistic transitions. <\/p>\n\n\n\n

<\/div>\n\n\n\n

A fade<\/strong> is when the scene gradually turns to a single color<\/h4>\n\n\n\n

\u2014 most frequently black or white (also, it can occur when a scene gradually appears on screen). Generally, fade-ins occur at the beginning of a scene, while fade-outs take place at the end. Take a look at the example.<\/p>\n\n\n\n

<\/div>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

The next transition is – slide (also referred to as wipe)<\/h4>\n\n\n\n

Slide is a transition from one shot to the next while it moves across the screen. They can begin at any corner and move diagonally in the opposite direction.<\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

And last but not least – Morphing<\/strong> transitions. <\/h4>\n\n\n\n

Morphing is a special effect that changes one image or shape into another through a seamless transition. Morph works across two separate frames and recognizes any objects that are on both in order to make a harmonious transition between the two. <\/p>\n\n\n\n

Most video editing programs have a large library of built-in transitions, which gives opportunities to make your videos fancier. I always start by drawing sketches to better visualize transitions. I’m looking for the main shape that can creatively be part of the next scene. <\/p>\n\n\n\n

In the below example, I used the fridge as a transitioning object, which helped move to the next frame smoothly without breaking the consistency of the shot. <\/p>\n\n\n\n

\"\"<\/figure><\/div>\n\n\n\n
<\/div>\n\n\n\n

One of my personal favorite examples of morphing transitions is an animation prepared by an Apple. The whole video is based on morphing transitions which create an astounding sense of consistency and produce an elevated piece of art. <\/p>\n\n\n\n

\n