Differences

This shows you the differences between two versions of the page.

Link to this comparison view

en:working_with_the_stage [2020/02/01 16:04]
en:working_with_the_stage [2023/09/14 10:18] (current)
Line 1: Line 1:
 +{{page>:​fotomagico}}
 +~~NOTOC~~
 +
 +====== Working with the Stage ======
 +
 +The Stage takes up the largest part of the document window. It displays the visual items (layers) of the currently selected slide. A visual item may be an image, a movie, or a title. These visual items can be freely moved, sized, and rotated on the Stage.
 +
 +The Stage displays directly above the Storyboard/​Timeline view. When a single slide is selected in the Storyboard/ Timeline, the slide is displayed in the Stage. If only a single layer is selected, then it has a white outline (stroke) in the Stage.
 +
 +If Animation is turned in for this slide, then the Stage displays two parts. The left side displays the start of an animation and the right side displays the end or finish of the animation. Using different positions and zoom values on the left and right sides defines the animation for a layer. For more detailed information,​ see [[the_stage|The Stage]] and [[working_with_layers |Working With Layers]].
 +
 +{{ vimeo>​156424179?​widthxheight=1280x720 }}
 +===== Moving a Layer =====
 +
 +There are several options to move a selected layer:
 +
 +  * Drag the selected layer to move it to the desired position.
 +  * Press the <​html><​kbd>​⌘</​kbd></​html>​ and arrow keys to move by a single pixel.
 +  * Right-click on the layer and select <​html><​span class='​menuItem'>​Edit Geometry</​span></​html>​ from the context menu, to enter the position values numerically.
 +
 +===== Zooming a Layer =====
 +
 +There are several options for zooming a selected layer:
 +
 +  * Drag the Zoom jogwheel left or right to zoom the selected layer.
 +  * Option-click the selected layer and drag up or down to zoom the selected layer.
 +  * Press the <​html><​kbd>​⌘</​kbd></​html><​html><​kbd>​+</​kbd></​html>​ or <​html><​kbd>​⌘</​kbd></​html><​html><​kbd>​-</​kbd></​html>​ keys zoom up or down in small increments.
 +  * Right-click on the layer and select <​html><​span class='​menuItem'>​Edit Geometry</​span></​html>​ from the context menu, to enter the zoom value numerically.
 +  * Clicking and dragging one of the corner points of a selected layer both zooms and re-positions it.
 +
 +===== Rotating a Layer =====
 +
 +There are several options for rotating a selected layer:
 +
 +  * Drag the Rotation jogwheel left or right to rotate the selected layer.
 +  * Clicking just outside the borders of a layer, and then dragging around its center rotates a layer.
 +  * Cmd-click the selected layer and drag around its center to rotate the selected layer.
 +  * Right-click on the layer and select <​html><​span class='​menuItem'>​Edit Geometry</​span></​html>​ from the context menu, to enter the rotation value numerically.
 +
 +
 +===== Magnetic Guidelines =====
 +
 +While moving, zooming, and rotating layers, sometimes green or yellow guidelines show up and the layer snaps to these guidelines. Green guidelines are for Stage edges or center, while yellow guidelines indicate layer edges or center. With the help of these guidelines it is easy to quickly align layers on the Stage:
 +
 +  * Using the green guidelines you can zoom a layer to the Stage boundaries
 +  * Using the yellow guidelines, you can align one layer with another layer
 +  * Using the yellow guidelines, you can align a layer on the Start and Finish sides of the Stage
 +
 +<​html><​div class='​tip'>​If you want to temporarily disable automatic snapping to these guidelines, then press the Ctrl key while moving, zooming, or rotating the layer.</​div></​html>​
 +
 +
 +===== Copy & Paste Geometry =====
 +
 +Sometimes you want to apply the position, zoom and rotation values of a layer to another layer. In this situation, right-click on the layer, and select <​html><​span class="​menuItem">​Copy Geometry</​span></​html>​ from the context menu. Then right-click another layer, and select <​html><​span class="​menuItem">​Paste Geometry</​span></​html>​ from the context menu. Both layers now have the same position, zoom, and rotation values. Use this technique to:
 +
 +<​html><​div class='​tip'>​Use this technique to apply the same geometry to a layer on the left and right side of the Stage. This way to effectively disable animation for a single layer.</​div></​html>​
 +
 +<​html><​div class='​tip'>​Use this technique to apply the same geometry to a layer of the following slide. This is useful to achieve some special effects. You will know when you need it.</​div></​html>​