]> Shamusworld >> Repos - ardour-manual/blob - include/about-ardours-interface.html
Move content from _manual/ to include/.
[ardour-manual] / include / about-ardours-interface.html
1
2 <p>
3   In Ardour, work is done in two main windows: the <dfn>Editor</dfn> and the
4   <dfn>Mixer</dfn>.
5 </p>
6
7 <figure style="width:100%;">
8
9   <div class="container" style="float:left; width: 615px; height: 445px; background-image: url('/images/editor_split_OSTitlebar.png');">
10     <a href="/ardours-interface/main-menu/" alt="Menu"><div class="hoverimg" style="left: 12px; top: 18px; width: 194px; height: 15px; background-image: url('/images/editor_split_Menu.png');"></div></a>
11     <a href="/ardours-interface/status-bar/" alt="Status Bar"><div class="hoverimg" style="left: 219px; top: 18px; width: 379px; height: 15px; background-image: url('/images/editor_split_StatusBar.png');"></div></a>
12     <a href="/ardours-interface/the-transport-bar/" alt="Transport Bar"><div class="hoverimg" style="left: 10px; top: 36px; width: 199px; height: 39px; background-image: url('/images/editor_split_TransportBar.png');"></div></a>
13     <a href="/ardours-interface/transport-clocks/" alt="Transport Clocks"><div class="hoverimg" style="left: 214px; top: 35px; width: 147px; height: 39px; background-image: url('/images/editor_split_TransportClocks.png');"></div></a>
14     <a href="/ardours-interface/selection-and-punch-clocks/" alt="Selection and Punch Clocks"><div class="hoverimg" style="left: 366px; top: 35px; width: 133px; height: 39px; background-image: url('/images/editor_split_SelectionandPunchClocks.png');"></div></a>
15     <a href="/ardours-interface/status-indicators/" alt="Status and Mode buttons"><div class="hoverimg" style="left: 504px; top: 35px; width: 94px; height: 39px; background-image: url('/images/editor_split_StatusandModebuttons.png');"></div></a>
16     <a href="/ardours-interface/audio-midi-mixer-strips/" alt="Editors Mixer Strip"><div class="hoverimg" style="left: 6px; top: 78px; width: 56px; height: 332px; background-image: url('/images/editor_split_EditorsMixerStrip.png');"></div></a>
17     <a href="/ardours-interface/the-summary/" alt="Summary"><div class="hoverimg" style="left: 72px; top: 385px; width: 394px; height: 51px; background-image: url('/images/editor_split_Summary.png');"></div></a>
18     <a href="/ardours-interface/editor-lists/" alt="Editors List"><div class="hoverimg" style="left: 474px; top: 105px; width: 122px; height: 309px; background-image: url('/images/editor_split_EditorsList.png');"></div></a>
19     <a href="/ardours-interface/the-nudge-controls/" alt="Nudge Controls"><div class="hoverimg" style="left: 512px; top: 79px; width: 94px; height: 23px; background-image: url('/images/editor_split_NudgeControls.png');"></div></a>
20     <a href="/ardours-interface/the-edit-point-control/" alt="Edit Point"><div class="hoverimg" style="left: 461px; top: 80px; width: 45px; height: 23px; background-image: url('/images/editor_split_EditPoint.png');"></div></a>
21     <a href="/ardours-interface/the-grid-controls/" alt="Grid Controls"><div class="hoverimg" style="left: 349px; top: 80px; width: 108px; height: 23px; background-image: url('/images/editor_split_GridControls.png');"></div></a>
22     <a href="/ardours-interface/the-zoom-controls/" alt="Zoom Controls"><div class="hoverimg" style="left: 215px; top: 79px; width: 129px; height: 23px; background-image: url('/images/editor_split_ZoomControls.png');"></div></a>
23     <a href="/ardours-interface/the-toolbox/" alt="Toolbox"><div class="hoverimg" style="left: 69px; top: 79px; width: 140px; height: 23px; background-image: url('/images/editor_split_Toolbox.png');"></div></a>
24     <a href="/ardours-interface/the-ruler/" alt="Rulers"><div class="hoverimg" style="left: 72px; top: 105px; width: 394px; height: 62px; background-image: url('/images/editor_split_Rulers.png');"></div></a>
25     <div class="hoverimg" style="left: 69px; top: 170px; width: 8px; height: 197px; background-image: url('/images/editor_split_Groupstabs.png');"></div>
26     <div class="hoverimg" style="left: 81px; top: 320px; width: 386px; height: 62px; background-image: url('/images/editor_split_aMIDITrack.png');"></div>
27     <div class="hoverimg" style="left: 81px; top: 285px; width: 386px; height: 33px; background-image: url('/images/editor_split_anotherAudioTrack.png');"></div>
28     <div class="hoverimg" style="left: 81px; top: 248px; width: 386px; height: 34px; background-image: url('/images/editor_split_Automation.png');"></div>
29     <div class="hoverimg" style="left: 81px; top: 207px; width: 386px; height: 37px; background-image: url('/images/editor_split_anAudioTrack.png');"></div>
30     <div class="hoverimg" style="left: 81px; top: 170px; width: 386px; height: 33px; background-image: url('/images/editor_split_MasterBusTrack.png');"></div>
31   </div>
32   &nbsp;
33         <div class="container" style="float:left; width: 627px; height: 430px; background-image: url('/images/mixer_split_OsTitleBar.png');">
34                         <a href="/ardours-interface/main-menu/" alt="Menu Bar"><div class="hoverimg" style="left: 18px; top: 17px; width: 193px; height: 16px; background-image: url('/images/mixer_split_MenuBar.png');"></div></a>
35                         <a href="/ardours-interface/status-bar/" alt="Status Bar"><div class="hoverimg" style="left: 226px; top: 17px; width: 379px; height: 16px; background-image: url('/images/mixer_split_StatusBar.png');"></div></a>
36                         <a href="/ardours-interface/the-transport-bar/" alt="Transport Bar"><div class="hoverimg" style="left: 12px; top: 37px; width: 198px; height: 38px; background-image: url('/images/mixer_split_TransportBar.png');"></div></a>
37                         <a href="/ardours-interface/transport-clocks/" alt="Transport Clocks"><div class="hoverimg" style="left: 216px; top: 38px; width: 146px; height: 38px; background-image: url('/images/mixer_split_TransportClocks.png');"></div></a>
38                         <a href="/ardours-interface/selection-and-punch-clocks/" alt="Punch and Selection Clocks"><div class="hoverimg" style="left: 369px; top: 38px; width: 135px; height: 38px; background-image: url('/images/mixer_split_PunchandSelectionClocks.png');"></div></a>
39                         <a href="/ardours-interface/status-indicators/" alt="Status and Mode buttons"><div class="hoverimg" style="left: 511px; top: 37px; width: 94px; height: 38px; background-image: url('/images/mixer_split_StatusandModebuttons.png');"></div></a>
40                         <a href="/ardours-interface/favorite-plugins-window/" alt="Favorite Plugins"><div class="hoverimg" style="left: 6px; top: 79px; width: 116px; height: 136px; background-image: url('/images/mixer_split_FavoritePlugins.png');"></div></a>
41                         <a href="/ardours-interface/the-strips-list/" alt="Strips List"><div class="hoverimg" style="left: 6px; top: 220px; width: 115px; height: 97px; background-image: url('/images/mixer_split_StripsList.png');"></div></a>
42                         <a href="/ardours-interface/the-groups-list/" alt="Group List"><div class="hoverimg" style="left: 6px; top: 321px; width: 116px; height: 99px; background-image: url('/images/mixer_split_GroupList.png');"></div></a>
43                         <a href="/ardours-interface/audio-midi-mixer-strips/" alt="an Audio Strip"><div class="hoverimg" style="left: 128px; top: 97px; width: 57px; height: 320px; background-image: url('/images/mixer_split_anAudioStrip.png');"></div></a>
44                         <a href="/ardours-interface/audio-midi-mixer-strips/" alt="another Audio Strip"><div class="hoverimg" style="left: 191px; top: 97px; width: 55px; height: 320px; background-image: url('/images/mixer_split_anotherAudioStrip.png');"></div></a>
45                         <a href="/ardours-interface/audio-midi-mixer-strips/" alt="a MIDI Strip"><div class="hoverimg" style="left: 251px; top: 97px; width: 55px; height: 320px; background-image: url('/images/mixer_split_aMIDIStrip.png');"></div></a>
46                         <a href="/ardours-interface/busses-mixer-strips/" alt="a Bus Strip"><div class="hoverimg" style="left: 313px; top: 97px; width: 56px; height: 320px; background-image: url('/images/mixer_split_aBusStrip.png');"></div></a>
47                         <a href="/ardours-interface/control-masters/" alt="Control Masters"><div class="hoverimg" style="left: 373px; top: 81px; width: 98px; height: 331px; background-image: url('/images/mixer_split_ControlMasters.png');"></div></a>
48                         <a href="/ardours-interface/the-master-bus-strip/" alt="the Master Strip"><div class="hoverimg" style="left: 477px; top: 81px; width: 54px; height: 331px; background-image: url('/images/mixer_split_theMasterStrip.png');"></div></a>
49                         <a href="/ardours-interface/the-monitor-section/" alt="Monitor Section"><div class="hoverimg" style="left: 536px; top: 80px; width: 82px; height: 332px; background-image: url('/images/mixer_split_MonitorSection.png');"></div></a>
50                         <div class="hoverimg" style="left: 133px; top: 80px; width: 223px; height: 11px; background-image: url('/images/mixer_split_GroupTabs.png');"></div>
51         </div>
52
53   <!--<figcaption>
54                 <ol class="multicol3">
55                         <li>Main menu</li>
56                         <li>Status bar</li>
57     </ol><ol class="multicol3" start="3">
58                         <li>Transport bar and Times</li>
59                         <li>Mode switch</li>
60     </ol><ol class="multicol3" start="5">
61                         <li>The <dfn>Mixer</dfn> window</li>
62                         <li>The <dfn>Editor</dfn> window</li>
63                 </ol>
64         </figcaption>-->
65   <figcaption>
66                 The Editor and Mixer windows. Click on a section to access its description.
67         </figcaption>
68 </figure>
69
70 <p>
71   Switching between the Editor and the Mixer windows is done :
72 </p>
73 <ul>
74         <li>with the <a href="/ardours-interface/status-indicators/">Mode Selector buttons</a> in the upper right</li>
75         <li>with the <kbd class="mod2">M</kbd> shortcut</li>
76         <li>with the menu <kbd class="menu">Window &gt; Editor <em>(or Mixer)</em> &gt; Show</kbd>.</li>
77 </ul>
78
79 <p>
80   Both windows can be visible at the same time (eg. for a multi-monitor
81   setup) using <kbd class="menu">Window &gt; Editor <em>(or Mixer)</em> &gt; Detach</kbd> option in the same submenu.
82 </p>
83
84 <h2>The Editor</h2>
85
86 <p>
87   The <dfn>Editor</dfn> window includes the editor track <dfn>canvas</dfn>
88   where audio and MIDI data can be arranged along a timeline. This is the
89   window where editing and arranging a project is done. The window
90   has a general "horizontal" sense to it: the timeline flows from left to
91   right, the playhead showing the current position in the session moves
92   from left to right &mdash; the window really represents <dfn>time</dfn>
93   in a fairly literal way.
94 </p>
95 <p>
96   It is possible to show a single channel strip in the editor window, and
97   some people find this enough to work on mixing without actually opening
98   the mixer window. Most of the time though, both of these windows will be
99   needed at various stages of a session's lifetime.
100 </p>
101
102 <h2>The Mixer</h2>
103
104 <p>
105   The <dfn>Mixer</dfn> window represents signal flow and is the window that will
106   probably be used most when mixing a session. It
107   includes <dfn>channel strips</dfn> for each track and bus in the session.
108   It has a general "vertical" sense to it: signals flow from the top of each
109   channel strip through the processing elements in the strip to reach the
110   output listed at the bottom.
111 </p>
112 <p>
113   To learn more about the process of mixing, see <a href="/mixing/">Mixing<a>.
114 </p>
115
116
117 {% children %}
118