{"id":11711,"date":"2026-01-10T22:34:27","date_gmt":"2026-01-10T14:34:27","guid":{"rendered":"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/"},"modified":"2026-01-10T22:34:27","modified_gmt":"2026-01-10T14:34:27","slug":"make-a-shape-enter-and-exit-a-diagram","status":"publish","type":"post","link":"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/","title":{"rendered":"Buat bentuk masuk dan keluar dari diagram"},"content":{"rendered":"<p>Ketika menggunakan Visual Paradigm Online, Anda dapat menambahkan animasi ke desain Anda agar terlihat lebih menarik. Saat menganimasikan flipbook Anda, Anda dapat menentukan efek masuk dan keluar dari suatu objek. Video ini akan menunjukkan cara mengkonfigurasi efek animasi.<\/p>\n<div class=\"epyt-video-wrapper\"><iframe allow=\"fullscreen; accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\" class=\"__youtube_prefs__ epyt-is-override no-lazyload\" data-no-lazy=\"1\" data-origheight=\"480\" data-origwidth=\"854\" data-skipgform_ajax_framebjll=\"\" height=\"480\" id=\"_ytid_10784\" loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/Slxz0WRpxb8?enablejsapi=1&amp;autoplay=0&amp;cc_load_policy=0&amp;cc_lang_pref=&amp;iv_load_policy=1&amp;loop=0&amp;modestbranding=0&amp;rel=1&amp;fs=1&amp;playsinline=0&amp;autohide=2&amp;theme=dark&amp;color=red&amp;controls=1&amp;\" title=\"YouTube player\" width=\"854\"><\/iframe><\/div>\n<ol>\n<li>Klik ikon animasi di bagian bawah editor untuk membuka timeline animasi.\n<p id=\"nygWftJ\"><img alt=\"\" class=\"alignnone wp-image-11807\" decoding=\"async\" height=\"84\" loading=\"lazy\" sizes=\"auto, (max-width: 352px) 100vw, 352px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114458.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114458.png 285w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114458-150x36.png 150w\" width=\"352\"\/><\/p>\n<\/li>\n<li>Pilih objek yang ingin Anda animasikan, dan panel animasi akan terbuka di sebelah kanan, Anda dapat memilih efek animasi masuk untuk objek tersebut. Ketika Anda menempatkan kursor di atas ikon, akan muncul pratinjau langsung untuk elemen yang dipilih.\n<p id=\"rVpewjz\"><img alt=\"\" class=\"alignnone wp-image-11808\" decoding=\"async\" height=\"344\" loading=\"lazy\" sizes=\"auto, (max-width: 666px) 100vw, 666px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-300x155.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-300x155.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-1030x531.png 1030w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-768x396.png 768w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-150x77.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-400x206.png 400w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749.png 1274w\" width=\"666\"\/><\/p>\n<\/li>\n<li>Setelah memilih efek animasi masuk, Anda dapat beralih ke tab Keluar, untuk menentukan efek animasi keluar.\n<p id=\"oBXnCfS\"><img alt=\"\" class=\"alignnone wp-image-11810\" decoding=\"async\" height=\"336\" loading=\"lazy\" sizes=\"auto, (max-width: 338px) 100vw, 338px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-28-110227.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-28-110227.png 292w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-28-110227-80x80.png 80w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-28-110227-150x150.png 150w\" width=\"338\"\/><br \/>\n<img alt=\"\" class=\"alignnone wp-image-11809\" decoding=\"async\" height=\"185\" loading=\"lazy\" sizes=\"auto, (max-width: 306px) 100vw, 306px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114845.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114845.png 273w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114845-150x91.png 150w\" width=\"306\"\/><\/p>\n<\/li>\n<li>Setelah menambahkan animasi, kita dapat menemukannya di timeline. Anda dapat memindahkan efek sepanjang timeline untuk menyesuaikan waktu.\n<p id=\"XrsCCSx\"><img alt=\"\" class=\"alignnone wp-image-11811\" decoding=\"async\" height=\"188\" loading=\"lazy\" sizes=\"auto, (max-width: 338px) 100vw, 338px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-28-110338.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-28-110338.png 286w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-28-110338-150x83.png 150w\" width=\"338\"\/><\/p>\n<\/li>\n<li>Setelah selesai, Anda dapat menekan tombol putar untuk melihat pratinjau.\n<p id=\"EYlaqmq\"><img alt=\"\" class=\"alignnone wp-image-11812\" decoding=\"async\" height=\"144\" loading=\"lazy\" sizes=\"auto, (max-width: 534px) 100vw, 534px\" src=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-28-110350-300x81.png\" srcset=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-28-110350-300x81.png 300w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-28-110350-150x41.png 150w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-28-110350-400x109.png 400w, https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-28-110350.png 652w\" width=\"534\"\/><\/p>\n<\/li>\n<\/ol>\n<p><strong>Kiat:<\/strong>Untuk sebagian besar animasi, kita dapat mengeditnya dengan lebih banyak pilihan. Tekan ikon gerigi di pojok kanan atas efek, maka Anda akan melihat opsi detailnya. Misalnya, Anda dapat mengatur arah animasi.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ketika menggunakan Visual Paradigm Online, Anda dapat menambahkan animasi ke desain Anda agar terlihat lebih menarik. Saat menganimasikan flipbook Anda, Anda dapat menentukan efek masuk dan keluar dari suatu objek. Video ini akan menunjukkan cara mengkonfigurasi efek animasi. Klik ikon animasi di bagian bawah editor untuk membuka timeline animasi. Pilih objek yang ingin Anda animasikan, [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":11712,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[43],"tags":[],"class_list":["post-11711","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphic-design","loop-entry","clr"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Buat bentuk masuk dan keluar dari diagram - Visual Paradigm Blog<\/title>\n<meta name=\"description\" content=\"When animating your flipbook in VP Online, you can specify the entry, and exit effect of an object to make it more attractive.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Buat bentuk masuk dan keluar dari diagram - Visual Paradigm Blog\" \/>\n<meta property=\"og:description\" content=\"When animating your flipbook in VP Online, you can specify the entry, and exit effect of an object to make it more attractive.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/\" \/>\n<meta property=\"og:site_name\" content=\"Visual Paradigm Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-01-10T14:34:27+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-300x155.png\" \/><meta property=\"og:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-300x155.png\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"155\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"vpmiku\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-300x155.png\" \/>\n<meta name=\"twitter:label1\" content=\"Ditulis oleh\" \/>\n\t<meta name=\"twitter:data1\" content=\"vpmiku\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimasi waktu membaca\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 menit\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/\",\"name\":\"Buat bentuk masuk dan keluar dari diagram - Visual Paradigm Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/Screenshot-2022-04-27-114749-300x155-1.png\",\"datePublished\":\"2026-01-10T14:34:27+00:00\",\"dateModified\":\"2026-01-10T14:34:27+00:00\",\"author\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/fd29bf8bc7b4d0d994dc63a4a7af5458\"},\"description\":\"When animating your flipbook in VP Online, you can specify the entry, and exit effect of an object to make it more attractive.\",\"breadcrumb\":{\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/#breadcrumb\"},\"inLanguage\":\"id\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/#primaryimage\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/Screenshot-2022-04-27-114749-300x155-1.png\",\"contentUrl\":\"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/Screenshot-2022-04-27-114749-300x155-1.png\",\"width\":300,\"height\":155},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/blog.visual-paradigm.com\/id\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Buat bentuk masuk dan keluar dari diagram\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#website\",\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/\",\"name\":\"Visual Paradigm Blog\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/blog.visual-paradigm.com\/id\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"id\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/fd29bf8bc7b4d0d994dc63a4a7af5458\",\"name\":\"vpmiku\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"id\",\"@id\":\"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ab2186f84c99495f4067f33cdf031a0a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ab2186f84c99495f4067f33cdf031a0a?s=96&d=mm&r=g\",\"caption\":\"vpmiku\"},\"url\":\"https:\/\/blog.visual-paradigm.com\/id\/author\/vpmiku\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Buat bentuk masuk dan keluar dari diagram - Visual Paradigm Blog","description":"When animating your flipbook in VP Online, you can specify the entry, and exit effect of an object to make it more attractive.","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:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/","og_locale":"id_ID","og_type":"article","og_title":"Buat bentuk masuk dan keluar dari diagram - Visual Paradigm Blog","og_description":"When animating your flipbook in VP Online, you can specify the entry, and exit effect of an object to make it more attractive.","og_url":"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/","og_site_name":"Visual Paradigm Blog","article_published_time":"2026-01-10T14:34:27+00:00","og_image":[{"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-300x155.png","type":"","width":"","height":""},{"width":300,"height":155,"url":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-300x155.png","type":"image\/png"}],"author":"vpmiku","twitter_card":"summary_large_image","twitter_image":"https:\/\/blog.visual-paradigm.com\/wp-content\/uploads\/2022\/04\/Screenshot-2022-04-27-114749-300x155.png","twitter_misc":{"Ditulis oleh":"vpmiku","Estimasi waktu membaca":"3 menit"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/","url":"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/","name":"Buat bentuk masuk dan keluar dari diagram - Visual Paradigm Blog","isPartOf":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/#website"},"primaryImageOfPage":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/#primaryimage"},"image":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/#primaryimage"},"thumbnailUrl":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/Screenshot-2022-04-27-114749-300x155-1.png","datePublished":"2026-01-10T14:34:27+00:00","dateModified":"2026-01-10T14:34:27+00:00","author":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/fd29bf8bc7b4d0d994dc63a4a7af5458"},"description":"When animating your flipbook in VP Online, you can specify the entry, and exit effect of an object to make it more attractive.","breadcrumb":{"@id":"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/#breadcrumb"},"inLanguage":"id","potentialAction":[{"@type":"ReadAction","target":["https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/"]}]},{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/#primaryimage","url":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/Screenshot-2022-04-27-114749-300x155-1.png","contentUrl":"https:\/\/blog.visual-paradigm.com\/id\/wp-content\/uploads\/sites\/16\/2026\/01\/Screenshot-2022-04-27-114749-300x155-1.png","width":300,"height":155},{"@type":"BreadcrumbList","@id":"https:\/\/blog.visual-paradigm.com\/id\/make-a-shape-enter-and-exit-a-diagram\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/blog.visual-paradigm.com\/id\/"},{"@type":"ListItem","position":2,"name":"Buat bentuk masuk dan keluar dari diagram"}]},{"@type":"WebSite","@id":"https:\/\/blog.visual-paradigm.com\/id\/#website","url":"https:\/\/blog.visual-paradigm.com\/id\/","name":"Visual Paradigm Blog","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/blog.visual-paradigm.com\/id\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"id"},{"@type":"Person","@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/fd29bf8bc7b4d0d994dc63a4a7af5458","name":"vpmiku","image":{"@type":"ImageObject","inLanguage":"id","@id":"https:\/\/blog.visual-paradigm.com\/id\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ab2186f84c99495f4067f33cdf031a0a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ab2186f84c99495f4067f33cdf031a0a?s=96&d=mm&r=g","caption":"vpmiku"},"url":"https:\/\/blog.visual-paradigm.com\/id\/author\/vpmiku\/"}]}},"modified_by":"vpjick","_links":{"self":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts\/11711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/comments?post=11711"}],"version-history":[{"count":0,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/posts\/11711\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media\/11712"}],"wp:attachment":[{"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/media?parent=11711"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/categories?post=11711"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.visual-paradigm.com\/id\/wp-json\/wp\/v2\/tags?post=11711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}