Differences

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

Link to this comparison view

en:storyboard_and_timeline [2020/02/01 16:04]
en:storyboard_and_timeline [2023/09/14 10:18] (current)
Line 1: Line 1:
 +{{page>:​fotomagico}}
 +~~NOTOC~~
  
 +====== Storyboard & Timeline ======
 +
 +The Storyboard and Timeline view at the bottom of the document window is the main area for authoring your slideshow. The Storyboard and Timeline view have a header, one or more visual tracks, and up to 3 audio tracks.
 +
 +They both allow you to create and edit your slideshow. You can use both views to perform most of the same functions, however, some tasks are easier to achieve in one view than the other. You can only display one view at a time. Use the Storyboard button or the Timeline button to toggle between the two views.
 +
 +The Storyboard view is generally used for adding and rearranging slides. The Timeline view is useful for fine-tuning the duration of slides and transitions,​ and editing audio. For information on the differences between the Storyboard and Timeline, see [[ working_with_the_storyboard_timeline|Working with the Storyboard/​Timeline]].
 +
 +  * The visual track contains the slides. Each slide can hold up to 6 layers (images, movies, or titles). The layers are displayed as frames that are stacked vertically. A blank slide is displayed as an empty dashed outline.
 +  * The music track holds audio files. Music can span multiple slides.
 +  * The sound effects track usually holds short audio clips that provide ambience for a single slide, but may also span multiple slides.
 +  * The narration track holds recorded narration for the slideshow. It can span multiple slides if the narration was recorded in one session, or can be broken up into several different audio files that span fewer slides.
 +  * You can expand and collapse the visual and audio tracks. Collapsing reduces the required vertical space, which is helpful on smaller notebook displays. When visual tracks are collapsed, the layers are displayed as a stack of frames, which auto-expand when you mouseover the stack.
 +  * Chapters can help structure your slideshow into logical parts. Each chapter would contain a group of slides and audio items. Chapters can be color-coded for easy identification as you are quickly scroll through your slideshow.
 +
 +===== Dragging to the Storyboard or Timeline =====
 +
 +Dragging files from the Finder or from the media browsers in the Sidebar adds new elements to the slideshow. The yellow highlight on the background indicates where the new items will be inserted or added.
 +
 +  * **Image Files** - Inserts new slides with the images at the dropped position.
 +  * **Movie Files** - Inserts new slides with the movies at the dropped position.
 +  * **RTF Text Files** - Titles are added to existing slides at the dropped position.
 +  * **Audio Files** - Audio items will be added starting at the dropped position and will span as many slides as necessary to cover the length of the audio files. If necessary, empty slides will be added at the end of the slideshow. You can shorten an audio item by dragging its right edge to span fewer slides.
 +
 +<​HTML>​
 +  <div class='​note'>​
 +    <p>
 +      You can drag an audio file to the Storyboard or Timeline, and then add the images later. This workflow is useful for authors who want to start out with pre-composed music and then add appropriate images later. In previous versions of FotoMagico you always had to start by adding images first, and then add the music.
 +    </p>
 +  </​div>​
 +</​HTML>​
 +
 +===== Arranging Content =====
 +
 +Telling a great story is all about arranging good images in an appropriate sequence. To rearrange the content you can:
 +
 +  * Select images, movies, titles, or audio items by clicking on them. When selected, they highlight in blue.
 +  * Make a multiple selection by clicking on the background and drag a rectangle across multiple items.
 +  * Make a multiple selection by clicking on the first item, then press the <​html><​kbd>​shift</​kbd></​html>​ key and click on the last item.
 +  * Extend the selection by pressing the <​html><​kbd>​⌘</​kbd></​html>​ key and clicking on another item.
 +  * Drag selected items to a new location.
 +  ​
 +  * Change the range of slides an audio item spans, by dragging the left or right edge of this audio item.
 +  * Double-clicking an item reveals the //Options Inspector// so you can edit parameters for the selected items.
 +  * Delete selected items by pressing the <​html><​kbd>​⌫<​html></​kbd></​html>​ backspace key or by choosing the <​html><​span class='​menuItem'>​Delete</​span></​html>​ command from the <​html><​span class='​menu'>​Edit</​span></​html>​ menu.
 +
 +<​HTML><​div class='​note'>​It is possible to make non-consecutive selections by pressing the <​html><​kbd>​⌘</​kbd></​html>​ key. This helps with rearranging your content, as well as with editing options of multiple items at once.</​div></​HTML>​
 +
 +<​HTML><​div class='​note'>​The dragged items will be inserted in a consecutive fashion when dragging a non-consecutive selection to a new location in the Storyboard or Timeline.</​div></​HTML>​
 +
 +===== The Header =====
 +
 +The header displays the following information above each slide:
 +
 +  * If a slide is set to continue after its duration, the header displays the slide duration. Double-click the duration to edit the duration for a single slide.
 +  * If a slide is set to continue at a mouse click, the header displays Click.
 +  * If a slide is set to continue at an audio marker, the header displays Marker.
 +  * Right-click (or control-click) on the text in the header to change the continue type for a slide.
 +  * If the chosen slide duration or transition duration yields problematic timing, a yellow warning icon is displayed. Click on this icon to show a popover that explains the situation and what to do about it.
 +
 +<​HTML><​div class='​tip'>​The new warning for problematic timing helps you to author slideshows that are guaranteed to be playable on a wide variety of Macintosh computers. Try to follow the suggestions in the explanatory popovers.</​div></​HTML>​
 +
 +===== The Playhead =====
 +
 +The playhead indicates where new slides will be inserted and where playback will start:
 +
 +  * Move the playhead by clicking on the blue triangle and dragging it to a new position.
 +  * Move the playhead by one slide by pressing the <​html><​kbd>​←</​kbd></​html>​ or <​html><​kbd>​→</​kbd></​html>​ arrow keys.
 +  * Move the playhead to the beginning of the previous or next chapter by pressing the <​html><​kbd>​⌥</​kbd></​html>​ key and <​html><​kbd>​←</​kbd></​html>​ or <​html><​kbd>​→</​kbd></​html>​ arrow keys.
 +  * Press the <​html><​kbd>​spacebar</​kbd></​html>​ key to preview the slideshow starting at the current playhead position.
 +===== Multiple Audio Tracks =====
 +
 +FotoMagico supports three dedicated audio tracks: Music, Sound Effects, and Narration.
 +
 +  * Use the button below the Storyboard/​Timeline to expand or collapse the audio tracks. This helps to save some vertical screen real estate on small notebook screens. Blue indicates the track is expanded. Grey indicates the track is collapsed. \\ \\ {{ en:​timescale-slider.png }}
 +
 +  * Select <​html><​span class='​menuItem'>​Audio</​span></​html>​ > <​html><​span class='​menuItem'>​Mute Track</​span></​html>​ from the <​html><​span class='​menu'>​Slideshow</​span></​html>​ menu to mute the music track, effects track or narration track. This mutes all audio in the track. A red x appears when audio is muted. This can be useful during the authoring process when you want to concentrate on a single audio track and not be distracted by other audio. To unmute the track, select the same menu item again.
 +
 +  * Select <​html><​span class='​menuItem'>​Insert</​span></​html>​ > <​html><​span class='​menuItem'>​Record Narration...</​span></​html>​ from the <​html><​span class='​menu'>​Slideshow</​span></​html>​ menu to record audio directly to the Narration track. A panel appears that lets you record the audio. Refer to Record Narration for more details.
 +===== Contextual Menus =====
 +
 +A right-click (or control-click) on an item reveals a contextual menu. The commands in this contextual menu depends on which kind of item you click.
 +
 +==== Clicking on a visual item: ====
 +
 +|**Menu** |**Submenu** ​         |**Description** ​                                                                                                                                                                                                                                                               |
 +|Animation|Enabled ​             |Enables or disables the animation for the selected slide. ​                                                                                                                                                                                                                     |
 +|         ​|Reverse ​             |Exchanges the start and finish state of the selected slide, thereby reversing the animation. ​                                                                                                                                                                                  |
 +|         ​|Randomize ​           |Sets a random animation for the selected visual item.                                                                                                                                                                                                                          |
 +|         |Zoom In              |Creates a zoom in animation for the selected visual item.                                                                                                                                                                                                                      |
 +|         |Zoom Out             ​|Creates a zoom out animation for the selected visual item.                                                                                                                                                                                                                     |
 +|         ​|Pan ​                 |Pans across a panorama image or a vertical image. ​                                                                                                                                                                                                                             |
 +|Zoom     |Fill Stage Completely|Fills the Stage with the selected item, so that no part of the Stage background is visible. ​                                                                                                                                                                                   |
 +|         |Show Whole Image     ​|Displays the entire image. If the aspect ratio of the image differs from the Stage aspect ratio, then some of the Stage background will be visible. ​                                                                                                                           |
 +|         |Show at 100%         ​|Displays the selected image at 100%.                                                                                                                                                                                                                                           |
 +|         ​|Smaller ​             |Decreases the zoom factor. ​                                                                                                                                                                                                                                          |
 +|         ​|Bigger ​              ​|Increases the zoom factor. ​                                                                                                                                                                                                                                          |
 +|Layer ​   |Send to Front        |Sends the selected layer to the front. ​                                                                                                                                                                                                                                        |
 +|         |Send Forward ​        ​|Sends the selected image forward. ​                                                                                                                                                                                                                                             |
 +|         |Send Backward ​       |Sends the selected image backwards. ​                                                                                                                                                                                                                                           |
 +|         |Send to Back         ​|Sends the selected layer to the back.                                                                                                                                                                                                                                          |
 +|         ​|Locked ​              ​|Locks the selected layer. A locked layer cannot be modified or deleted. ​                                                                                                                                                                                                                                         |
 +|         ​|Hidden ​              ​|Hides the selected layer. A hidden layer is invisible during playback, but still visible during authoring. ​                                                                                                                                                                                                                                         |
 +|         ​|Mirrored ​            ​|Flips the selected layer horizontally. ​                                                                                                                                                                                                                                         |
 +|         ​|Discardable ​         |Makes the selected layer discardable. This option is only needed when creating new snippets. ​                                                                                                                                                                                                                                         |
 +|Match ​   |Title Width to Action Safe Area|Sets the width of the selected title the action safe area of the Stage. ​                                                                                                                                                                                                                             |
 +|         ​|Title Width to Title Safe Area|Sets the width of the selected title the title safe area of the Stage. ​                                                                                                                                                                                                                           |
 +|File     |Get Info             ​|Opens or closes the Get Info panel for this item.                                                                                                                                                                                                                              |
 +|         ​|Quick Look           ​|Opens or closes the Quick Look panel for this item.                                                                                                                                                                                                                            |
 +|         |Show in Finder ​      ​|Reveal the media file in a Finder window. ​                                                                                                                                                                                                                           |
 +|         ​|Replace Media File...|Lets you choose a different media file (image, movie, or text) for this item. All other parameters will be kept intact. If you choose an image or movie file with different dimensions, you will have to make some additional modifications to restore the previous appearance.|
 +|         |Is Placeholder ​      |In a slideshow snippet some images can be marked as placeholders. These placeholder images are easier to replace via drag and drop. Refer to the chapter [[creating_a_template_slideshow|Creating a Template Slideshow]] for more information. ​                          |
 +|Chapter ​ |Add/​Delete ​          |Adds or deletes a chapter at the current playhead position. ​                                                                                                                                                                                                                   |
 +|         ​|Collapse/​Expand ​     |Expands or collapses an existing chapter. Refer to [[working_with_chapters|Working with Chapters]] for more information. ​                                                                                                                                                 |
 +|         ​|Options... ​          ​|Opens the options balloon for a chapter. Refer to Working with Chapters for more information. ​                                                                                                                                                                                 |
 +|Cut      |                     |Cuts the selected item.                                                                                                                                                                                                                                                        |
 +|Copy     ​| ​                    ​|Copies the selected item to the clipboard, so that it can be pasted into the slideshow somewhere else.                                                                                                                                                                         |
 +|Paste ​   |                     ​|Pastes the copied items at the current playhead position. ​                                                                                                                                                                                                                     |
 +|Delete ​  ​| ​                    ​|Deletes the selected item.                                                                                                                                                                                                                                                     |
 +|Locked ​  ​| ​                    ​|Locks the selected layer. A locked layer cannot be modified or deleted. ​                                                                                                                                                                                                                                         |
 +
 +==== Clicking on a selected audio item: ====
 +
 +|**Menu**|**Submenu** ​            ​|**Description** ​                                                                                                                                                                                      |
 +|Options |Loops ​                  |When checked this audio item loops if it is not long enough for the slides above it.                                                                                                                  |
 +|        |Linked to Slides ​       |When checked this audio item automatically adjusts in length and position if slides are added or deleted. ​                                                                                            |
 +|        |Locked Timing ​          |When checked this audio item automatically pauses when the slideshow is paused. ​                                                                                                                      |
 +|Audio Marker |Assistant... |Opens the Audio Marker Assistant for convenient editing of audio markers. ​                                                                                                               |
 +|        |Active ​ |Enables or disables the clicked audio marker. ​                                                                                   |
 +|        |Edit  |Opens a popover that lets you edit the time of the clicked audio marker numerically. ​                                                                                   |
 +|        |Delete ​ |Delete the clicked audio marker. ​                                                                                   |
 +|Match ​  ​|Slide Durations to Audio|Adjust the durations of the slides above the audio to match the duration of the audio. ​                                                                                                               |
 +|        |Audio Length to Slides ​ |If the audio item is longer than the available slides, then the length of the audio item is shortened accordingly. ​                                                                                   |
 +|File    |Get Info                |Opens or closes the Get Info panel for this item.                                                                                                                                                     |
 +|        |Quick Look              |Opens or closes the Quick Look panel for this item.                                                                                                                                                   |
 +|        |Show in Finder ​         |Reveals the audio file in a Finder window. ​                                                                                                                                                                |
 +|        |Replace Media File... ​  |Lets you replace the audio file, while retaining all other parameters associated with this item. Please note that any existing audio markers may not be meaningful anymore and may have to be changed.|
 +|        |Import Metadata ​        ​|Imports metadata from ID3 tags of an audio file, which can be displayed in a music credits title.|
 +|Cut     ​| ​                       |Copies and then deletes the selected audio item.                                                                                                                                                      |
 +|Copy    |                        |Copies the selected audio item.                                                                                                                                                                       |
 +|Paste ​  ​| ​                       |Inserts the previously copied audio item to the position of the playhead. ​                                                                                                                            |
 +|Delete ​ |                        |Deletes the selected audio item.                                                                                                                                                                      |
 +==== Clicking on the background: ====
 +
 +|**Menu** ​                    ​|**Submenu** ​   |**Description** ​                                                                                                                                                                     |
 +|Chapter ​                     |Add/​Delete ​    |Adds a new chapter at the current playhead position. ​                                                                                                                                |
 +|                             ​|Options... ​    ​|Opens a chapter popover which allows you to enter a new chapter name, select a chapter color, and create a hotkey. ​                                                                  |
 +|                             ​|Collapse/​Expand|Collapses or expands the selected chapter. ​                                                                                                                                          |
 +|Insert Blank Slide           ​| ​              ​|Inserts a blank slide at the current playhead position. Useful for adding titles. ​                                                                                                   |
 +|Expand/​Collapse Visual Tracks| ​              |When expanded all visual tracks are displayed without overlap so that each item is visible. When collapsed all visual tracks are stacked on top of each other, saving vertical space.|
 +|Expand/​Collapse Audio Tracks |               |When expanded all audio tracks are displayed without overlap so that each track is visible. When collapsed all audio tracks are stacked on top of each other, saving vertical space. |