{"id":2905,"date":"2025-09-01T11:53:00","date_gmt":"2025-09-01T11:53:00","guid":{"rendered":"https:\/\/www.apridesain.id\/blog\/?p=2905"},"modified":"2025-09-02T04:54:30","modified_gmt":"2025-09-02T04:54:30","slug":"contoh-motion-graphic","status":"publish","type":"post","link":"https:\/\/www.apridesain.id\/blog\/contoh-motion-graphic\/","title":{"rendered":"7 Contoh Motion Graphic yang Unik dan Menarik untuk Inspirasi"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Teman-teman ingin membuat motion graphic? Tapi kesulitan mencari ide dan inspirasi contohnya?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Padahal deadline tugas dan pekerjaan sudah semakin mepet?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jangan khawatir, kami sudah menyiapkan sejumlah contoh motion graphic untuk menyegarkan kreativitas dan menginspirasi Anda. Jadi, silakan cek sampai akhir ya!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1. Motion Graphic Oreo<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeZqWhnFySF4KBHYHO68tTcfgZ6XBz2ERIRRem0xmIEczjAKkue3vPzIOdduwwAkktHk7mbdPJdU94yAfOs-WJj8VsMc1ZEtQIpiCsHcyqXvIvSZgCxE2N42X6VZyfgYf0swHRRyJlweNCZguc10l_-YWQf?key=BBrVqrX3JPZOcXcmR9Ytwg\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Source: <a href=\"https:\/\/cdn.dribbble.com\/users\/1280005\/screenshots\/2894208\/oreo-gif-2.gif\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>Dribbble<\/em><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pada contoh motion graphic di atas, semua elemennya tampil dengan rapi, mulai dari representasi brand, warna, produk, hingga pergerakannya yang sederhana tapi cukup menarik. Singkat, padat, jelas, dan langsung <em>to the point<\/em>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Baca juga: <\/strong><a href=\"https:\/\/www.apridesain.id\/blog\/pengertian-motion-graphic\/\"><strong>Pengertian Motion Graphic, Manfaat, Aplikasi dan Cara Membuatnya<\/strong><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">2. Motion Graphic London<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXeVUkgrdwLEPg4MrpOJIpCAopA2ZofV1IjT4iOq908KfXY4OzpMAhbiLnfrtV_mOSS0yMYWaPcHZDT92KwaxtX3YDsk1O58FWuYDEND6Vg0bilLZgx0xxSRE6ZyULzQkE6_Ds8XYFQcZs-VPkrvIyaDDKQP?key=BBrVqrX3JPZOcXcmR9Ytwg\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Source: <a href=\"https:\/\/payload325.cargocollective.com\/1\/16\/520111\/8807079\/gif-740.gif\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>Icons Mind<\/em><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Contoh motion graphic yang ke dua ada motion graphic bertemakan kota London, Inggris. Di dalamnya tercermin berbagai hal yang ada di kota London, mulai dari bangunan, bendera, wahana, hingga penjaga istana yang sangat ikonik.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">3. Motion Graphic Pixel dan Retro<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXfog7vagTKzIS4jq-Vl60HNxvAU6cq2-M4wuZKz3lb49HnlgHakYst45Grbs-2cVAxxPthKgi1Qf-Y85zqZpZgZ_tp-30ghn4lspqG7O6d6APiDzjp7x10fyWoj5ysGOJXOtwbqTPiZNE9lDHqavT_BsIWs?key=BBrVqrX3JPZOcXcmR9Ytwg\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Source: <a href=\"https:\/\/uploads-ssl.webflow.com\/61c181d8f24ef9de8bdb5e4c\/623d10c3c8b44c5241602a95_Comp-1.gif\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>Webflow<\/em><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Teman-teman suka dengan <em>style<\/em> pixel dan retro, maka inspirasi motion graphic di atas bisa Anda coba Bukan hanya teks, tapi elemen background-nya juga ikut bergerak, membuatnya tampil dengan natural.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Baca juga: <\/strong><a href=\"https:\/\/www.apridesain.id\/blog\/pengertian-animasi\/\"><strong>Pengertian Animasi, Jenis, dan Contohnya<\/strong><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">4. <em>Shape<\/em> (Bentuk) Motion Graphic<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img decoding=\"async\" src=\"https:\/\/lh7-rt.googleusercontent.com\/docsz\/AD_4nXdZoXNxZ_PcWinXA25MjtEXwl2KULfiZZVw88TS_ofuKamEla95ehVYzLXiuagKg7ndJhZFb_hnwbgP55BjH-hiXafPhzscIUzhluLsOhtjCQy14XINUtqaBBw_cbjc0QKJY2a0UhosglGwhMRDErDDwWY0?key=BBrVqrX3JPZOcXcmR9Ytwg\" alt=\"\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Source: <a href=\"https:\/\/media.tenor.com\/images\/538ce0c674feab3537b88532855e3fa2\/tenor.gif\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>Linearity<\/em><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jika Anda ingin membuat motion graphic yang berisikan informasi, salah satu ide yang bisa teman-teman coba adalah <em>movement shape<\/em> motion. Jadi, setiap bentuk yang bergerak akan berubah menjadi teks atau bentuk yang mudah dipahami oleh audiens.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">5. Slack<\/h2>\n\n\n\n<figure class=\"wp-block-embed aligncenter 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=\"Work, simplified. | Slack\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/uGPXaDaNla0?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<p class=\"wp-block-paragraph\">Source: <a href=\"https:\/\/www.youtube.com\/watch?v=uGPXaDaNla0\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>Slack YT<\/em><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Video Slack di atas adalah bukti dari fungsi dan manfaat dari motion graphic. Slack mampu membuat video menarik yang memberikan dampak positif menggunakan bentuk dan warna sederhana dengan narasi yang jelas dan ringkas, serta alur dan citra gambar yang memukau.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">6. CoPilot AI<\/h2>\n\n\n\n<figure class=\"wp-block-embed aligncenter 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=\"Motion Graphics Explainer Video - Copilot AI\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/X5Nf5B_Q2OU?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<p class=\"wp-block-paragraph\">Source: <a href=\"https:\/\/youtu.be\/X5Nf5B_Q2OU\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>Youtube<\/em><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Motion graphic di atas merepresentasikan CoPilot AI, merupakan salah satu motion graphic terbaik yang pernah dibuat. Alasannya adalah karena motion graphic ini mampu menampilkan semua elemen dengan baik seperti kreativitas, interaktif, dan kejelasan informasi.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Baca juga: <\/strong><a href=\"https:\/\/www.apridesain.id\/blog\/pengertian-mockup-jenis-dan-contohnya\/\"><strong>Pengertian Mockup, Jenis, dan Contohnya<\/strong><\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">7. Rumaysho<\/h2>\n\n\n\n<figure class=\"wp-block-embed aligncenter 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=\"Motion Graphic : Ghibah yang Diperbolehkan - Rumaysho TV\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/JfXXmcQyTr0?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<p class=\"wp-block-paragraph\">Source: <a href=\"https:\/\/www.youtube.com\/watch?v=JfXXmcQyTr0\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"><em>Rumaysho YT<\/em><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Jika teman-teman berkeinginan untuk berdakwah dengan video, maka contoh video motion graphic di atas bisa Anda jadikan inspirasi. Meskipun begitu, Anda juga tetap bisa menjadikannya sebagai bahan ide untuk pekerjaan Anda di kantor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Motion graphic rumaysho di atas cukup sederhana, dibumbui dengan elemen gambar, suasana, <em>sound effects<\/em>, hingga narasi yang membuat para audiens mengikuti video dengan seksama.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Bonus Motion Graphic yang Kami Buat di Canva<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"900\" height=\"500\" src=\"https:\/\/www.apridesain.id\/blog\/wp-content\/uploads\/2024\/09\/contoh-motion-graphic.gif\" alt=\"contoh motion graphic\" class=\"wp-image-2904\"\/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Bagaimana, apakah contoh-contoh motion graphic di atas sudah cukup memberikan ide dan inspirasi bagi Anda<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Apabila ada pertanyaan atau ingin menambahkan, silakan tuliskan pesan Anda di kolom komentar, atau jika Anda ingin bekerja sama atau sponsor silakan <a href=\"https:\/\/www.apridesain.id\/blog\/kontak-kami\/\"><strong>hubungi kami di sini<\/strong><\/a>.<\/p>\n\n\n\n<details class=\"wp-block-details is-layout-flow wp-block-details-is-layout-flow\"><summary>Referensi:<\/summary>\n<p class=\"wp-block-paragraph\">https:\/\/mowe.studio\/what-is-motion-graphics\/<br><\/p>\n<\/details>\n","protected":false},"excerpt":{"rendered":"<p>Mencari ide motion graphic untuk inspirasi Anda? Cek contoh motion graphic terbaik, unik, dan menarik di ulasan berikut ini.<\/p>\n","protected":false},"author":1,"featured_media":2903,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5],"tags":[],"class_list":["post-2905","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-desain-grafis"],"_links":{"self":[{"href":"https:\/\/www.apridesain.id\/blog\/wp-json\/wp\/v2\/posts\/2905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.apridesain.id\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.apridesain.id\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.apridesain.id\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.apridesain.id\/blog\/wp-json\/wp\/v2\/comments?post=2905"}],"version-history":[{"count":0,"href":"https:\/\/www.apridesain.id\/blog\/wp-json\/wp\/v2\/posts\/2905\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.apridesain.id\/blog\/wp-json\/wp\/v2\/media\/2903"}],"wp:attachment":[{"href":"https:\/\/www.apridesain.id\/blog\/wp-json\/wp\/v2\/media?parent=2905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.apridesain.id\/blog\/wp-json\/wp\/v2\/categories?post=2905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.apridesain.id\/blog\/wp-json\/wp\/v2\/tags?post=2905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}