{"id":890,"date":"2022-12-13T09:31:34","date_gmt":"2022-12-13T09:31:34","guid":{"rendered":"https:\/\/help.mangoanimate.com\/?post_type=docs&#038;p=890"},"modified":"2022-12-13T09:31:36","modified_gmt":"2022-12-13T09:31:36","slug":"how-to-add-intro-and-outro","status":"publish","type":"docs","link":"https:\/\/help.mangoanimate.com\/hu\/docs\/how-to-add-intro-and-outro\/","title":{"rendered":"Hogyan adjunk hozz\u00e1 Intro \u00e9s Outro"},"content":{"rendered":"<p>Intros and outros build a strong base at the beginning of a video and a well-supported statement at the end.<\/p>\n\n\n\n<p>1. Add intro\/outro<\/p>\n\n\n\n<p>1. Click [Intro&amp;Outro] on the timeline. &nbsp;<\/p>\n\n\n\n<p>2. Click [Add Intro] and [Add Outro] respectively. Then the sliders will appear on the text line.<\/p>\n\n\n\n<p>3. You can drag the slider to adjust the duration of the intro and outro.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"542\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-114.png\" alt=\"\" class=\"wp-image-891\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-114.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-114-300x188.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-114-768x481.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-114-360x226.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-114-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>2. Add elements to the intro\/outro<\/p>\n\n\n\n<p>\uff081\uff09Add Text<\/p>\n\n\n\n<p>Click [Add Text] on the text panel to enter the words. You also can click the sample text or drag it to the canvas.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"545\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-115.png\" alt=\"\" class=\"wp-image-892\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-115.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-115-300x189.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-115-768x484.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-115-360x227.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-115-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>After entering the text, you can click the text to do property settings including basic config, shadow config, appearance config and font config.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"545\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-116.png\" alt=\"\" class=\"wp-image-893\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-116.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-116-300x189.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-116-768x484.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-116-360x227.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-116-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>\uff082\uff09Add image<\/p>\n\n\n\n<p>a. Add a local image<\/p>\n\n\n\n<p>Click [Add Image] on the image panel. Select an image and click [Open] in the pop-up window. The following formats of images are supported: SVG, PGN, JPG, JPEG and GIF.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"545\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-117.png\" alt=\"\" class=\"wp-image-894\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-117.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-117-300x189.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-117-768x484.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-117-360x227.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-117-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>b. Add an online image<\/p>\n\n\n\n<p>Mango Text Video Maker offers users multiple image categories. You can choose a category or enter keywords in the search box to search for images. Then click to select an image and add it to the intro or outro.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"545\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-118.png\" alt=\"\" class=\"wp-image-895\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-118.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-118-300x189.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-118-768x484.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-118-360x227.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-118-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>\uff083\uff09Add Flash<\/p>\n\n\n\n<p>You can click [Add SWF] to add local SWF files.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"545\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-119.png\" alt=\"\" class=\"wp-image-896\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-119.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-119-300x189.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-119-768x484.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-119-360x227.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-119-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>You also can add the online SWF files on the flash panel. Select a category or enter keywords to search for SWF files. Then click to select an SWF file and add it to the intro or outro.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"545\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-120.png\" alt=\"\" class=\"wp-image-897\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-120.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-120-300x189.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-120-768x484.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-120-360x227.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-120-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>\uff084\uff09Add Transitions<\/p>\n\n\n\n<p>On the transitions panel, choose a transition from any category. Or you can enter keywords to search for transitions. Then click to select a transition.<\/p>\n\n\n\n<p>Note: You can preview the effect of transitions when the mouse hovers over them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"545\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-121.png\" alt=\"\" class=\"wp-image-898\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-121.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-121-300x189.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-121-768x484.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-121-360x227.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-121-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>You can drag the slider to adjust the duration of the transition effect. The transition slider is transparent and you still can edit the text by clicking the text slider.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"545\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-122.png\" alt=\"\" class=\"wp-image-899\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-122.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-122-300x189.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-122-768x484.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-122-360x227.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-122-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>\n\n\n\n<p>\uff085\uff09Add Video<\/p>\n\n\n\n<p>Click [Add Video] on the video panel to upload a local video.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"865\" height=\"545\" src=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-123.png\" alt=\"\" class=\"wp-image-900\" srcset=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-123.png 865w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-123-300x189.png 300w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-123-768x484.png 768w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-123-360x227.png 360w, https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-123-18x12.png 18w\" sizes=\"(max-width: 865px) 100vw, 865px\" \/><\/figure>","protected":false},"excerpt":{"rendered":"<p>Intros and outros build a strong base at the beginning of a video and a well-supported statement at the end. 1. Add intro\/outro 1. Click [Intro&amp;Outro] on the timeline. &nbsp; 2. Click [Add Intro] and [Add Outro] respectively. Then the sliders will appear on the text line. 3. You can drag the slider to adjust &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/help.mangoanimate.com\/hu\/docs\/how-to-add-intro-and-outro\/\"> <span class=\"screen-reader-text\">Hogyan adjunk hozz\u00e1 Intro \u00e9s Outro<\/span> Read More &raquo;<\/a><\/p>","protected":false},"author":5,"featured_media":0,"parent":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":""},"doc_category":[56],"doc_tag":[],"knowledge_base":[41],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v19.2.1 (Yoast SEO v20.10) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Add Intro and Outro - Mango Animate Help Center<\/title>\n<meta name=\"description\" content=\"Intros and outros build a strong base at the beginning of a video and a well-supported statement at the end.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/help.mangoanimate.com\/hu\/docs\/how-to-add-intro-and-outro\/\" \/>\n<meta property=\"og:locale\" content=\"hu_HU\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Add Intro and Outro\" \/>\n<meta property=\"og:description\" content=\"Intros and outros build a strong base at the beginning of a video and a well-supported statement at the end.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/help.mangoanimate.com\/hu\/docs\/how-to-add-intro-and-outro\/\" \/>\n<meta property=\"og:site_name\" content=\"Mango Animate Help Center\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-13T09:31:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-114.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Becs\u00fclt olvas\u00e1si id\u0151\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 perc\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-intro-and-outro\/\",\"url\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-intro-and-outro\/\",\"name\":\"How to Add Intro and Outro - Mango Animate Help Center\",\"isPartOf\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#website\"},\"datePublished\":\"2022-12-13T09:31:34+00:00\",\"dateModified\":\"2022-12-13T09:31:36+00:00\",\"description\":\"Intros and outros build a strong base at the beginning of a video and a well-supported statement at the end.\",\"breadcrumb\":{\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-intro-and-outro\/#breadcrumb\"},\"inLanguage\":\"hu\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-intro-and-outro\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/help.mangoanimate.com\/docs\/how-to-add-intro-and-outro\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/help.mangoanimate.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Add Intro and Outro\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/help.mangoanimate.com\/#website\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"name\":\"Mango Animate Help Center\",\"description\":\"Just another WordPress site\",\"publisher\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/help.mangoanimate.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"hu\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/help.mangoanimate.com\/#organization\",\"name\":\"Mango Animate Help Center\",\"url\":\"https:\/\/help.mangoanimate.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"hu\",\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"contentUrl\":\"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png\",\"width\":240,\"height\":32,\"caption\":\"Mango Animate Help Center\"},\"image\":{\"@id\":\"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How to Add Intro and Outro - Mango Animate Help Center","description":"Intros and outros build a strong base at the beginning of a video and a well-supported statement at the end.","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:\/\/help.mangoanimate.com\/hu\/docs\/how-to-add-intro-and-outro\/","og_locale":"hu_HU","og_type":"article","og_title":"How to Add Intro and Outro","og_description":"Intros and outros build a strong base at the beginning of a video and a well-supported statement at the end.","og_url":"https:\/\/help.mangoanimate.com\/hu\/docs\/how-to-add-intro-and-outro\/","og_site_name":"Mango Animate Help Center","article_modified_time":"2022-12-13T09:31:36+00:00","og_image":[{"url":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/12\/image-114.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Becs\u00fclt olvas\u00e1si id\u0151":"4 perc"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-intro-and-outro\/","url":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-intro-and-outro\/","name":"How to Add Intro and Outro - Mango Animate Help Center","isPartOf":{"@id":"https:\/\/help.mangoanimate.com\/#website"},"datePublished":"2022-12-13T09:31:34+00:00","dateModified":"2022-12-13T09:31:36+00:00","description":"Intros and outros build a strong base at the beginning of a video and a well-supported statement at the end.","breadcrumb":{"@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-intro-and-outro\/#breadcrumb"},"inLanguage":"hu","potentialAction":[{"@type":"ReadAction","target":["https:\/\/help.mangoanimate.com\/docs\/how-to-add-intro-and-outro\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/help.mangoanimate.com\/docs\/how-to-add-intro-and-outro\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/help.mangoanimate.com\/"},{"@type":"ListItem","position":2,"name":"How to Add Intro and Outro"}]},{"@type":"WebSite","@id":"https:\/\/help.mangoanimate.com\/#website","url":"https:\/\/help.mangoanimate.com\/","name":"Mango Animate Help Center","description":"Just another WordPress site","publisher":{"@id":"https:\/\/help.mangoanimate.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/help.mangoanimate.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"hu"},{"@type":"Organization","@id":"https:\/\/help.mangoanimate.com\/#organization","name":"Mango Animate Help Center","url":"https:\/\/help.mangoanimate.com\/","logo":{"@type":"ImageObject","inLanguage":"hu","@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/","url":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","contentUrl":"https:\/\/help.mangoanimate.com\/wp-content\/uploads\/2022\/09\/logo-1.png","width":240,"height":32,"caption":"Mango Animate Help Center"},"image":{"@id":"https:\/\/help.mangoanimate.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/help.mangoanimate.com\/hu\/wp-json\/wp\/v2\/docs\/890"}],"collection":[{"href":"https:\/\/help.mangoanimate.com\/hu\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.mangoanimate.com\/hu\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hu\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hu\/wp-json\/wp\/v2\/comments?post=890"}],"version-history":[{"count":1,"href":"https:\/\/help.mangoanimate.com\/hu\/wp-json\/wp\/v2\/docs\/890\/revisions"}],"predecessor-version":[{"id":901,"href":"https:\/\/help.mangoanimate.com\/hu\/wp-json\/wp\/v2\/docs\/890\/revisions\/901"}],"wp:attachment":[{"href":"https:\/\/help.mangoanimate.com\/hu\/wp-json\/wp\/v2\/media?parent=890"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hu\/wp-json\/wp\/v2\/doc_category?post=890"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hu\/wp-json\/wp\/v2\/doc_tag?post=890"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/help.mangoanimate.com\/hu\/wp-json\/wp\/v2\/knowledge_base?post=890"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}