-
Notifications
You must be signed in to change notification settings - Fork 0
/
Visual_Typesetting.html
272 lines (261 loc) · 20 KB
/
Visual_Typesetting.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="keywords" content="Visual Typesetting,Options,Tutorials" />
<link rel="shortcut icon" href="/favicon.ico" />
<link rel="search" type="application/opensearchdescription+xml" href="./opensearch_desc.php" title="Aegisub Manual (English)" />
<title>Visual Typesetting - Aegisub Manual</title>
<style type="text/css" media="screen,projection">/*<![CDATA[*/ @import "./skins/aegisub/main.css"; /*]]>*/</style>
<link rel="stylesheet" type="text/css" media="print" href="./skins/common/commonPrint.css" />
<!--[if lt IE 5.5000]><style type="text/css">@import "./skins/aegisub/IE50Fixes.css";</style><![endif]-->
<!--[if IE 5.5000]><style type="text/css">@import "./skins/aegisub/IE55Fixes.css";</style><![endif]-->
<!--[if gte IE 6]><style type="text/css">@import "./skins/aegisub/IE60Fixes.css";</style><![endif]-->
<!--[if IE]><script type="text/javascript" src="/docs/skins/common/IEFixes.js"></script>
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
<script type= "text/javascript">/*<![CDATA[*/
var skin = "aegisub";
var stylepath = "/docs/skins";
var wgArticlePath = "/docs/$1";
var wgScriptPath = "/docs";
var wgServer = "http://aegisub.cellosoft.com";
var wgCanonicalNamespace = "";
var wgCanonicalSpecialPageName = false;
var wgNamespaceNumber = 0;
var wgPageName = "Visual_Typesetting";
var wgTitle = "Visual Typesetting";
var wgAction = "view";
var wgArticleId = "79";
var wgIsArticle = true;
var wgUserName = null;
var wgUserGroups = null;
var wgUserLanguage = "en";
var wgContentLanguage = "en";
var wgBreakFrames = false;
var wgCurRevisionId = "603";
/*]]>*/</script>
<script type="text/javascript" src="./skins/common/wikibits.js_63.html"><!-- wikibits js --></script>
<script type="text/javascript" src="/docs/index.php?title=-&action=raw&gen=js"><!-- site js --></script>
<style type="text/css">/*<![CDATA[*/
@import "./Common.css";
@import "./Aegisub.css";
@import "/docs/index.php?title=-&action=raw&gen=css&maxage=18000";
/*]]>*/</style>
<!-- Head Scripts -->
<style>
.editsection { display: none; }
</style>
</head>
<body class="mediawiki ns-0 ltr page-Visual_Typesetting">
<div id="globalWrapper">
<div id="column-content">
<div id="content">
<a name="top" id="contentTop"></a>
<h1 class="firstHeading">Visual Typesetting</h1>
<div id="bodyContent">
<h3 id="siteSub">From Aegisub Manual</h3>
<div id="contentSub"></div>
<!-- start content -->
<p>One of the most significant changes from Aegisub 1.10 to Aegisub 2 is the inclusion of Visual Typesetting tools, which allow you to visually drag, rotate and otherwise transform subtitles on the video screen, using your mouse.
</p><p><b>A video tutorial for this feature is available at <a href="./Tutorials.html" title="Tutorials">the tutorials section</a>.</b>
</p>
<table id="toc" class="toc" summary="Contents"><tr><td><div id="toctitle"><h2>Contents</h2></div>
<ul>
<li class="toclevel-1"><a href="#Overview"><span class="tocnumber">1</span> <span class="toctext">Overview</span></a></li>
<li class="toclevel-1"><a href="#Tool_Descriptions"><span class="tocnumber">2</span> <span class="toctext">Tool Descriptions</span></a>
<ul>
<li class="toclevel-2"><a href="#Crosshair"><span class="tocnumber">2.1</span> <span class="toctext">Crosshair</span></a></li>
<li class="toclevel-2"><a href="#Drag"><span class="tocnumber">2.2</span> <span class="toctext">Drag</span></a></li>
<li class="toclevel-2"><a href="#Rotate_on_Z_axis"><span class="tocnumber">2.3</span> <span class="toctext">Rotate on Z axis</span></a></li>
<li class="toclevel-2"><a href="#Rotate_on_XY_axes"><span class="tocnumber">2.4</span> <span class="toctext">Rotate on XY axes</span></a></li>
<li class="toclevel-2"><a href="#Scale"><span class="tocnumber">2.5</span> <span class="toctext">Scale</span></a></li>
<li class="toclevel-2"><a href="#Rectangular_clip"><span class="tocnumber">2.6</span> <span class="toctext">Rectangular clip</span></a></li>
<li class="toclevel-2"><a href="#Vectorial_clip"><span class="tocnumber">2.7</span> <span class="toctext">Vectorial clip</span></a></li>
</ul>
</li>
</ul>
</td></tr></table><script type="text/javascript"> if (window.showTocToggle) { var tocShowText = "show"; var tocHideText = "hide"; showTocToggle(); } </script>
<a name="Overview"></a><h2><span class="editsection">[edit]</span> <span class="mw-headline"> Overview </span></h2>
<p>With the exception of the drag tool, every other tool affects only the active line (that is, the line whose text you see on the edit box). The line must be displayed on the current frame (that is, the current frame time must lie between the subtitle duration span) to be edited by any of the tools.
</p><p>There are currently seven different visual typesetting tools: crosshair, drag, rotate on z axis, rotate on xy axes, scale, rectangular clip and vectorial clip.
</p>
<center><img alt="Image:Visual overview.png" longdesc="/docs/Image:Visual_overview.png" src="./images/Visual_overview.png" width="349" height="327" /></center>
<p>The preview of all tools can either be real-time or delayed. This behaviour can be toggled by pressing the "Toggle Real-time" button at the end of visual typesetting toolbar. When in real-time, all changes you made are immediately visible on subtitles, at the cost of slower response. Otherwise, you will only see the subtitles themselves updating when you release the mouse. However, you will still see the visual positioning aids moving in real time.
</p>
<a name="Tool_Descriptions"></a><h2><span class="editsection">[edit]</span> <span class="mw-headline"> Tool Descriptions </span></h2>
<a name="Crosshair"></a><h3><span class="editsection">[edit]</span> <span class="mw-headline"> Crosshair </span></h3>
<p>This is the standard mode. Hovering the mouse over the video will show the script coordinates under the cursor, as well as a crosshair indicating the exact point that you are looking at. Double clicking a point will position the current line (using the \pos tag) on that position.
</p>
<center><img alt="Image:Visual crosshair.png" longdesc="/docs/Image:Visual_crosshair.png" src="./images/Visual_crosshair.png" width="348" height="248" /></center>
<p>Also, while on this mode, you can right click to bring a context menu with other options:
</p>
<center><img alt="Image:Visual menu.png" longdesc="/docs/Image:Visual_menu.png" src="./images/Visual_menu.png" width="347" height="246" /></center>
<ul><li> Save PNG snapshot: Saves a PNG snapshot of the current frame to the path specified in the <a href="./Options.html" title="Options">options</a>. This snapshot will be in the real video size, and WON'T be affected by zooming or aspect ratio overriding.
</li><li> Copy image to clipboard: Same as above, but copies the frame to the clipboard, instead of saving as a PNG. You can then paste it in any image editing software.
</li><li> Save PNG snapshot (no subtitles): Same as the previous option, but subtitles won't be visible in the image. This is only available if you're using a detached subtitles provider.
</li><li> Copy image to clipboard (no subtitles): Same as above, but copying to clipboard.
</li><li> Copy coordinates to clipboard: Copies the current mouse coordinates to clipboard, e.g. "230,152"
</li></ul>
<a name="Drag"></a><h3><span class="editsection">[edit]</span> <span class="mw-headline"> Drag </span></h3>
<p>The drag tool has two modes. You can toggle between them by clicking the button on the auxiliary visual typesetting bar. This tool is special because, unlike every other, it can affect EVERY subtitle that is currently visible on the current frame, and not just the active one. This makes the positioning of signs composed of many lines easier.
</p>
<center><img alt="Image:Visual drag.png" longdesc="/docs/Image:Visual_drag.png" src="./images/Visual_drag.png" width="349" height="273" /></center>
<p>On the positioning mode, you can simply click-and-drag subtitles across the video surface by dragging their anchor (the square). They will be positioned where you release them with the \pos command.
</p><p>On the movement mode, there is another anchor, the end-of-movement anchor, which is represented by a circle. There will be an arrow pointing from the start-of-movement to the end-of-movement anchor. In order to set the times where the movement will start or end, move the corresponding anchor on the time where you want the subtitle to be at that anchor. For example, if you want movement to start at 5000 miliseconds after the start of the line, seek the video to 5000 miliseconds after the start of the line, and drag the start anchor there. The same goes for the end-of-movement anchor.
</p><p>If your line has an origin point specified, you will see a third anchor, represented by a triangle, connected to the square anchor by a dotted line. You can also drag this to affect the origin position. This same anchor will be visible in the two rotation tools.
</p>
<a name="Rotate_on_Z_axis"></a><h3><span class="editsection">[edit]</span> <span class="mw-headline"> Rotate on Z axis </span></h3>
<p>On this mode, you will see a circle centered around the subtitle's pivot (either it's position, or the origin point, if defined). The circle is surrounded by 6 arcs that help mark and measure angles.
</p>
<center><img alt="Image:Visual rotate 1.png" longdesc="/docs/Image:Visual_rotate_1.png" src="./images/Visual_rotate_1.png" width="349" height="246" /></center>
<p>There are two functionalities in this mode, you can either drag the origin point (the triangle at the center of the circle) to move it (and insert a \org tag, if none exists), or you can click and drag anywhere else to rotate the line.
</p><p>You will notice that there is a line connecting the center of the circle to the mouse cursor. When you click and drag, the subtitle line rotate following that line, that is, you must rotate the cursor around the center to rotate the line. Just release the mouse to finish positioning. You can also use the shift key to limit the rotation to increments of 30 degrees.
</p><p>If the origin is far from the center, you will see a little helper line indicating where the center of the subtitles will be positioned as you rotate it.
</p>
<center><img alt="Image:Visual rotate 2.png" longdesc="/docs/Image:Visual_rotate_2.png" src="./images/Visual_rotate_2.png" width="349" height="246" /></center>
<a name="Rotate_on_XY_axes"></a><h3><span class="editsection">[edit]</span> <span class="mw-headline"> Rotate on XY axes </span></h3>
<p>This mode is somewhat similar to the previous mode, although there are a few important differences. Since this rotates on the two screen axes, the rotation is three-dimensional, and therefore harder to visualize.
</p><p>In order to make this easier, there is a grid representing the plane in which the subtitles lie, and you rotate that grid. There are also three arrows pointing from the center, indicating the direction and orientation of the three axes.
</p>
<center><img alt="Image:Visual rotate xy.png" longdesc="/docs/Image:Visual_rotate_xy.png" src="./images/Visual_rotate_xy.png" width="348" height="247" /></center>
<p>To use this tool, simply hold the mouse button anywhere on the screen and move it. As you move it left and right, it will rotate the line on the Y axis, and as you move it up and down, it will rotate the line on the X axis.
</p><p>If you hold down the ctrl key while rotating, the rotation will be limited to only one of the two axes - whichever has the greatest movement. If you hold down the shift key, rotation will happen in steps of 30 degrees.
</p><p>As with the Z rotation tool, you can also drag the origin anchor here.
</p>
<a name="Scale"></a><h3><span class="editsection">[edit]</span> <span class="mw-headline"> Scale </span></h3>
<p>This is the simplest tool, and allows you to scale subtitles on the X and Y axes. It will show one bar for each axis, showing not only the 100% size, but also the current scale.
</p>
<center><img alt="Image:Visual scale.png" longdesc="/docs/Image:Visual_scale.png" src="./images/Visual_scale.png" width="349" height="246" /></center>
<p>To use this tool, simply hold down the mouse button and drag the mouse up and down (to scale on the Y axis) or left and right (to scale on the X axis). You can hold down the ctrl key to limit scaling to the axis where the biggest change happened, and shift to limit it to increments of 25%.
</p>
<a name="Rectangular_clip"></a><h3><span class="editsection">[edit]</span> <span class="mw-headline"> Rectangular clip </span></h3>
<p>The rectangular clip tool allows you to clip the subtitles so that nothing OUTSIDE an axis-aligned rectangle can be displayed (in essence, the \clip(x1,y1,x2,y2) tag).
</p>
<center><img alt="Image:Visual clip.png" longdesc="/docs/Image:Visual_clip.png" src="./images/Visual_clip.png" width="347" height="245" /></center>
<p>There are two ways to use this tool. You can either click and grab one of the four vertices of the rectangle, to resize an already-existing clip, or you can click-and-drag in empty space to create a new rectangle from scratch. The areas that will be invisible will be darkened.
</p>
<a name="Vectorial_clip"></a><h3><span class="editsection">[edit]</span> <span class="mw-headline"> Vectorial clip </span></h3>
<p>Similarly to the last tool, the vectorial clip tool allows you to draw an area, so that nothing outside it will be rendered. The difference, however, is that this area can have any arbitrary shape defined by a path of lines and bézier curves.
</p>
<center><img alt="Image:Visual vector clip.png" longdesc="/docs/Image:Visual_vector_clip.png" src="./images/Visual_vector_clip.png" width="349" height="270" /></center>
<p>This mode has 8 sub-tools:
</p>
<center><img alt="Image:Visual vector toolbar.png" longdesc="/docs/Image:Visual_vector_toolbar.png" src="./images/Visual_vector_toolbar.png" width="206" height="40" /></center>
<ol><li>Drag - Allows you to drag a control point
</li><li>Insert line - Allows you to insert a straight line from the last point to the current mouse position by clicking the point.
</li><li>Insert bézier bicubic curve - The same as above, but it instead inserts a bicubic curve. You can then use the two control points to adjust the shape of the curve.
</li><li>Convert between line and curve - Click on a line segment or bicubic curve to convert it to the other type.
</li><li>Split curve - Click on a line segment or bicubic curve to split it in two, at the marked point.
</li><li>Remove point - Click on a point to delete it.
</li><li>Freehand shape - Click and drag with the mouse over the video and move the mouse to draw a freehand shape composed of line segments. This shape will automatically be closed, with the last point connecting to the first.
</li><li>Freehand smooth shape - Same as above, but the shape will be smoothed with bicubic curves.
</li></ol>
<!-- Saved in parser cache with key zeratul-aegimanual_:pcache:idhash:79-0!1!0!!en!2 and timestamp 20090615002741 -->
<div class="printfooter">
Retrieved from "<a href="./Visual_Typesetting.html">http://aegisub.cellosoft.com/docs/Visual_Typesetting</a>"</div>
<!-- end content -->
<div class="visualClear"></div>
</div>
</div>
</div>
<div id="column-one">
<div class="portlet" id="p-logo">
<a style="background-image: url(/docs/skins/common/images/wiki.png);"
href="./Main_Page.html"
title="Main Page"></a>
</div>
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
<div class='portlet' id='p-navigation'>
<h5>Navigation</h5>
<div class='pBody'>
<ul>
<li id="n-mainpage"><a href="./Main_Page.html">Main Page</a></li>
</ul>
</div>
</div>
<div class='portlet' id='p-Introduction'>
<h5>Introduction</h5>
<div class='pBody'>
<ul>
<li id="n-What-is-Aegisub?"><a href="./About.html">What is Aegisub?</a></li>
<li id="n-Highlights"><a href="./Highlights.html">Highlights</a></li>
<li id="n-Credits"><a href="./Credits.html">Credits</a></li>
<li id="n-Support-Aegisub"><a href="./Support.html">Support Aegisub</a></li>
<li id="n-FAQ"><a href="./FAQ.html">FAQ</a></li>
<li id="n-Tutorials"><a href="./Tutorials.html">Tutorials</a></li>
</ul>
</div>
</div>
<div class='portlet' id='p-Working with Subtitles'>
<h5>Working with Subtitles</h5>
<div class='pBody'>
<ul>
<li id="n-Editing-Subtitles"><a href="./Editing_Subtitles.html">Editing Subtitles</a></li>
<li id="n-Exporting-Subtitles"><a href="./Exporting.html">Exporting Subtitles</a></li>
<li id="n-Applying-Subtitles"><a href="./Attaching_subtitles_to_video.html">Applying Subtitles</a></li>
<li id="n-Spell-Checker"><a href="./Spell_Checker.html">Spell Checker</a></li>
<li id="n-Translation-Assistant"><a href="./Translation_Assistant.html">Translation Assistant</a></li>
<li id="n-Paste-Over"><a href="./Paste_Over.html">Paste Over</a></li>
<li id="n-Select-Lines"><a href="./Select_Lines.html">Select Lines</a></li>
</ul>
</div>
</div>
<div class='portlet' id='p-Typesetting'>
<h5>Typesetting</h5>
<div class='pBody'>
<ul>
<li id="n-Introduction"><a href="./Typesetting.html">Introduction</a></li>
<li id="n-Working-with-Video"><a href="./Video.html">Working with Video</a></li>
<li id="n-Editing-styles"><a href="./Styles.html">Editing styles</a></li>
<li id="n-Visual-Typesetting"><a href="./Visual_Typesetting.html">Visual Typesetting</a></li>
<li id="n-ASS-Override-Tags"><a href="./ASS_Tags.html">ASS Override Tags</a></li>
<li id="n-Colour-Picker"><a href="./Colour_Picker.html">Colour Picker</a></li>
<li id="n-Styling-Assistant"><a href="./Styling_Assistant.html">Styling Assistant</a></li>
<li id="n-Resolution-Resampler"><a href="./Resolution_Resampler.html">Resolution Resampler</a></li>
<li id="n-Fonts-Collector"><a href="./Fonts_Collector.html">Fonts Collector</a></li>
</ul>
</div>
</div>
<div class='portlet' id='p-Timing'>
<h5>Timing</h5>
<div class='pBody'>
<ul>
<li id="n-Working-with-Audio"><a href="./Audio.html">Working with Audio</a></li>
<li id="n-Shift-times"><a href="./Shift_Times.html">Shift times</a></li>
<li id="n-Timing-Post-Processor"><a href="./Timing_Post-Processor.html">Timing Post-Processor</a></li>
<li id="n-Kanji-Timer"><a href="./Kanji_Timer.html">Kanji Timer</a></li>
</ul>
</div>
</div>
<div class='portlet' id='p-Automation'>
<h5>Automation</h5>
<div class='pBody'>
<ul>
<li id="n-Overview"><a href="./Automation.html">Overview</a></li>
<li id="n-Karaoke-Templater"><a href="./Karaoke_Templater.html">Karaoke Templater</a></li>
<li id="n-Lua-Reference"><a href="./Lua_Reference.html">Lua Reference</a></li>
</ul>
</div>
</div>
<div class='portlet' id='p-Miscellaneous'>
<h5>Miscellaneous</h5>
<div class='pBody'>
<ul>
<li id="n-Aegisub-Options"><a href="./Options.html">Aegisub Options</a></li>
<li id="n-Script-Properties"><a href="./Properties.html">Script Properties</a></li>
<li id="n-Attachment-Manager"><a href="./Attachment_Manager.html">Attachment Manager</a></li>
</ul>
</div>
</div>
<!-- end of the left (by default at least) column -->
<div class="visualClear"></div>
<div id="footer">
<table width = "100%">
<tr><td width="5%" align="left" nowrap='nowrap'></td>
<td align="center"></td>
<td width="5%" align="right" nowrap='nowrap'></td></tr></table>
</div>
<script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script>
</div>
<!-- Served by cellosoft.com in 0.124 secs. --> </body>
</html>