Tutorials

Social Video erstellen

1. Vollständiges Beispiel

{
  "meta": {
    "version": "2.0.0",
    "width": 1080,
    "height": 1920,
    "fps": 30,
    "background": "#000000"
  },
  "assets": {
    "images": [
      {
        "id": "bg",
        "src": "https://example.com/social-bg.jpg"
      }
    ]
  },
  "tracks": [
    {
      "id": "main",
      "clips": [
        {
          "type": "image",
          "start": 0,
          "duration": 7,
          "src": { "$ref": "bg" },
          "transform": {
            "x": "50%",
            "y": "50%",
            "width": "100%",
            "height": "100%"
          },
          "style": {
            "objectFit": "cover",
            "filters": [
              { "type": "brightness", "value": 0.65 }
            ]
          }
        },
        {
          "type": "text",
          "start": 0.4,
          "duration": 6.6,
          "text": "Monday Motivation",
          "transform": {
            "x": "50%",
            "y": "28%"
          },
          "style": {
            "fontSize": 74,
            "fontWeight": 900,
            "fill": "#ffffff",
            "textAlign": "center"
          },
          "animations": [
            {
              "type": "zoomIn",
              "duration": 0.5,
              "easing": "easeOutBack"
            }
          ]
        },
        {
          "type": "text",
          "start": 1,
          "duration": 6,
          "text": "New week\\nNew momentum",
          "transform": {
            "x": "50%",
            "y": "48%"
          },
          "style": {
            "fontSize": 46,
            "fontWeight": 600,
            "fill": "#ffffff",
            "textAlign": "center",
            "lineHeight": 1.3
          },
          "animations": [
            {
              "type": "fadeIn",
              "duration": 0.5
            }
          ]
        }
      ]
    }
  ]
}

2. Faustregeln für Social Videos

  • Verwende 1080 x 1920
  • Platziere den Haupt-Hook in der oberen Hälfte
  • Halte die Zeilen kurz
  • Dunkle den Hintergrund ab, wenn gute Lesbarkeit des Textes wichtig ist

3. Verwandte Dokumente