Skip to content

Comic Book Card Type

This card design was created by CollinHeist, and is stylized after classic Comic Book pages. These cards feature two prominent banners at the top and bottom of the card. The top banner is for the index (season and episode) text, and the bottom one is for the title text.

Example Comic Book Card
Labeled Card Elements

Labeled Comic Book Card Elements

The fill color of both the title and index banners can be adjusted with the Banner Fill Color extra. This affects the semi-transparent background rectangle behind the text boxes on both banners.

Example

Title Banner

The title banner appears at the bottom of the card and contains the title text.

Edge Color

The edge/stroke color of the title text box can be adjusted with the Text Box Edge Color extra. If unspecified, this defaults to matching the Font color.

Example

Fill Color

The fill color of the text box containing the title text can be adjusted with the Title Textbox Fill Color extra.

Example

Rotation Angle

The angle at which the title text and banner are rotated can be adjusted with the Title Text Rotation Angle extra. Positive angles tilt the text clockwise and negative angles tilt it counterclockwise. The default is -4.0 degrees.

This can be an explicit angle (i.e. -10), or TCM can dynamically select a random angle in some random bounds using the format random[lower, upper], where lower and upper are the minimum and maximum angle values in degrees. For example, random[-10, 10] will randomly select an angle between -10 and 10 degrees.

Example

Vertical Shift

The vertical position of the title banner (relative to the text box) can be adjusted with the Title Banner Vertical Shift extra. Negative values shift the banner up, and positive values shift it down.

Example

Toggle

The title banner can be completely hidden by setting the Hide Title Banner extra to True. When hidden, only the title text box (if enabled) will be displayed, without the banner background.

Example

Index Banner

The index banner appears at the bottom of the card and contains the index (season and episode) text.

Position

The horizontal position of the index text (and banner) can be adjusted with the Index Text Position extra. This can be set to left, middle, or right.

Example

Edge Color

The edge/stroke color of the title text box can be adjusted with the Text Box Edge Color extra. If unspecified, this defaults to matching the Font color.

Example

Fill Color

The fill color of the text box containing the index text can be adjusted with the Index Textbox Fill Color extra. If unspecified, this defaults to matching the Title Textbox Fill Color.

Example

Rotation Angle

The angle at which the index text and banner are rotated can be adjusted with the Index Text Rotation Angle extra. Positive angles tilt the text down, and negative angles tilt it up. The default is -4.0 degrees.

This can be an explicit angle (i.e. -10), or TCM can dynamically select a random angle in some random bounds using the format random[lower, upper], where lower and upper are the minimum and maximum angle values in degrees. For example, random[-10, 10] will randomly select an angle between -10 and 10 degrees.

Zero Degree Angle

Because of the coordinate calculations used in this Card's logic, an angle of 0.0 degrees cannot be specified - to use no rotation (flat banner), specify a very small number like 0.01.

Example

Vertical Shift

The vertical position of the index banner can be adjusted with the Index Banner Vertical Shift extra. Negative values shift the banner up, and positive values shift it down.

Example

Toggle

The title banner can be completely hidden by setting the Hide Index Banner extra to True. When hidden, only the index text box (if enabled) will be displayed, without the banner background.

Example

Episode Text Color

The color of the index text (season and episode) can be adjusted with the Episode Text Color extra.

Example

Mask Images

This card also natively supports mask images. Like all mask images, TCM will automatically search for alongside the input Source Image in the Series' source directory, and apply this atop all other Card effects.

Example