{"id":1559,"date":"2021-04-10T19:52:44","date_gmt":"2021-04-10T14:52:44","guid":{"rendered":"https:\/\/pixled.accesstool.in\/blog\/?p=1559"},"modified":"2021-09-30T13:03:45","modified_gmt":"2021-09-30T08:03:45","slug":"kinetic-typography","status":"publish","type":"post","link":"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/","title":{"rendered":"13 Amazing Examples of Kinetic Typography Done Right"},"content":{"rendered":"<p>Kinetic typography is an animation technique that mixes motion and text to express an idea.<\/p>\n<p>In other words, it\u2019s moving text.<\/p>\n<p>This is not a new concept; in fact, it was first used in the 60s when feature films started using animated opening titles.<\/p>\n<p>The first among them is considered to be Alfred Hitchcock\u2019s North by Northwest (1959). Soon after, other films started using the same sequence, some with legendary graphic designer Saul Bass at the forefront.<\/p>\n<p>The concept took off because it was creative, impactful, and was able to convey powerful messages in short periods of time. With advancing motion graphics technology and the advent of software like Adobe After Effects, the possibilities with kinetic typography became endless.<\/p>\n<p>In this article, we\u2019ll go over a list of videos and animations that did justice to kinetic typography and its rich history.<\/p>\n<p>Let\u2019s dive right in.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_81 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-69e0f3fc11be4\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #0a0a0a;color:#0a0a0a\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #0a0a0a;color:#0a0a0a\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-69e0f3fc11be4\"  aria-label=\"Toggle\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#13_Amazing_Examples_of_Kinetic_Typography_Done_Right\" >13 Amazing Examples of Kinetic Typography Done Right<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#Videos\" >Videos<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#1_Curiosity\" >1.\u00a0\u00a0\u00a0\u00a0\u00a0 Curiosity<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#2_The_Light_in_the_Dark\" >2.\u00a0\u00a0\u00a0\u00a0\u00a0 The Light in the Dark<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#3_Is_Type_Dead\" >3.\u00a0\u00a0\u00a0\u00a0\u00a0 Is Type Dead?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#4_Breaking_Bad\" >4.\u00a0\u00a0\u00a0\u00a0\u00a0 Breaking Bad<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#5_From_Paper_to_Screen\" >5.\u00a0\u00a0\u00a0\u00a0\u00a0 From Paper to Screen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#6_Kick-Ass\" >6.\u00a0\u00a0\u00a0\u00a0\u00a0 Kick-Ass<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#7_By_Your_Side\" >7.\u00a0\u00a0\u00a0\u00a0\u00a0 By Your Side<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#8_Wake_County_Schools\" >8.\u00a0\u00a0\u00a0\u00a0\u00a0 Wake County Schools<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#Animations\" >Animations<\/a><ul class='ez-toc-list-level-4' ><li class='ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#9_Indecisiveness\" >9.\u00a0\u00a0\u00a0\u00a0\u00a0 Indecisiveness<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#10_Nike_SNKRS\" >10. Nike SNKRS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#11_Animated_London\" >11.\u00a0\u00a0 Animated London<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-4'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#13_Relocate\" >13.\u00a0\u00a0 Relocate<\/a><\/li><\/ul><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#Wrapping_It_Up\" >Wrapping It Up<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"13_Amazing_Examples_of_Kinetic_Typography_Done_Right\"><\/span>13 Amazing Examples of Kinetic Typography Done Right<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Kinetic typography animation or <em>kinetic type<\/em> can be a wide variety of things today.<\/p>\n<p>There are a lot of specifics that go into creating kinetic type. These include the animation technique, voiceover, artistry, animated typography, plugins, and more.<\/p>\n<p>Software such as Adobe After Effects, Photoshop, and Illustrator have given motion designers and animators free rein over the possibilities of kinetic typography.<\/p>\n<p>Some of the common types of videos that leverage this technique include the following.<\/p>\n<ul>\n<li><a href=\"https:\/\/pixled.accesstool.in\/blog\/social-media-design\/\">Social media design<\/a> and online videos<\/li>\n<li>Tutorials<\/li>\n<li>Lyric videos<\/li>\n<li>Explainer videos<\/li>\n<li>Music videos<\/li>\n<li>2D animated videos<\/li>\n<\/ul>\n<p>Each type of kinetic typography video has unique animated typography, for the most part.<\/p>\n<p>However, you can find templates on sites like Vimeo if you\u2019re not looking to create animated typography by yourself.<\/p>\n<p>In any case, the following are some of the most eye-catching typography projects and videos that have been known for their amazing kinetic typography.<\/p>\n<p>They include everything from animations to commercials, movie tributes, information videos (based on infographics), and more.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Videos\"><\/span>Videos<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"1_Curiosity\"><\/span>1.\u00a0\u00a0\u00a0\u00a0\u00a0 Curiosity<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1600 aligncenter\" src=\"https:\/\/pixled.accesstool.in\/blog\/wp-content\/themes\/veen\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12115646\/Curiosity-Kinetic-Typography-Pixelied.png\" alt=\"Curiosity Kinetic Typography Pixelied\" width=\"1278\" height=\"560\" data-srcset=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12115646\/Curiosity-Kinetic-Typography-Pixelied.png 1278w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12115646\/Curiosity-Kinetic-Typography-Pixelied-480x210.png 480w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12115646\/Curiosity-Kinetic-Typography-Pixelied-768x337.png 768w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12115646\/Curiosity-Kinetic-Typography-Pixelied-100x44.png 100w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12115646\/Curiosity-Kinetic-Typography-Pixelied-700x307.png 700w\" data-sizes=\"auto, (max-width: 1278px) 100vw, 1278px\" \/><\/p>\n<p>Winner of the Patricia Tindale Award, this typographic text animation was made by Dan Palmer of the Canterbury Christ Church University.<\/p>\n<p>It uses a range of animation styles, including animated text and 2D animation, as well as a voiceover to bring the video to life.<\/p>\n<p>The reason this video is a great example is that it incorporates different elements in a single video.<\/p>\n<p>You can see how they use kinetic typography throughout the video in different settings, angles, and more. Meanwhile, you have 2D animated assets in the background complementing the typography. All while a certain message of curiosity is being given.<\/p>\n<p>Check out the video <a href=\"https:\/\/www.dpalmermotion.com\/curiosity\">here<\/a>.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"2_The_Light_in_the_Dark\"><\/span>2.\u00a0\u00a0\u00a0\u00a0\u00a0 The Light in the Dark<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1602 aligncenter\" src=\"https:\/\/pixled.accesstool.in\/blog\/wp-content\/themes\/veen\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12120120\/Light-in-the-Dark-Kinetic-Typography.png\" alt=\"Light in the Dark Kinetic Typography\" width=\"1306\" height=\"809\" data-srcset=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12120120\/Light-in-the-Dark-Kinetic-Typography.png 1306w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12120120\/Light-in-the-Dark-Kinetic-Typography-480x297.png 480w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12120120\/Light-in-the-Dark-Kinetic-Typography-1280x793.png 1280w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12120120\/Light-in-the-Dark-Kinetic-Typography-768x476.png 768w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12120120\/Light-in-the-Dark-Kinetic-Typography-100x62.png 100w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12120120\/Light-in-the-Dark-Kinetic-Typography-700x434.png 700w\" data-sizes=\"auto, (max-width: 1306px) 100vw, 1306px\" \/><\/p>\n<p>Fully animated and directed by Eli Guillou, this video is considered to be one of the best works by the artist.<\/p>\n<p>The video itself has an objective to encourage people who feel like they\u2019re lost in the darkness. It looks to help them find the light in the dark so they can move on.<\/p>\n<p>There are two reasons this video is a masterpiece.<\/p>\n<p>Firstly, it uses kinetic typography in the most basic yet minimalistic way. It\u2019s a simple <a href=\"https:\/\/pixled.accesstool.in\/blog\/minimalist-font\/\">minimalist font<\/a>, yet it moves around with the rest of the animation extremely fluidly.<\/p>\n<p>Secondly, the animation itself is unique, with intelligent use of shadows, color gradients, and a motion perspective.<\/p>\n<p>You can check out the video <a href=\"https:\/\/elig.net\/thelightinthedark\">here<\/a>.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"3_Is_Type_Dead\"><\/span>3.\u00a0\u00a0\u00a0\u00a0\u00a0 Is Type Dead?<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1603 aligncenter\" src=\"https:\/\/pixled.accesstool.in\/blog\/wp-content\/themes\/veen\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12132258\/Is-Type-Dead-Kinetic-Typography.png\" alt=\"Is Type Dead Kinetic Typography\" width=\"1262\" height=\"705\" data-srcset=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12132258\/Is-Type-Dead-Kinetic-Typography.png 1262w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12132258\/Is-Type-Dead-Kinetic-Typography-480x268.png 480w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12132258\/Is-Type-Dead-Kinetic-Typography-768x429.png 768w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12132258\/Is-Type-Dead-Kinetic-Typography-100x56.png 100w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12132258\/Is-Type-Dead-Kinetic-Typography-700x391.png 700w\" data-sizes=\"auto, (max-width: 1262px) 100vw, 1262px\" \/><\/p>\n<p>Another video by Dan Palmer, he made it for his third-year dissertation as a half-written\/half-animation video.<\/p>\n<p>The point of the video was to explain that the natural progression of technology in the world helps provide visual communication for users.<\/p>\n<p>The video has a stop-motion style of animation with unique self-made assets.<\/p>\n<p>The use of kinetic typography in the video can be seen in different forms. For example, the people are arranging the letters in one instance, and the text opens up from a box in another, and so on.<\/p>\n<p>Check out the video <a href=\"https:\/\/www.dpalmermotion.com\/uniprojects\">here<\/a>.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"4_Breaking_Bad\"><\/span>4.\u00a0\u00a0\u00a0\u00a0\u00a0 Breaking Bad<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1604 aligncenter\" src=\"https:\/\/pixled.accesstool.in\/blog\/wp-content\/themes\/veen\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12132248\/Breaking-Bad-Kinetic-Typography.png\" alt=\"Breaking Bad Kinetic Typography\" width=\"1464\" height=\"807\" data-srcset=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12132248\/Breaking-Bad-Kinetic-Typography.png 1464w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12132248\/Breaking-Bad-Kinetic-Typography-480x265.png 480w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12132248\/Breaking-Bad-Kinetic-Typography-1280x706.png 1280w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12132248\/Breaking-Bad-Kinetic-Typography-768x423.png 768w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12132248\/Breaking-Bad-Kinetic-Typography-100x55.png 100w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12132248\/Breaking-Bad-Kinetic-Typography-700x386.png 700w\" data-sizes=\"auto, (max-width: 1464px) 100vw, 1464px\" \/><\/p>\n<p>You don\u2019t see a lot of TV show scripts turned into bite-sized animated videos, but here\u2019s one.<\/p>\n<p>Made by Paul Cooper, the kinetic typography video is based on an iconic Breaking Bad scene from the sixth episode of season four. It features a conversation between the protagonist, Walter White, and his wife, Skyler White.<\/p>\n<p>However, the reason this video is great is how each person\u2019s dialogue is shown.<\/p>\n<p>For example, Skyler\u2019s dialogue is in black but with a white background showcasing the \u2018right\u2019. Meanwhile, Walter\u2019s dialogue is in white but with a black background, showing that he\u2019s \u2018wrong\u2019.<\/p>\n<p>You can check out the video <a href=\"https:\/\/www.youtube.com\/watch?v=q9SYfHxljE0\">here<\/a>.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"5_From_Paper_to_Screen\"><\/span>5.\u00a0\u00a0\u00a0\u00a0\u00a0 From Paper to Screen<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1564 aligncenter\" src=\"https:\/\/pixled.accesstool.in\/blog\/wp-content\/themes\/veen\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/03\/31191735\/From-Paper-to-Screen-Kinetic-Typography.png\" alt=\"From Paper to Screen Kinetic Typography\" width=\"808\" height=\"335\" data-srcset=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/03\/31191735\/From-Paper-to-Screen-Kinetic-Typography.png 808w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/03\/31191735\/From-Paper-to-Screen-Kinetic-Typography-480x199.png 480w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/03\/31191735\/From-Paper-to-Screen-Kinetic-Typography-768x318.png 768w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/03\/31191735\/From-Paper-to-Screen-Kinetic-Typography-100x41.png 100w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/03\/31191735\/From-Paper-to-Screen-Kinetic-Typography-700x290.png 700w\" data-sizes=\"auto, (max-width: 808px) 100vw, 808px\" \/><\/p>\n<p>This video was designed by Thibault de Fournas for his graduation project. For the most part, that\u2019s what puts it among the best such examples!<\/p>\n<p>The entire animation is self-reflexive because it shows the evolution of typography from paper to the big screen and so on.<\/p>\n<p>As a result, the first part of the video shows the rules of typefaces and typesetting, and then the second part delves into the introduction of typography in cinema, especially mentioning Saul Bass.<\/p>\n<p>The video uses very simple yet effective animations that look smooth, transitionary, and easy on the eyes.<\/p>\n<p>Check out the video <a href=\"https:\/\/vimeo.com\/69375692\">here<\/a>.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"6_Kick-Ass\"><\/span>6.\u00a0\u00a0\u00a0\u00a0\u00a0 Kick-Ass<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1567 aligncenter\" src=\"https:\/\/pixled.accesstool.in\/blog\/wp-content\/themes\/veen\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/03\/31191703\/Kick-Ass-Kinetic-Typography.png\" alt=\"Kick Ass Kinetic Typography\" width=\"716\" height=\"314\" data-srcset=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/03\/31191703\/Kick-Ass-Kinetic-Typography.png 716w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/03\/31191703\/Kick-Ass-Kinetic-Typography-480x211.png 480w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/03\/31191703\/Kick-Ass-Kinetic-Typography-100x44.png 100w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/03\/31191703\/Kick-Ass-Kinetic-Typography-700x307.png 700w\" data-sizes=\"auto, (max-width: 716px) 100vw, 716px\" \/><\/p>\n<p>Another use of a script to leverage kinetic typography \u2013 this video is made by Ryan Perera and uses a sequence from the movie Kick-Ass.<\/p>\n<p>The video uses a hand-drawn style that reflects the comic book influences the movie is based on.<\/p>\n<p>The video accurately showcases how emotion and drama can be expressed with kinetic typography. A mixture of moving text animation and simple hand-drawn assets can turn into a great video.<\/p>\n<p>Check out the video <a href=\"https:\/\/vimeo.com\/40401461\">here<\/a>.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"7_By_Your_Side\"><\/span>7.\u00a0\u00a0\u00a0\u00a0\u00a0 By Your Side<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1617 aligncenter\" src=\"https:\/\/pixled.accesstool.in\/blog\/wp-content\/themes\/veen\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12123701\/By-Your-Side-Kinetic-Typography.png\" alt=\"By Your Side Kinetic Typography\" width=\"1242\" height=\"659\" data-srcset=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12123701\/By-Your-Side-Kinetic-Typography.png 1242w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12123701\/By-Your-Side-Kinetic-Typography-480x255.png 480w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12123701\/By-Your-Side-Kinetic-Typography-768x407.png 768w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12123701\/By-Your-Side-Kinetic-Typography-100x53.png 100w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12123701\/By-Your-Side-Kinetic-Typography-700x371.png 700w\" data-sizes=\"auto, (max-width: 1242px) 100vw, 1242px\" \/><\/p>\n<p>Lyric videos are nothing new, but there is a growing trend of using kinetic typography for lyric videos.<\/p>\n<p>This particular video is made by Paulo Manso, a motion and graphic designer from Brazil. The lyrics are from Jacob Sartorius\u2019 By Your Side.<\/p>\n<p>The video uses a lively hand-drawn perspective, an extremely vivid color palette, and sprouting visuals. It\u2019s a unique style that stands out and gives a whole new perspective to kinetic typography.<\/p>\n<p>You can check out the video <a href=\"https:\/\/paulomanso.com\/jacob-sartorius-by-your-side-lyric-video\">here<\/a>.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"8_Wake_County_Schools\"><\/span>8.\u00a0\u00a0\u00a0\u00a0\u00a0 Wake County Schools<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1619 aligncenter\" src=\"https:\/\/pixled.accesstool.in\/blog\/wp-content\/themes\/veen\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12125259\/Wake-County-Schools-Kinetic-Typography.png\" alt=\"Wake County Schools Kinetic Typography\" width=\"1587\" height=\"713\" data-srcset=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12125259\/Wake-County-Schools-Kinetic-Typography.png 1587w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12125259\/Wake-County-Schools-Kinetic-Typography-480x216.png 480w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12125259\/Wake-County-Schools-Kinetic-Typography-1280x575.png 1280w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12125259\/Wake-County-Schools-Kinetic-Typography-768x345.png 768w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12125259\/Wake-County-Schools-Kinetic-Typography-1536x690.png 1536w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12125259\/Wake-County-Schools-Kinetic-Typography-100x45.png 100w, https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12125259\/Wake-County-Schools-Kinetic-Typography-700x314.png 700w\" data-sizes=\"auto, (max-width: 1587px) 100vw, 1587px\" \/><\/p>\n<p>Wake County Schools are some of the first to use animated videos and kinetic typography to explain the public school system.<\/p>\n<p>In this video, they explain the four pillars that guide students, including student achievement, stability, operational efficiency, and proximity.<\/p>\n<p>It\u2019s a relatively simple animation style with unique kinetic typography usage. It\u2019s designed to be seen by both the parents and the students.<\/p>\n<p>The video is a great example for beginners who are looking to see how kinetic typography works.<\/p>\n<p>Check out the video <a href=\"https:\/\/www.youtube.com\/watch?v=ZC8uS6PIw9w\">here<\/a>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Animations\"><\/span>Animations<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<h4><span class=\"ez-toc-section\" id=\"9_Indecisiveness\"><\/span>9.\u00a0\u00a0\u00a0\u00a0\u00a0 Indecisiveness<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1624 aligncenter\" src=\"https:\/\/pixled.accesstool.in\/blog\/wp-content\/themes\/veen\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12125159\/Indecisiveness-Kinetic-Typography-Pixelied.gif\" alt=\"Indecisiveness Kinetic Typography Pixelied\" width=\"800\" height=\"600\" \/><\/p>\n<p>Simple animations are a great example of kinetic typography. This particular one was made by Alena Hovorkova. It shows the transition between black and white text.<\/p>\n<p>As a result, what makes it different is the liquid effect that\u2019s utilized to show the difference between both instances. It\u2019s a simple animation, but it utilizes kinetic typography perfectly.<\/p>\n<p>You can check the animation out <a href=\"https:\/\/dribbble.com\/shots\/4947316-Yes-No\">here<\/a>.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"10_Nike_SNKRS\"><\/span>10. Nike SNKRS<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1623 aligncenter\" src=\"https:\/\/pixled.accesstool.in\/blog\/wp-content\/themes\/veen\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12125210\/Nike-SNKRS-Kinetic-Typography.gif\" alt=\"Nike SNKRS Kinetic Typography\" width=\"400\" height=\"300\" \/><\/p>\n<p>Even loading animation is an example of kinetic typography, and you can do a lot with it. This example from RVIZ shows the loading animation sample for Nike\u2019s SNKRS app.<\/p>\n<p>It combines the Nike logo and other sub-brands into one loading animation. It\u2019s an extremely simple animation but works really well because of the transitions.<\/p>\n<p>Check out the animation <a href=\"https:\/\/dribbble.com\/shots\/5412009-NIKE-SNKRS-02\">here<\/a>.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"11_Animated_London\"><\/span>11.\u00a0\u00a0 Animated London<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1622 aligncenter\" src=\"https:\/\/pixled.accesstool.in\/blog\/wp-content\/themes\/veen\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12125224\/Animated-London-Kinetic-Typography.gif\" alt=\"Animated London Kinetic Typography\" width=\"800\" height=\"600\" \/><\/p>\n<p>This is a simple animated GIF made by Al Boardman. It\u2019s a 5-second GIF that shows the major structures in London in the approximate shapes of the six letters in London.<\/p>\n<p>This is an awesome concept, one that utilizes great design and creativity for something very simple.<\/p>\n<p>Meanwhile, this simple five-second GIF tells an entire story of London, showing you everything from Big Ben, double-decker buses, the London Eye, as well as the common weather of the city, transportation modes, and even the River Thames.<\/p>\n<p>You can check the animation out <a href=\"https:\/\/giphy.com\/gifs\/illustration-animated-gif-1RDiZNlUerlkc\">here<\/a>.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1620 aligncenter\" src=\"https:\/\/pixled.accesstool.in\/blog\/wp-content\/themes\/veen\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12125248\/5htD.gif\" alt=\"Line Dash Kinetic Typography\" width=\"500\" height=\"250\" \/><\/p>\n<p>One of the simpler animations in this list, it\u2019s actually not all that simple.<\/p>\n<p>While the only words in the animation are Line Dash, there are still many elements involved.<\/p>\n<p>If you try to watch it frame-by-frame, you\u2019ll see that it uses a lot of elements in the animation.<\/p>\n<p>Therefore, by the end, the words are moving away from each other at a slow speed. However, it\u2019s a great intro animation, and you can take it as inspiration.<\/p>\n<p>Check out the animation <a href=\"https:\/\/gifer.com\/en\/5htD\">here<\/a>.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"13_Relocate\"><\/span>13.\u00a0\u00a0 Relocate<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-1621 aligncenter\" src=\"https:\/\/pixled.accesstool.in\/blog\/wp-content\/themes\/veen\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/12125236\/Relocate-Kinetic-Typography-Pixelied.gif\" alt=\"Relocate Kinetic Typography Pixelied\" width=\"800\" height=\"600\" \/><\/p>\n<p>This is a great example of expressive typography animation by Maksym Zakharyak. It\u2019s a relatively simple animation that brings together alphabets to spell \u2018Relocate\u2019.<\/p>\n<p>However, what you should focus on is how the movement of each letter is shown.<\/p>\n<p>The directional movement is represented by a blue hue that extends according to the speed of the movement.<\/p>\n<p>You can check the animation out <a href=\"https:\/\/dribbble.com\/shots\/5363103-Relocate\">here<\/a>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Wrapping_It_Up\"><\/span>Wrapping It Up<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>While any animation with text can be kinetic typography, it\u2019s best to be creative to stand out.<\/p>\n<p>You can improve your designs by following a bunch of motion graphic designers and animators.<\/p>\n<p>Again, the idea is to get your inspiration from them and not mimic them. Also, it will help you create your own creative process, so you can come up with unique kinetic types.<\/p>\n<p>You can follow various motion designers, animators, and artists on sites like Dribble, Behance, Vimeo, and more, to stay connected with the design world.<\/p>\n<p>Meanwhile, you can also get inspiration for <a href=\"https:\/\/pixled.accesstool.in\/blog\/marketing-design\/\">marketing designs<\/a>, logos, and much more.<\/p>\n<p>When you have a design in mind, you can make it on a platform like <a href=\"https:\/\/pixled.accesstool.in\/editor\">Pixelied<\/a> and then work to turn it into kinetic typography.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kinetic typography is an animation technique that mixes motion and text to express an idea. In other words, it\u2019s moving text. This is not a&#8230;<\/p>\n","protected":false},"author":8,"featured_media":2882,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,9],"tags":[],"class_list":["post-1559","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design","category-inspiration"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>13 Amazing Examples of Kinetic Typography Done Right<\/title>\n<meta name=\"description\" content=\"Kinetic typography has become the industry standard in most cases. If you&#039;re wondering how to get it right, here are some amazing examples.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"13 Amazing Examples of Kinetic Typography Done Right\" \/>\n<meta property=\"og:description\" content=\"Kinetic typography has become the industry standard in most cases. If you&#039;re wondering how to get it right, here are some amazing examples.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/\" \/>\n<meta property=\"og:site_name\" content=\"Pixelied Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/pixelied\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-10T14:52:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-30T08:03:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/30130433\/Kinetic-Typography-Featured-Image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"950\" \/>\n\t<meta property=\"og:image:height\" content=\"440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Mughees Mehmood\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mughees Mehmood\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/\"},\"author\":{\"name\":\"Mughees Mehmood\",\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/#\/schema\/person\/513cf90136f609d73a0de10aa063c0e2\"},\"headline\":\"13 Amazing Examples of Kinetic Typography Done Right\",\"datePublished\":\"2021-04-10T14:52:44+00:00\",\"dateModified\":\"2021-09-30T08:03:45+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/\"},\"wordCount\":1636,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/30130433\/Kinetic-Typography-Featured-Image.png\",\"articleSection\":[\"Graphic Design\",\"Inspiration\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/\",\"url\":\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/\",\"name\":\"13 Amazing Examples of Kinetic Typography Done Right\",\"isPartOf\":{\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/30130433\/Kinetic-Typography-Featured-Image.png\",\"datePublished\":\"2021-04-10T14:52:44+00:00\",\"dateModified\":\"2021-09-30T08:03:45+00:00\",\"description\":\"Kinetic typography has become the industry standard in most cases. If you're wondering how to get it right, here are some amazing examples.\",\"breadcrumb\":{\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#primaryimage\",\"url\":\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/30130433\/Kinetic-Typography-Featured-Image.png\",\"contentUrl\":\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/30130433\/Kinetic-Typography-Featured-Image.png\",\"width\":950,\"height\":440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/pixled.accesstool.in\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"13 Amazing Examples of Kinetic Typography Done Right\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/#website\",\"url\":\"https:\/\/pixled.accesstool.in\/blog\/\",\"name\":\"Pixelied Blog\",\"description\":\"Learn\",\"publisher\":{\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pixled.accesstool.in\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/#organization\",\"name\":\"Pixelied\",\"url\":\"https:\/\/pixled.accesstool.in\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/08\/19200225\/cropped-Untitled-1.png\",\"contentUrl\":\"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/08\/19200225\/cropped-Untitled-1.png\",\"width\":512,\"height\":512,\"caption\":\"Pixelied\"},\"image\":{\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/pixelied\",\"https:\/\/instagram.com\/pixelied\",\"https:\/\/www.linkedin.com\/company\/pixelied\/\",\"https:\/\/www.pinterest.com\/pixelied\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/#\/schema\/person\/513cf90136f609d73a0de10aa063c0e2\",\"name\":\"Mughees Mehmood\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pixled.accesstool.in\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e191c47a8aab66991948a79a50e1a7447ae591a5ffe975d496bcc0883345327b?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e191c47a8aab66991948a79a50e1a7447ae591a5ffe975d496bcc0883345327b?s=96&d=mm&r=g\",\"caption\":\"Mughees Mehmood\"},\"url\":\"https:\/\/pixled.accesstool.in\/blog\/author\/mughees\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"13 Amazing Examples of Kinetic Typography Done Right","description":"Kinetic typography has become the industry standard in most cases. If you're wondering how to get it right, here are some amazing examples.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/","og_locale":"en_US","og_type":"article","og_title":"13 Amazing Examples of Kinetic Typography Done Right","og_description":"Kinetic typography has become the industry standard in most cases. If you're wondering how to get it right, here are some amazing examples.","og_url":"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/","og_site_name":"Pixelied Blog","article_publisher":"https:\/\/www.facebook.com\/pixelied","article_published_time":"2021-04-10T14:52:44+00:00","article_modified_time":"2021-09-30T08:03:45+00:00","og_image":[{"width":950,"height":440,"url":"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/30130433\/Kinetic-Typography-Featured-Image.png","type":"image\/png"}],"author":"Mughees Mehmood","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Mughees Mehmood","Est. reading time":"10 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#article","isPartOf":{"@id":"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/"},"author":{"name":"Mughees Mehmood","@id":"https:\/\/pixled.accesstool.in\/blog\/#\/schema\/person\/513cf90136f609d73a0de10aa063c0e2"},"headline":"13 Amazing Examples of Kinetic Typography Done Right","datePublished":"2021-04-10T14:52:44+00:00","dateModified":"2021-09-30T08:03:45+00:00","mainEntityOfPage":{"@id":"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/"},"wordCount":1636,"commentCount":0,"publisher":{"@id":"https:\/\/pixled.accesstool.in\/blog\/#organization"},"image":{"@id":"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#primaryimage"},"thumbnailUrl":"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/30130433\/Kinetic-Typography-Featured-Image.png","articleSection":["Graphic Design","Inspiration"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/","url":"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/","name":"13 Amazing Examples of Kinetic Typography Done Right","isPartOf":{"@id":"https:\/\/pixled.accesstool.in\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#primaryimage"},"image":{"@id":"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#primaryimage"},"thumbnailUrl":"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/30130433\/Kinetic-Typography-Featured-Image.png","datePublished":"2021-04-10T14:52:44+00:00","dateModified":"2021-09-30T08:03:45+00:00","description":"Kinetic typography has become the industry standard in most cases. If you're wondering how to get it right, here are some amazing examples.","breadcrumb":{"@id":"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#primaryimage","url":"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/30130433\/Kinetic-Typography-Featured-Image.png","contentUrl":"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/04\/30130433\/Kinetic-Typography-Featured-Image.png","width":950,"height":440},{"@type":"BreadcrumbList","@id":"https:\/\/pixled.accesstool.in\/blog\/kinetic-typography\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/pixled.accesstool.in\/blog\/"},{"@type":"ListItem","position":2,"name":"13 Amazing Examples of Kinetic Typography Done Right"}]},{"@type":"WebSite","@id":"https:\/\/pixled.accesstool.in\/blog\/#website","url":"https:\/\/pixled.accesstool.in\/blog\/","name":"Pixelied Blog","description":"Learn","publisher":{"@id":"https:\/\/pixled.accesstool.in\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pixled.accesstool.in\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/pixled.accesstool.in\/blog\/#organization","name":"Pixelied","url":"https:\/\/pixled.accesstool.in\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pixled.accesstool.in\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/08\/19200225\/cropped-Untitled-1.png","contentUrl":"https:\/\/wpimg.pixelied.com\/blog\/wp-content\/uploads\/2021\/08\/19200225\/cropped-Untitled-1.png","width":512,"height":512,"caption":"Pixelied"},"image":{"@id":"https:\/\/pixled.accesstool.in\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/pixelied","https:\/\/instagram.com\/pixelied","https:\/\/www.linkedin.com\/company\/pixelied\/","https:\/\/www.pinterest.com\/pixelied"]},{"@type":"Person","@id":"https:\/\/pixled.accesstool.in\/blog\/#\/schema\/person\/513cf90136f609d73a0de10aa063c0e2","name":"Mughees Mehmood","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pixled.accesstool.in\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e191c47a8aab66991948a79a50e1a7447ae591a5ffe975d496bcc0883345327b?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e191c47a8aab66991948a79a50e1a7447ae591a5ffe975d496bcc0883345327b?s=96&d=mm&r=g","caption":"Mughees Mehmood"},"url":"https:\/\/pixled.accesstool.in\/blog\/author\/mughees\/"}]}},"_links":{"self":[{"href":"https:\/\/pixled.accesstool.in\/blog\/wp-json\/wp\/v2\/posts\/1559","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pixled.accesstool.in\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pixled.accesstool.in\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pixled.accesstool.in\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/pixled.accesstool.in\/blog\/wp-json\/wp\/v2\/comments?post=1559"}],"version-history":[{"count":3,"href":"https:\/\/pixled.accesstool.in\/blog\/wp-json\/wp\/v2\/posts\/1559\/revisions"}],"predecessor-version":[{"id":1625,"href":"https:\/\/pixled.accesstool.in\/blog\/wp-json\/wp\/v2\/posts\/1559\/revisions\/1625"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pixled.accesstool.in\/blog\/wp-json\/wp\/v2\/media\/2882"}],"wp:attachment":[{"href":"https:\/\/pixled.accesstool.in\/blog\/wp-json\/wp\/v2\/media?parent=1559"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pixled.accesstool.in\/blog\/wp-json\/wp\/v2\/categories?post=1559"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pixled.accesstool.in\/blog\/wp-json\/wp\/v2\/tags?post=1559"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
