{"id":50,"date":"2024-10-01T15:29:03","date_gmt":"2024-10-01T18:29:03","guid":{"rendered":"https:\/\/tilbuci.com.br\/site\/?page_id=50"},"modified":"2024-10-04T11:04:12","modified_gmt":"2024-10-04T14:04:12","slug":"creating-your-first-movie","status":"publish","type":"page","link":"https:\/\/tilbuci.com.br\/site\/getting-started-with-tilbuci\/creating-your-first-movie\/","title":{"rendered":"Creating your first movie"},"content":{"rendered":"\n<p>So you want to create your first TIlBuci movie, right? No problem, this guide will teach you the first steps of the software. Click at the pictures to expand the view.<\/p>\n\n\n\n<figure class=\"wp-block-embed 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=\"Getting started with TilBuci chapter 1:  creating your first movie\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/FOmID6aspyw?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<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--1\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-1024x576.png\" alt=\"\" class=\"wp-image-65\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>The first thing to do is access your TilBuci installation and enter your credentials. If you are using the software in single-user mode, you are ready to go!<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--2\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-1024x576.png\" alt=\"\" class=\"wp-image-67\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Any project created in TilBuci, from a simple web page to a presentation or even an electronic magazine or narrative game is called a movie. To create a movie, select Movie > New from the left menu.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--3\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/04-2-1024x576.png\" alt=\"\" class=\"wp-image-68\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/04-2-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/04-2-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/04-2-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/04-2-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/04-2.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>The new movie configuration window will appear. In it, you will need to indicate some information, such as the title of your creation and an identifier. Try using a simple word for the identifier, without spaces or special characters.<\/p>\n\n\n\n<p>You can also indicate your name, copyright and copyleft notes and a description.<\/p>\n\n\n\n<p>The next step is to indicate the size and screen format of your creation. By default, TIlBuci understands that your movie can be viewed on both horizontal and vertical screens. Let&#8217;s keep it that way for your first film. Click the Create movie button.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--4\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-1024x576.png\" alt=\"\" class=\"wp-image-71\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>That&#8217;s it, your first film has been created! Note that the title of your project appears at the bottom of the screen. Movies created in TilBuci are made up of scenes. The time has come to include your first one.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--5\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/06-1024x576.png\" alt=\"\" class=\"wp-image-72\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/06-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/06-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/06-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/06-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/06.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Go to the left menu and click Scene > New.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--6\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-1024x576.png\" alt=\"\" class=\"wp-image-74\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Think of a very creative title for your first scene. After typing it, click Create scene. Notice that the name of your scene appears next to the movie title at the bottom of the screen.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--7\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/08-1024x576.png\" alt=\"\" class=\"wp-image-75\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/08-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/08-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/08-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/08-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/08.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Now, let&#8217;s add an image to our scene. In the left menu, click Media > Picture.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--8\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-1024x576.png\" alt=\"\" class=\"wp-image-77\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>The image manager will appear. There, click Upload a file to select a file from your computer. <a href=\"https:\/\/tilbuci.com.br\/files\/gettingstarted\/chapter01.zip\" target=\"_blank\" rel=\"noreferrer noopener\">You may use this file.<\/a><\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--9\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-1024x576.png\" alt=\"\" class=\"wp-image-79\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>After the file is uploaded, click on its name in the list so that the image appears in the manager. After that, click Add to stage to add it to the scene.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--10\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-1024x576.png\" alt=\"\" class=\"wp-image-80\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Congratulations! You&#8217;ve just added your first image, but it doesn&#8217;t seem quite right, does it? Click on it to select it and, in the menu on the right, click on the + button next to Placement.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--11\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-1024x576.png\" alt=\"\" class=\"wp-image-82\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>You can manually drag and resize the image, but for now, what about using the properties in the menu on the right? Click on the Width value and change it to 320. Then click on the Adjust height button below so that the image is proportional. To finish, click on the center buttons just below the X position and Y position values.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--12\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/13-1024x576.png\" alt=\"\" class=\"wp-image-84\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/13-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/13-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/13-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/13-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/13.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>How about adding a highlight to our photo? To do this, go to the left menu and click on Media > Shape. The shape generation window will appear. Keep the circle shape, but change the color to orange, as shown in the image (use hexadecimal values). Once done, click on the Draw shape button to check and then on Add to the stage.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--13\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/14-1024x576.png\" alt=\"\" class=\"wp-image-86\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/14-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/14-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/14-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/14-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/14.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>After adding, select the circle image and change the size to 800 (Width) x 800 (Height). After that, center it as you did with the previous one. Oops\u2026 something didn&#8217;t look good, the image appeared on top of the photo!<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--14\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/15-1024x576.png\" alt=\"\" class=\"wp-image-87\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/15-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/15-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/15-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/15-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/15.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Keeping the circle selected, click the button to decrease the order. This will rearrange the images.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--15\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/16-1024x576.png\" alt=\"\" class=\"wp-image-88\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/16-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/16-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/16-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/16-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/16.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>This is a good time to record the work you&#8217;ve done so far. In the left menu, go to Scene > Save. When the recording ends, you will see a success message at the bottom of the screen.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--16\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/17-1024x576.png\" alt=\"\" class=\"wp-image-90\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/17-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/17-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/17-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/17-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/17.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>So far we have only diagrammed the horizontal screen of your scene. It&#8217;s time to check out how it will look on vertical screens, like those on mobile phones. Click the swap button at the bottom of the screen. You will see that the images are still in their original sizes and positions.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--17\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/18-1024x576.png\" alt=\"\" class=\"wp-image-91\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/18-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/18-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/18-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/18-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/18.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Set the photo size to 270&#215;700, at position 405,610 (centered). For the circle, adjust the size to 600&#215;600 and also center it. If necessary, also adjust the order. The layout of each screen format is independent.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--18\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"571\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/19-1024x571.png\" alt=\"\" class=\"wp-image-95\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/19-1024x571.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/19-300x167.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/19-768x428.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/19-1536x856.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/19.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>You can check your scene at any time by pressing the play button at the bottom of the screen. In the preview window you can check both the horizontal and vertical behavior.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--19\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/20-1024x576.png\" alt=\"\" class=\"wp-image-97\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/20-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/20-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/20-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/20-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/20.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Once you&#8217;re happy with your scene, go to the left menu and click Scene > Publish. In addition to saving, this will make the current version available to be accessed.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--20\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/21-1024x576.png\" alt=\"\" class=\"wp-image-98\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/21-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/21-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/21-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/21-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/21.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>But there are still two adjustments to make. First, go to the left menu and select Movie > Properties. In the properties window choose your scene as the index. The index scene is the first to be played when the movie opens. Click the Save descriptions button to save this configuration.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--21\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/22-1024x576.png\" alt=\"\" class=\"wp-image-99\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/22-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/22-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/22-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/22-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/22.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Then click the Setup button in the left menu to show the general settings window. Go to the Configuration tab and select your movie as index and click on the Set selected movie as index button.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--22\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/23-1024x536.png\" alt=\"\" class=\"wp-image-100\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/23-1024x536.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/23-300x157.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/23-768x402.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/23-1536x804.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/23.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Now, just access the \/app path of your TilBuci installation to see the results.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Our work today was great! You learned how to create a TilBuci movie, prepare a scene, and add media. Keep following the tips in our videos to become a master in the art of digital publishing in no time!<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tilbuci.com.br\/site\/index.php\/getting-started-with-tilbuci\/\">Back to index<\/a><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>So you want to create your first TIlBuci movie, right? No problem, this guide will teach you the first steps of the software. Click at the pictures to expand the view. The first thing to do is access your TilBuci installation and enter your credentials. If you are using the software in single-user mode, you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":44,"menu_order":17,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-50","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":16,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages\/50\/revisions"}],"predecessor-version":[{"id":101,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages\/50\/revisions\/101"}],"up":[{"embeddable":true,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages\/44"}],"wp:attachment":[{"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/media?parent=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}