{"id":14287,"date":"2014-02-27T01:41:04","date_gmt":"2014-02-27T06:41:04","guid":{"rendered":"https:\/\/webhostinggeeks.com\/blog\/?p=14287"},"modified":"2017-12-17T13:09:48","modified_gmt":"2017-12-17T18:09:48","slug":"why-you-need-to-learn-about-motion-graphics","status":"publish","type":"post","link":"https:\/\/webhostinggeeks.com\/blog\/why-you-need-to-learn-about-motion-graphics\/","title":{"rendered":"Why You Need to Learn About Motion Graphics"},"content":{"rendered":"<p>If you\u2019re a fan of the show Mad Men or have seen the opening, then you\u2019ve seen a motion graphic.\u00a0Motion graphics were all the rage in the 1960s (hence the look for the Mad Men series set in the advertising field of the 1960s) and were popular in movies, TV show openings and commercials.\u00a0You\u2019ve seen plenty of them, now that you\u2019ve put the graphic with the term. They\u2019re once again on TV, commercials, movies, web sites and any other visual medium.<\/p>\n<p><!--more--><\/p>\n<p>Is it that they are retro? Do they bring back a feeling of simpler days? Are they just visually pleasing and that\u2019s why they have been discovered again? Some people will say that they never went away and that\u2019s true but they are hot again and the web is filling with them. It&#8217;s a logical evolutionary step for the digital medium.<\/p>\n<p>You may be looking at a 30 second motion graphic spot on your homepage as an ad\/introduction, a banner ad, part of a presentation or just website content. The fact is, with the rise of video preferences among web users, motion graphics are inexpensive commercials\/news\/informational spots. You don&#8217;t need actors, sets, filming locations, or anything outside of animated graphics, some stock music, maybe a voice over and you have an effective piece of communications that a majority of viewers will watch from beginning to end, as opposed to written content being read.<\/p>\n<p>Just watching some of these great examples will inspire you. Start thinking about how you can apply this to your business needs.<\/p>\n<p><iframe title=\"Mad Men Opening Credits\" width=\"500\" height=\"281\" data-src=\"https:\/\/www.youtube.com\/embed\/WcRr-Fb5xQo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p>Not a fan of Mad Men and you\u2019ve never seen the opening? Here\u2019s a few examples of motion graphics from the past\u2026<\/p>\n<p><iframe title=\"The Blob 1958 opening tune\" width=\"500\" height=\"375\" data-src=\"https:\/\/www.youtube.com\/embed\/HCtcgI4BcIQ?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p>https:\/\/www.youtube.com\/watch?v=8ChKPEKMw74<\/p>\n<p><iframe title=\"Time Tunnel Intro\" width=\"500\" height=\"375\" data-src=\"https:\/\/www.youtube.com\/embed\/qOuXPumL3l8?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p><iframe title=\"James Bond - Goldfinger (Opening Scene) [HD]\" width=\"500\" height=\"281\" data-src=\"https:\/\/www.youtube.com\/embed\/nCiqsrB2zTc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p><iframe title=\"Batman intro (1966)\" width=\"500\" height=\"375\" data-src=\"https:\/\/www.youtube.com\/embed\/1jgE-lrfZ3k?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p>You&#8217;ve probably seen these examples of motion graphics within the past year or so&#8230;<\/p>\n<p><iframe title=\"300 end titles 720p\" width=\"500\" height=\"281\" data-src=\"https:\/\/www.youtube.com\/embed\/ydgsHiFtnqI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p>https:\/\/www.youtube.com\/watch?v=Eje28TK4D00<\/p>\n<p><iframe title=\"Prinz aus Zamunda ( Coming to america )  Intro\" width=\"500\" height=\"375\" data-src=\"https:\/\/www.youtube.com\/embed\/zajR_ZweIGg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p>\u201cThat\u2019s animation,\u201d you might say. Well, yes\u2026 and no. Motion graphics are the use of video, graphics and animation technology to create the illusion of motion. MG is usually assigned as a descriptor for movie or TV openings, combined with a theme song or score, even if all the images may just be illustrations as with the cool 1966 Batman opening.<\/p>\n<h2>Saul Bass<\/h2>\n<p>One cannot speak of motion graphics without mentioning\u00a0Saul Bass\u00a0(May 8, 1920 \u2013 April 25, 1996). Saul was a graphic designer and filmmaker, perhaps best known for his design of film posters and motion picture title sequences.<\/p>\n<p>I had the pleasure of speaking with Saul on several occasions but didn\u2019t actually know it was him. He just seemed like a very pleasant older man who chatted with me about our birthplace, the Bronx, New York, life, the Yankees and other non-industry stuff. He never introduced himself but would always recognize me at industry social events and it wasn\u2019t until another older gentleman commented on how \u201cSaul had taken a liking to (me),\u201d that I realized I had some brushes with greatness. I had never called him by name, choosing to just say \u201chey!\u201d or \u201chow ya doin\u2019!\u201d every time we met.<\/p>\n<p>I asked this gentleman what Saul\u2019s last name was and he stood dumbfounded. He said with astonishment, \u201cyou didn\u2019t know you\u2019ve been buddy-buddy with Saul Bass?\u201d<\/p>\n<p>I guess that proves once again that the bigger they are, the less they need to talk about how great they are. Unfortunately, I never saw Saul again as he passed away a short time later. I probably would have been a bit tongue-tied knowing I was speaking with THE Saul Bass. Perhaps my not caring is what he liked about shooting the breeze with me.<\/p>\n<p>Saul worked for some of Hollywood\u2019s greatest filmmakers, including Alfred Hitchcock, Otto Preminger, Billy Wilder, Stanley Kubrick and Martin Scorsese. Amongst his most famous title sequences are the animated paper cut-out of a heroin addict\u2019s arm for Preminger\u2019s The Man with the Golden Arm, the credits racing up and down what eventually becomes a high-angle shot of the United Nations building in Hitchcock\u2019s North by Northwest, and the disjointed text that races together and apart in Psycho.<\/p>\n<p><iframe title=\"The Man With The Golden Arm\" width=\"500\" height=\"375\" data-src=\"https:\/\/www.youtube.com\/embed\/eGnpJ_KdqZE?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p><iframe title=\"It&#039;s a mad, mad, mad, mad world\" width=\"500\" height=\"375\" data-src=\"https:\/\/www.youtube.com\/embed\/maOQkmi6Xeo?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p><iframe title=\"Psycho 1960 Intro\" width=\"500\" height=\"281\" data-src=\"https:\/\/www.youtube.com\/embed\/Tek8QmKRODw?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p>https:\/\/www.youtube.com\/watch?v=3sA1en26sgM<\/p>\n<p>He also designed some of the most iconic corporate logos in North America, including the AT&amp;T \u201cbell\u201d logo in 1969, as well as AT&amp;T\u2019s \u201cglobe\u201d logo in 1983, after the breakup of the Bell System. He also designed Continental Airlines\u2019 1968 \u201cJetstream\u201d logo and United Airlines\u2019 1974 \u201ctulip\u201d logo, which became some of the most recognized airline industry logos of the era.<\/p>\n<p>Here\u2019re some words of wisdom from Saul that will affect the way you look at creating\u2026<\/p>\n<p><iframe title=\"Saul Bass: On Making Money vs Quality Work\" width=\"500\" height=\"375\" data-src=\"https:\/\/www.youtube.com\/embed\/tfDCNpaPBiA?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p>Here&#8217;s a unique use of motion graphics for a music video. The musical group, Gorillaz, has all of their videos animated.<\/p>\n<p>https:\/\/www.youtube.com\/watch?v=LoQYw49saqc<\/p>\n<p>Whether it&#8217;s what&#8217;s old is new again, or that you just can&#8217;t deny creative genius, but motion graphics are back, big and will be an integral part of the web, both through all devices but also in augmented reality we will all soon enjoy.<\/p>\n<p>Top image \u00a9GL Stock Images<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-10166 lazyload\" alt=\"whg.bannerad.1.prelim\" data-src=\"https:\/\/webhostinggeeks.com\/blog\/wp-content\/uploads\/2012\/11\/whg.bannerad.1.prelim.jpg\" width=\"635\" height=\"144\" data-srcset=\"https:\/\/webhostinggeeks.com\/blog\/wp-content\/uploads\/2012\/11\/whg.bannerad.1.prelim.jpg 635w, https:\/\/webhostinggeeks.com\/blog\/wp-content\/uploads\/2012\/11\/whg.bannerad.1.prelim-128x29.jpg 128w, https:\/\/webhostinggeeks.com\/blog\/wp-content\/uploads\/2012\/11\/whg.bannerad.1.prelim-420x95.jpg 420w, https:\/\/webhostinggeeks.com\/blog\/wp-content\/uploads\/2012\/11\/whg.bannerad.1.prelim-540x122.jpg 540w, https:\/\/webhostinggeeks.com\/blog\/wp-content\/uploads\/2012\/11\/whg.bannerad.1.prelim-372x84.jpg 372w, https:\/\/webhostinggeeks.com\/blog\/wp-content\/uploads\/2012\/11\/whg.bannerad.1.prelim-328x74.jpg 328w\" data-sizes=\"(max-width: 635px) 100vw, 635px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 635px; --smush-placeholder-aspect-ratio: 635\/144;\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you\u2019re a fan of the show Mad Men or have seen the opening, then you\u2019ve seen a motion graphic.\u00a0Motion graphics were all the rage in the 1960s (hence the&#8230;<\/p>\n","protected":false},"author":13,"featured_media":14295,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"wds_primary_category":0,"footnotes":""},"categories":[3556,3558,2776],"tags":[3270,6900,7077,2779,7076,7075,5241,2041,622],"class_list":["post-14287","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-social-media-2","category-web-technology","category-webdesign","tag-animation","tag-commercials","tag-gorillaz","tag-graphic-design","tag-motion-graphics","tag-saul-bass","tag-video","tag-video-marketing","tag-web-design"],"views":144,"_links":{"self":[{"href":"https:\/\/webhostinggeeks.com\/blog\/wp-json\/wp\/v2\/posts\/14287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webhostinggeeks.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhostinggeeks.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhostinggeeks.com\/blog\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/webhostinggeeks.com\/blog\/wp-json\/wp\/v2\/comments?post=14287"}],"version-history":[{"count":0,"href":"https:\/\/webhostinggeeks.com\/blog\/wp-json\/wp\/v2\/posts\/14287\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webhostinggeeks.com\/blog\/wp-json\/wp\/v2\/media\/14295"}],"wp:attachment":[{"href":"https:\/\/webhostinggeeks.com\/blog\/wp-json\/wp\/v2\/media?parent=14287"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhostinggeeks.com\/blog\/wp-json\/wp\/v2\/categories?post=14287"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhostinggeeks.com\/blog\/wp-json\/wp\/v2\/tags?post=14287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}