<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>http://en.lightstream.pro/index.php?action=history&amp;feed=atom&amp;title=Creating_and_Editing_Layouts</id>
	<title>Creating and Editing Layouts - Revision history</title>
	<link rel="self" type="application/atom+xml" href="http://en.lightstream.pro/index.php?action=history&amp;feed=atom&amp;title=Creating_and_Editing_Layouts"/>
	<link rel="alternate" type="text/html" href="http://en.lightstream.pro/index.php?title=Creating_and_Editing_Layouts&amp;action=history"/>
	<updated>2026-09-04T13:38:14Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.40.1</generator>
	<entry>
		<id>http://en.lightstream.pro/index.php?title=Creating_and_Editing_Layouts&amp;diff=321&amp;oldid=prev</id>
		<title>LumiBot: Перевод с русской вики (задача №959, LS Dev Hub)</title>
		<link rel="alternate" type="text/html" href="http://en.lightstream.pro/index.php?title=Creating_and_Editing_Layouts&amp;diff=321&amp;oldid=prev"/>
		<updated>2026-09-02T18:44:32Z</updated>

		<summary type="html">&lt;p&gt;Перевод с русской вики (задача №959, LS Dev Hub)&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;[[ru:Создание и изменение лейаутов]] [[en:Creating and Editing Layouts]]&lt;br /&gt;
