Skip to content

Commit beeb9f1

Browse files
Dialogue Styling: Updates
1 parent 855b754 commit beeb9f1

File tree

4 files changed

+31
-25
lines changed

4 files changed

+31
-25
lines changed

docs/guidelines/styling/dialogue_styling.md

Lines changed: 31 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,11 @@ The base style is the default style for all dialogue.
1717
You want to make sure it's easy to read
1818
and not too distracting.
1919

20+
!!! danger
21+
**All examples on this page assume 1080p video.**<br>
22+
If you are working with some other resolution,
23+
you may need to adjust values accordingly.
24+
2025
!!! example "Styles used by various groups"
2126
=== "Kaleido"
2227

@@ -31,7 +36,7 @@ and not too distracting.
3136
![Good Job! Media dialogue style](./img/styling/groups/goodjobmedia.png)
3237

3338
```markdown
34-
Style: Default,Gandhi Sans,74,&H00FFFFFF,&H000000FF,&H00000000,&HA0000000,-1,0,0,0,100,100,0,0,1,3.6,1.5,2,200,200,56,1
39+
Style: GJM_Main_1080p,Gandhi Sans,75,&H00FFFFFF,&H000000FF,&H00000000,&HA0000000,-1,0,0,0,100,100,0,0,1,3.6,1.5,2,225,225,60,1
3540
```
3641

3742
=== "SubsPlease"
@@ -192,20 +197,25 @@ so most subtitling groups will use a different border colour.
192197

193198
!!! example "Alt styles used by various groups"
194199
=== "Kaleido"
195-
![Kaleido-subs overlapping dialogue style](./img/styling/groups/kaleido-alt.png)
200+
![Kaleido-subs overlapping dialogue style](./img/styling/groups/kaleido-alt.png)
196201

197-
```markdown
198-
Style: Default,LTFinnegan Medium,72,&H00FFFFFF,&H00FFFFFF,&H00000000,&HA0000000,0,0,0,0,100,100,0,0,1,3.6,1.5,2,200,200,60,1
199-
```
202+
```markdown
203+
Style: Alt,LTFinnegan Medium,72,&H00FFFFFF,&H00FFFFFF,&H00564100,&HA0000000,0,0,0,0,100,100,0,0,1,3.6,1.5,2,200,200,60,1
204+
```
200205

201-
For streaming services,
202-
it's more common to display overlapping dialogue
203-
and differentiate between them with a hyphen.
204-
This effect can be somewhat emulated with ASS
205-
by setting the alignment to \an7 (top-left)
206-
and by using margins to reposition the dialogue.
207-
This is not standard practice for Kaleido,
208-
and is discouraged unless there is a very good reason to do so.
206+
=== "Good Job! Media"
207+
![Good Job! Media overlapping dialogue style](./img/styling/groups/goodjobmedia-alt.png)
208+
209+
```markdown
210+
Style: GJM_Overlap_1080p,Gandhi Sans,75,&H00FFFFFF,&H000000FF,&H00743E15,&HA0000000,-1,0,0,0,100,100,0,0,1,3.6,1.5,2,225,225,60,1
211+
```
212+
213+
=== "DameDesuYo"
214+
![DameDesuYo overlapping dialogue style](./img/styling/groups/damedesuyo-alt.png)
215+
216+
```markdown
217+
Style: Default - Alt,Cronos Pro,78,&H00FFFFFF,&H000000FF,&H003C1A00,&H00000000,-1,0,0,0,100,100,0,0,1,3.75,0,2,225,225,45,1
218+
```
209219

210220
## Subtitle location
211221

@@ -246,8 +256,8 @@ and be avoided in important scenes
246256
so as not to distract the viewer's attention.
247257
We will cover this in more depth in the [shenanigans](../shenanigans.md) document.
248258

249-
!!! example "More 'fun' positioning"
250-
![Dialogue positioned at the speaker's head](./img/styling/wacky-positioning.png)
259+
!!! example "Example of 'fun' positioning"
260+
![Example of "fun" positioning: multiple "Welcome!" lines each horizontally aligned to the speaker](./img/styling/wacky-positioning.png)
251261

252262
### Margins
253263

@@ -262,7 +272,7 @@ it will start breaking lines more aggressively,
262272
which can have a negative impact
263273
on the timing and editing of the line.
264274

265-
!!! example "Kaleido's default margins"
275+
!!! example "Kaleido's default margins: Left 200, Right 200, Vert 60"
266276
![Kaleido's default margins](./img/styling/kaleido-house-style-margins.png)
267277

268278
Margins also decide when a line of dialogue will be automatically broken.
@@ -291,8 +301,7 @@ by increasing contrast
291301
between the dialogue and the video background.
292302

293303
!!! note "Safe values"
294-
Safe values are generally between 2.5px and 4px,
295-
assuming a 1920x1080 video.
304+
A safe border width is between 2.5px and 4px.
296305

297306
Borders should ideally not be too thick,
298307
as this is less pleasant on the eyes,
@@ -311,16 +320,13 @@ This helps to ensure that the shadow is not too heavy
311320
and does not overpower the dialogue.
312321

313322
!!! note "Safe values"
314-
Safe values are generally between 1px and 2px,
315-
assuming a 1920x1080 video.
316-
For transparency,
317-
a value between 140 and 200 is usually best.
323+
A safe shadow offset is between 1px and 2px,
324+
with a shadow transparency of 140 to 180.
318325

319326
!!! example "Kaleido's default borders and shadows"
320327

321-
For Kaleido,
322-
we use a border of 3.6px,
323-
a shadow of 1.5px,
328+
Kaleido uses a border width of 3.6px,
329+
a shadow offset of 1.5px,
324330
and a shadow transparency of 160.
325331

326332
![Kaleido's default borders and shadows](./img/styling/kaleido-house-style-outline.png)
Loading
Loading
Loading

0 commit comments

Comments
 (0)