Templates with Text

Templates with Text Demo

Uses some complexer stack configuration with stack expressions and variables and "substacks" inclusion

Image: Font Size: Font:

Text 1: Opacity:

Text 2: Angle: Color: Shadow:

Logo: Size:

URL:

See the text operation chapter for more info.

The main template config:

{
    "stack_operations": [
        {
            "name": "resize",
            "options": {
                "width": 700
            }
        },
        {
            "expressions": {
                "width": "300 + ($shadow ? 4 :0)",
                "enabled": "$t2 != \"_no_text_\" ? true : false"
            },
            "name": "composition",
            "options": {
                "mode": "background",
                "secondary_stack": "subtemplate",
                "cache": true,
                "secondary_image": "83d1ca",
                "anchor": "15_65"
            }
        },
        {
            "expressions": {
                "text": "$t",
                "opacity": "$o",
                "size": "$s",
                "font": "$font"
            },
            "name": "text",
            "options": {
                "angle": 0,
                "anchor": "20_20"
            }
        },
        {
            "expressions": {
                "width": "$wlogo",
                "enabled": "$logo"
            },
            "name": "composition",
            "options": {
                "mode": "background",
                "secondary_image": "0cf76f",
                "anchor": "right_bottom"
            }
        }
    ],
    "stack_variables": {
        "font": "86d7ee",
        "logo": false,
        "wlogo": 150,
        "shadow": false,
        "a": -5,
        "o": 100,
        "s": 50,
        "t2": "_no_text_",
        "t": ""
    }
}

The subtemplate template config for the rotated text box with a possible shadow:

{
    "stack_operations": [
        {
            "expressions": {
                "secondary_color": "$color"
            },
            "name": "composition",
            "options": {
                "mode": "background",
                "width": 600,
                "empty_primary": true,
                "height": 120
            }
        },
        {
            "expressions": {
                "font": "$font",
                "text": "$t2"
            },
            "name": "text",
            "options": {
                "width": 560,
                "resize_to_box": true,
                "color": "ffffff",
                "height": 80
            }
        },
        {
            "expressions": {
                "angle": "$a"
            },
            "name": "rotate",
            "options": {}
        },
        {
            "expressions": {
                "enabled": "$shadow"
            },
            "name": "dropshadow",
            "options": {
                "sigma": 2,
                "horizontal": 0,
                "vertical": 0,
                "opacity": 50
            }
        }
    ],
    "stack_variables": {
        "t2": "",
        "a": "-5",
        "font": "86d7ee",
        "shadow": false,
        "color": "7DAD41"
    }
}