A layout is a rectangular area on the &amp;#039;&amp;#039;&amp;#039;Mapping&amp;#039;&amp;#039;&amp;#039; field within which effects play. Layouts let you run different animations on different parts of an object within a single composition: a running text on a building&amp;#039;s frieze, color washes on the columns, flashes on the roof. Layouts are created once for the entire project and are immediately available in all of its compositions, while which effects lie in each layout is set separately in each composition.&lt;br /&gt;
&lt;br /&gt;
== Main and Additional Layouts ==&lt;br /&gt;
&lt;br /&gt;
Every project always has a main layout — &amp;#039;&amp;#039;&amp;#039;Main layout&amp;#039;&amp;#039;&amp;#039;. It coincides with the entire &amp;#039;&amp;#039;&amp;#039;Mapping&amp;#039;&amp;#039;&amp;#039; work field: it cannot be deleted, cannot be dragged or resized with the mouse, and its width and height are the size of the field itself (how to change it is described below in the &amp;quot;Work Field Size&amp;quot; section). If no other layout is selected before adding an effect, the effect goes right into the &amp;#039;&amp;#039;&amp;#039;Main layout&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
There can be any number of additional layouts. They can be of any size — from the entire field down to a single pixel — can overlap each other, lie one inside another, and be positioned anywhere on the field. New layouts are named &amp;#039;&amp;#039;&amp;#039;Layout001&amp;#039;&amp;#039;&amp;#039;, &amp;#039;&amp;#039;&amp;#039;Layout002&amp;#039;&amp;#039;&amp;#039; and so on; the name can be changed.&lt;br /&gt;
&lt;br /&gt;
An effect always fills its entire layout: its image is stretched to the layout&amp;#039;s width and height and does not go beyond its boundaries. That&amp;#039;s why the same effect looks different in a narrow layout versus a wide one, and fixtures only &amp;quot;see&amp;quot; the layouts whose boundaries they fall within.&lt;br /&gt;
&lt;br /&gt;
== Creating a Layout ==&lt;br /&gt;
&lt;br /&gt;
# In the &amp;#039;&amp;#039;&amp;#039;Mapping&amp;#039;&amp;#039;&amp;#039; window, select the &amp;#039;&amp;#039;&amp;#039;Create Layout&amp;#039;&amp;#039;&amp;#039; tool (the same action is available via the &amp;#039;&amp;#039;&amp;#039;Edit → Create Layout&amp;#039;&amp;#039;&amp;#039; menu).&lt;br /&gt;
# Left-click at the location where the first corner of the layout will be.&lt;br /&gt;
# Move the mouse aside — a green frame will show the future boundaries — and click a second time. The layout is created on the second click.&lt;br /&gt;
&lt;br /&gt;
The boundaries are rounded to whole field pixels; the minimum layout size is 1×1 pixel. The new layout immediately appears both on the &amp;#039;&amp;#039;&amp;#039;Mapping&amp;#039;&amp;#039;&amp;#039; field and as a separate track in the &amp;#039;&amp;#039;&amp;#039;Timeline&amp;#039;&amp;#039;&amp;#039;, and its parameters open in the &amp;#039;&amp;#039;&amp;#039;Properties&amp;#039;&amp;#039;&amp;#039; window — you can set exact coordinates and size right there.&lt;br /&gt;
&lt;br /&gt;
If you miss while drawing, it&amp;#039;s not a problem: both the position and the size of the layout can be changed at any time.&lt;br /&gt;
&lt;br /&gt;
== Selecting, Moving, and Resizing ==&lt;br /&gt;
&lt;br /&gt;
Layouts are selected with the &amp;#039;&amp;#039;&amp;#039;Select and Edit Effects&amp;#039;&amp;#039;&amp;#039; tool — the one selected by default in the &amp;#039;&amp;#039;&amp;#039;Mapping&amp;#039;&amp;#039;&amp;#039; window (fixtures cannot be selected with it, so you won&amp;#039;t accidentally move them). Click on the edge of the layout or on its label on the field: the selected layout is highlighted in orange, and its name is shown next to it.&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Move&amp;#039;&amp;#039;&amp;#039; — drag the layout&amp;#039;s orange marker.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Resize&amp;#039;&amp;#039;&amp;#039; — drag any of its corners.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Ctrl+F&amp;#039;&amp;#039;&amp;#039; — stretch the selected layout to the entire work field.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Set exact values&amp;#039;&amp;#039;&amp;#039; — in the &amp;#039;&amp;#039;&amp;#039;Properties&amp;#039;&amp;#039;&amp;#039; window (see the next section).&lt;br /&gt;
&lt;br /&gt;
If the selection is lost after clicking elsewhere, select the layout again on its track in the &amp;#039;&amp;#039;&amp;#039;Timeline&amp;#039;&amp;#039;&amp;#039; — after that it becomes available for editing on the field again.&lt;br /&gt;
&lt;br /&gt;
When a layout is resized, all effects inside it are automatically recalculated for the new size. The &amp;#039;&amp;#039;&amp;#039;Main layout&amp;#039;&amp;#039;&amp;#039; does not move or scale on the field.&lt;br /&gt;
&lt;br /&gt;
== Layout Properties ==&lt;br /&gt;
&lt;br /&gt;
The parameters of the selected layout are shown in the &amp;#039;&amp;#039;&amp;#039;Properties&amp;#039;&amp;#039;&amp;#039; window. The &amp;#039;&amp;#039;&amp;#039;General&amp;#039;&amp;#039;&amp;#039; section:&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Parameter !! What it sets&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Blend Mode&amp;#039;&amp;#039;&amp;#039; || How the layout&amp;#039;s content is composited over what&amp;#039;s beneath it. The list is the same as for effects — see [[Режимы смешивания]]. Set for the current composition.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Position X&amp;#039;&amp;#039;&amp;#039;, &amp;#039;&amp;#039;&amp;#039;Position Y&amp;#039;&amp;#039;&amp;#039; || Coordinates of the layout&amp;#039;s top-left corner in pixels of the &amp;#039;&amp;#039;&amp;#039;Mapping&amp;#039;&amp;#039;&amp;#039; field.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Width&amp;#039;&amp;#039;&amp;#039;, &amp;#039;&amp;#039;&amp;#039;Height&amp;#039;&amp;#039;&amp;#039; || Layout size in pixels.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Apply&amp;#039;&amp;#039;&amp;#039; || Applies the specified dimensions and recalculates the effects inside the layout to match.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
For the &amp;#039;&amp;#039;&amp;#039;Main layout&amp;#039;&amp;#039;&amp;#039;, the position cannot be changed, while &amp;#039;&amp;#039;&amp;#039;Width&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;Height&amp;#039;&amp;#039;&amp;#039; change the size of the entire work field — this is the same as setting the main layout&amp;#039;s size in the program settings.&lt;br /&gt;
&lt;br /&gt;
== Layout Background Image ==&lt;br /&gt;
&lt;br /&gt;
You can place a background image in a layout — for example, a photo of a facade or a structural drawing — to help position fixtures over it. The image is drawn within the layout&amp;#039;s boundaries beneath the fixtures and does not take part in the animation: it has no effect on export to cue files.&lt;br /&gt;
&lt;br /&gt;
The settings are gathered in the &amp;#039;&amp;#039;&amp;#039;Background&amp;#039;&amp;#039;&amp;#039; section of the &amp;#039;&amp;#039;&amp;#039;Properties&amp;#039;&amp;#039;&amp;#039; window:&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
! Parameter !! What it does&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Show Image&amp;#039;&amp;#039;&amp;#039; || Turns the image display on and off. Turns on automatically when a file is selected.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;File Name&amp;#039;&amp;#039;&amp;#039; || The &amp;#039;&amp;#039;&amp;#039;Open&amp;#039;&amp;#039;&amp;#039; button — select the image file. After selection, the button shows the path to it. Images with a transparent background are also supported.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Resampling Mode&amp;#039;&amp;#039;&amp;#039; || How the image is scaled to fit the layout: &amp;#039;&amp;#039;&amp;#039;Automatic&amp;#039;&amp;#039;&amp;#039; — with smoothing, &amp;#039;&amp;#039;&amp;#039;Nearest Neighbor (hard edges)&amp;#039;&amp;#039;&amp;#039; — without smoothing, with sharp pixels.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Offset X&amp;#039;&amp;#039;&amp;#039;, &amp;#039;&amp;#039;&amp;#039;Offset Y&amp;#039;&amp;#039;&amp;#039; || Shift of the image within the layout.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Scale X&amp;#039;&amp;#039;&amp;#039;, &amp;#039;&amp;#039;&amp;#039;Scale Y&amp;#039;&amp;#039;&amp;#039; || Stretching of the image horizontally and vertically. A value of 1 is the original size.&lt;br /&gt;
|-&lt;br /&gt;
| &amp;#039;&amp;#039;&amp;#039;Refresh&amp;#039;&amp;#039;&amp;#039; || Re-reads the file from disk. Useful if the image was edited in an external editor without closing the project.&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
The file itself is not embedded in the project — only the path to it is saved. If you need to move the project to another computer, collect it using the &amp;#039;&amp;#039;&amp;#039;File → Collect Project&amp;#039;&amp;#039;&amp;#039; command: background images will be placed in the common folder along with the other project files.&lt;br /&gt;
&lt;br /&gt;
== Layouts on the Timeline ==&lt;br /&gt;
&lt;br /&gt;
Each layout occupies a separate track on the &amp;#039;&amp;#039;&amp;#039;Timeline&amp;#039;&amp;#039;&amp;#039;, containing the effects of that layout in the current composition. Working with layouts here works as follows:&lt;br /&gt;
&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Selection.&amp;#039;&amp;#039;&amp;#039; The selected layout is highlighted with a lighter fill. A new effect from the &amp;#039;&amp;#039;&amp;#039;Effects Library&amp;#039;&amp;#039;&amp;#039; is added to the selected layout; if nothing is selected, it goes into the &amp;#039;&amp;#039;&amp;#039;Main layout&amp;#039;&amp;#039;&amp;#039;. For details, see [[Добавление эффекта в композицию]].&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Order.&amp;#039;&amp;#039;&amp;#039; Layout tracks can be reordered by dragging. The order determines compositing: if a full-screen effect from one layout covers the others, swap the layouts. The &amp;#039;&amp;#039;&amp;#039;Main layout&amp;#039;&amp;#039;&amp;#039; can also be moved below any other layout.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Renaming.&amp;#039;&amp;#039;&amp;#039; Right-click a layout → &amp;#039;&amp;#039;&amp;#039;Rename&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Deleting.&amp;#039;&amp;#039;&amp;#039; Right-click a layout → &amp;#039;&amp;#039;&amp;#039;Delete&amp;#039;&amp;#039;&amp;#039;. Deleting a layout also deletes the effects it contains in all compositions. The &amp;#039;&amp;#039;&amp;#039;Main layout&amp;#039;&amp;#039;&amp;#039; cannot be deleted. The action can be undone with &amp;#039;&amp;#039;&amp;#039;Ctrl+Z&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
* &amp;#039;&amp;#039;&amp;#039;Collapsed state.&amp;#039;&amp;#039;&amp;#039; A layout&amp;#039;s track can be collapsed to keep it out of the way; the program remembers this state separately for each composition and saves it in the project.&lt;br /&gt;
&lt;br /&gt;
You can drag an effect from one layout to another right on the timeline — see [[Moving Effects Between Layouts]].&lt;br /&gt;
&lt;br /&gt;
Keep in mind that layouts themselves are shared across the entire project: after creating a layout in one composition, you&amp;#039;ll see its track in all the others too — empty until you place effects into it.&lt;br /&gt;
&lt;br /&gt;
== Work Field Size ==&lt;br /&gt;
&lt;br /&gt;
The size of the &amp;#039;&amp;#039;&amp;#039;Mapping&amp;#039;&amp;#039;&amp;#039; field is the size of the main layout. It is set as follows:&lt;br /&gt;
&lt;br /&gt;
# Open &amp;#039;&amp;#039;&amp;#039;Settings → Properties&amp;#039;&amp;#039;&amp;#039; (&amp;#039;&amp;#039;&amp;#039;Ctrl+P&amp;#039;&amp;#039;&amp;#039;).&lt;br /&gt;
# In the &amp;#039;&amp;#039;&amp;#039;Mapping&amp;#039;&amp;#039;&amp;#039; section, click the &amp;#039;&amp;#039;&amp;#039;Main Layout Size&amp;#039;&amp;#039;&amp;#039; button — the current size in pixels is shown next to it.&lt;br /&gt;
# In the window that opens, set the &amp;#039;&amp;#039;&amp;#039;Width&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;Height&amp;#039;&amp;#039;&amp;#039; and click &amp;#039;&amp;#039;&amp;#039;OK&amp;#039;&amp;#039;&amp;#039;.&lt;br /&gt;
&lt;br /&gt;
If the new field is smaller than the previous one and some layouts extend beyond its boundaries, the program will ask: &amp;quot;&amp;#039;&amp;#039;&amp;#039;Crop layouts to the reduced size?&amp;#039;&amp;#039;&amp;#039;&amp;quot;. &amp;#039;&amp;#039;&amp;#039;Yes&amp;#039;&amp;#039;&amp;#039; — layouts will be trimmed to the new field boundaries; &amp;#039;&amp;#039;&amp;#039;No&amp;#039;&amp;#039;&amp;#039; — they will keep their previous size, but part of them will end up outside the field and won&amp;#039;t work. Fixtures placed outside the work field&amp;#039;s boundaries do not play back animation.&lt;br /&gt;
&lt;br /&gt;
It&amp;#039;s best to set the field size at the start of work on a project, before placing fixtures and creating layouts: the larger the field, the more detailed the image, but the greater the load on the computer when calculating effects.&lt;br /&gt;
&lt;br /&gt;
== Good to Know ==&lt;br /&gt;
&lt;br /&gt;
* Layouts are shared across the entire project; the content of layouts is specific to each composition.&lt;br /&gt;
* Fixtures are not bound to layouts: a fixture receives the color of the field pixel it stands on. It&amp;#039;s enough for a layout to cover the needed fixtures.&lt;br /&gt;
* If the &amp;#039;&amp;#039;&amp;#039;Main layout&amp;#039;&amp;#039;&amp;#039; contains a full-field effect, effects in other layouts may not be visible — remove that effect, reduce its opacity, or change the layout order.&lt;br /&gt;
* Layout boundaries are only visible within the program: they don&amp;#039;t appear in the 3D preview, in cue files, or on the fixtures.&lt;br /&gt;
&lt;br /&gt;
== See Also ==&lt;br /&gt;
&lt;br /&gt;
* [[Терминология]]&lt;br /&gt;
* [[Панель инструментов]]&lt;br /&gt;
* [[Добавление эффекта в композицию]]&lt;br /&gt;
* [[Moving Effects Between Layouts]]&lt;br /&gt;
* [[Режимы смешивания]]&lt;br /&gt;
* [[Таймлайн]]&lt;br /&gt;
* [[Композиции]]&lt;/div&gt;</summary>
		<author><name>LumiBot</name></author>
	</entry>
</feed>