{"id":8738,"date":"2020-08-02T11:34:33","date_gmt":"2020-08-02T09:34:33","guid":{"rendered":"https:\/\/www.aquasoft.de\/blog\/hilfe\/?p=8738"},"modified":"2020-08-07T08:48:34","modified_gmt":"2020-08-07T06:48:34","slug":"hintergrundfarbe-fuer-text","status":"publish","type":"post","link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/","title":{"rendered":"Hintergrundfarbe f\u00fcr Text"},"content":{"rendered":"\n

Text hebt sich auf einem Foto manchmal schwer ab, noch schwieriger wird es beim Bewegtbild. Eine Hintergrundfarbe f\u00fcr den Text <\/strong>kann Ruhe in die Komposition bringen, der Text wird besser lesbar. Da muss die Hintergrundfarbe nicht immer vollfl\u00e4chig erscheinen, es gibt auch andere M\u00f6glichkeiten <\/strong>und diese sehen wir uns jetzt an.<\/p>\n\n\n\t\t\t\t

\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\tTable Of Contents\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t
<\/div>\n\t\t\t\t\t

<\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\n\n

Hintergrundfarbe f\u00fcr den Text als Fl\u00e4che<\/h2>\n\n\n\n

Als Kapitel-Unterteilung oder Texttafel<\/strong> ist ein farbiger Hintergrund, der die gesamte Bildfl\u00e4che bedeckt, optimal. Man kann den vollfl\u00e4chigen Hintergrund auf verschiedenen Wegen einf\u00fcgen. Meine Lieblingsvariante ist es, daf\u00fcr ein Rechteck<\/strong> aus der Toolbox zu nutzen (zu finden unter „Dynamische Formen“). Der Vorteil herbei ist, dass ich auch einen Farbverlauf <\/strong>einstellen kann (im Screenshot unten ist ein ganz leichter Farbverlauf zu sehen).<\/p>\n\n\n\n

\"Hintergrundfarbe
Text auf Hintergrund mit Farbverlauf<\/figcaption><\/figure><\/div>\n\n\n\n

Der Aufbau f\u00fcr die vollfl\u00e4chige Hintergrundfarbe ist schnell erstellt: <\/p>\n\n\n\n

  • Zuerst brauchen wir ein Kapitel-Objekt aus der Toolbox. <\/li>
  • In die obere Spur des Kapitels kommt ein Rechteck (Dynamische Formen), dessen Farbe dann im Bereich Eigenschaften gew\u00e4hlt werden kann. Hier kann man auch einen Farbverlauf einstellen.<\/li>
  • In die zweite Spur unseres Kapitels kommt jetzt ein Text-Objekt, das nur noch passend im Layoutdesigner platziert werden muss.<\/li><\/ul>\n\n\n\n
    \"Aufbau
    Aufbau in der Timeline<\/figcaption><\/figure><\/div>\n\n\n\n
    \"Einstellungen
    Einstellungen f\u00fcr die Hintergrundfarbe des Textes, wahlweise mit Verlauf<\/figcaption><\/figure><\/div>\n\n\n\n

    Farbiger Balken als Hintergrund<\/h2>\n\n\n\n

    So, wie im Beispiel oben bei dem vollfl\u00e4chigen Hintergrund schon das Rechteck eingesetzt wurde, k\u00f6nnen wir gleich weitermachen. Manchmal braucht man gar keine gro\u00dfe Fl\u00e4che, sondern einfach einen Balken<\/strong>, der hinter dem Text stet und ihn lesbarer macht.<\/p>\n\n\n\n

    Hier arbeiten wir wieder mit mehreren Spuren:<\/p>\n\n\n\n

    • Ein Kapitel-Objekt aus der Toolbox in die Timeline ziehen.<\/li>
    • In die erste Spur des Kapitel-Objektes kommt das Bild. Es sollte m\u00f6glichst die gesamte Fl\u00e4che ausf\u00fcllen (kann man unter „Eigenschaften“ bei „Seitenverh\u00e4ltnis“ einstellen)<\/li>
    • In die Spur darunter kommt das Rechteck (aus der Toolbox unter „Dynamische Formen“).<\/li>
    • Darunter wird der Text eingef\u00fcgt (Text-Objekt aus der Toolbox).<\/li><\/ul>\n\n\n\n

      Im Layoutdesigner muss jetzt nur noch das Rechteck verkleinert und richtig platziert werden. Passend dazu muss dann auch der Text auf den Balken gesetzt werden.<\/p>\n\n\n\n

      \"\"<\/figure><\/div>\n\n\n\n

      Halbtransparente Hintergrundfarbe f\u00fcr Text<\/h2>\n\n\n\n

      Einen kleinen Funken schicker ist es, wenn ein Foto noch leicht durch den farbigen Hintergrund schimmert. Im Beispiel unten habe ich daf\u00fcr zwei Rechtecke kombiniert, es geht aber auch mit einem. <\/p>\n\n\n\n

      \"Leicht
      Hintergrundfarbe mit Transparenz<\/figcaption><\/figure><\/div>\n\n\n\n

      So sollte der Aufbau f\u00fcr die transparente Hintergrundfarbe aussehen:<\/p>\n\n\n\n

      \"Aufbau
      Aufbau mit Flexi-Collage<\/figcaption><\/figure><\/div>\n\n\n\n
      • Zuerst wird wieder ein Kapitel eingef\u00fcgt. Wenn das Foto oder Video dann bildschirmf\u00fcllend in die erste Spur kommt, ist das super.<\/li>
      • Unter dem Foto oder Video liegt eine Flexi-Collage (im Screenshot sieht man es gut)<\/li>
      • In der Flexi-Collage liegen zwei gro\u00dfe Rechtecke, die im Layoutdesigner dann passend platziert werden.<\/li>
      • In der untersten Spur der Flexi-Collage befindet sich der Text.<\/li><\/ul>\n\n\n\n

        Wozu ist die Flexi-Collage gut? <\/h3>\n\n\n\n

        Mit der Flexi-Collage gruppieren wir die Rechtecke und den Text<\/strong>. Jetzt kann man n\u00e4mlich eine Bewegung oder eine Einblendung f\u00fcr die gesamte Gruppe anlegen. Der transparente Hintergrund „f\u00e4hrt“ das z.B. sanft ins Bild. Das wirkt stimmiger, als wenn alle Objekte auf dem Foto abrupt erscheinen.<\/p>\n\n\n\n

        Und wie kommt die Transparenz zustande? <\/h3>\n\n\n\n

        Das geht f\u00fcr jedes Rechteck unter „Eigenschaften“. Hier hat man bei der Farbauswahl auch die M\u00f6glichkeit, die Farbe durchsichtig aussehen zu lassen. Verantwortlich daf\u00fcr ist der Schieberegler unter „A“ (das A steht f\u00fcr Alphakanal).<\/p>\n\n\n\n

        \"Transparente
        Transparenz der Farbe wird \u00fcber Alphakanal eingestellt<\/figcaption><\/figure><\/div>\n\n\n\n

        Anregungen f\u00fcr mehr<\/h2>\n\n\n\n

        Das sind nur drei Beispiele, wie die Hintergrundfarbe f\u00fcr einen Text aussehen kann. Drei zus\u00e4tzliche Beispiele m\u00f6chte aber als Anregung mitgeben. Der Aufbau aus allein aus Text-Objekten und Rechtecken entstanden und mit dem Wissen aus diesem Beitrag, kann man diese Beispiele auch gut nachbauen. Einen Versuch ist es wert! 😊<\/p>\n\n\n\n

        • \"\"<\/figure><\/li>
        • \"\"<\/figure><\/li>
        • \"\"<\/figure><\/li><\/ul>\n\n\n\n
          \nhttps:\/\/youtu.be\/09wo2hDHGGM\n<\/div><\/figure>\n\n\n\"1\"2\"3\"4\"5 (7<\/strong> Stimmen, durchschnittlich: 4,29<\/strong> von 5)
          <\/span><\/span>Loading...<\/span>\n","protected":false},"excerpt":{"rendered":"

          Text hebt sich auf einem Foto manchmal schwer ab, noch schwieriger wird es beim Bewegtbild. Eine Hintergrundfarbe f\u00fcr den Text kann Ruhe in die Komposition bringen, der Text wird besser lesbar. Da muss die Hintergrundfarbe nicht immer vollfl\u00e4chig erscheinen, es gibt auch andere M\u00f6glichkeiten und diese sehen wir uns jetzt an.<\/p>\n","protected":false},"author":11,"featured_media":8924,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[94413],"tags":[92541,92610,96162],"yoast_head":"\nHintergrundfarbe f\u00fcr Text - Videobearbeitung Tipps & Tricks - AquaSoft Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Hintergrundfarbe f\u00fcr Text - Videobearbeitung Tipps & Tricks - AquaSoft Blog\" \/>\n<meta property=\"og:description\" content=\"Text hebt sich auf einem Foto manchmal schwer ab, noch schwieriger wird es beim Bewegtbild. Eine Hintergrundfarbe f\u00fcr den Text kann Ruhe in die Komposition bringen, der Text wird besser lesbar. Da muss die Hintergrundfarbe nicht immer vollfl\u00e4chig erscheinen, es gibt auch andere M\u00f6glichkeiten und diese sehen wir uns jetzt an.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/\" \/>\n<meta property=\"og:site_name\" content=\"Videobearbeitung Tipps & Tricks - AquaSoft Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/aquasoft.de\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/aquasoft\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-02T09:34:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-08-07T06:48:34+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1440\" \/>\n\t<meta property=\"og:image:height\" content=\"680\" \/>\n<meta name=\"twitter:card\" content=\"summary\" \/>\n<meta name=\"twitter:creator\" content=\"@aquasoft_de\" \/>\n<meta name=\"twitter:site\" content=\"@AquaSoft_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Gesch\u00e4tzte Lesezeit\">\n\t<meta name=\"twitter:data1\" content=\"3\u00a0Minuten\">\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#organization\",\"name\":\"AquaSoft\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/\",\"sameAs\":[\"https:\/\/www.facebook.com\/aquasoft.de\",\"https:\/\/www.youtube.com\/user\/aquasoftgmbh\",\"https:\/\/twitter.com\/AquaSoft_DE\"],\"logo\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#logo\",\"inLanguage\":\"de\",\"url\":\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2014\/07\/Logo-Quadrat.png\",\"contentUrl\":\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2014\/07\/Logo-Quadrat.png\",\"width\":180,\"height\":180,\"caption\":\"AquaSoft\"},\"image\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#logo\"}},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#website\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/\",\"name\":\"Videobearbeitung Tipps & Tricks - AquaSoft Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/#primaryimage\",\"inLanguage\":\"de\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund.jpg\",\"contentUrl\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund.jpg\",\"width\":1440,\"height\":680},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/#webpage\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/\",\"name\":\"Hintergrundfarbe f\\u00fcr Text - Videobearbeitung Tipps & Tricks - AquaSoft Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/#primaryimage\"},\"datePublished\":\"2020-08-02T09:34:33+00:00\",\"dateModified\":\"2020-08-07T06:48:34+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"item\":{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/\",\"name\":\"Startseite\"}},{\"@type\":\"ListItem\",\"position\":2,\"item\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/#webpage\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/#webpage\"},\"author\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#\/schema\/person\/658bf3514fb8c40b053ca2ba93aa3cd6\"},\"headline\":\"Hintergrundfarbe f\\u00fcr Text\",\"datePublished\":\"2020-08-02T09:34:33+00:00\",\"dateModified\":\"2020-08-07T06:48:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/#webpage\"},\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#organization\"},\"image\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/#primaryimage\"},\"keywords\":[\"Farbverlauf\",\"Hintergrund\",\"Text-Balken\"],\"articleSection\":[\"Textgestaltung\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/hintergrundfarbe-fuer-text\/#respond\"]}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#\/schema\/person\/658bf3514fb8c40b053ca2ba93aa3cd6\",\"name\":\"Nadine\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#personlogo\",\"inLanguage\":\"de\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/434a1bb11f4ac0f21bc3ebfcddd2815a?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/434a1bb11f4ac0f21bc3ebfcddd2815a?s=96&r=g\",\"caption\":\"Nadine\"},\"description\":\"Bei AquaSoft k\\u00fcmmere ich mich um Blogbeitr\\u00e4ge, Videos und mehr - dabei gibt es eine gro\\u00dfe Insprationsquelle: Ihre Ideen und Anfragen.\",\"sameAs\":[\"http:\/\/support.aquasoft.de\",\"https:\/\/www.facebook.com\/aquasoft\",\"https:\/\/twitter.com\/aquasoft_de\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","uagb_featured_image_src":{"full":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund.jpg",1440,680,false],"thumbnail":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund-150x150.jpg",150,150,true],"medium":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund-300x142.jpg",300,142,true],"medium_large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund-768x363.jpg",768,363,true],"large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund-1024x484.jpg",1024,484,true],"1536x1536":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund.jpg",1440,680,false],"2048x2048":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund.jpg",1440,680,false],"thumb-small":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund-160x160.jpg",80,80,true],"thumb-standard":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund-320x320.jpg",320,320,true],"thumb-medium":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund-520x245.jpg",520,245,true],"thumb-large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund-720x340.jpg",720,340,true],"thumb-xlarge":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund-980x450.jpg",980,450,true],"thumb-xxlarge":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund-1320x500.jpg",1320,500,true],"yarpp-thumbnail":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2020\/07\/text-auf-hintergrund.jpg",120,57,false]},"uagb_author_info":{"display_name":"Nadine","author_link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/author\/nadine-kabelitz\/"},"uagb_comment_info":8,"uagb_excerpt":"Text hebt sich auf einem Foto manchmal schwer ab, noch schwieriger wird es beim Bewegtbild. Eine Hintergrundfarbe f\u00fcr den Text kann Ruhe in die Komposition bringen, der Text wird besser lesbar. Da muss die Hintergrundfarbe nicht immer vollfl\u00e4chig erscheinen, es gibt auch andere M\u00f6glichkeiten und diese sehen wir uns jetzt an.","_links":{"self":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/8738"}],"collection":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/users\/11"}],"replies":[{"embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/comments?post=8738"}],"version-history":[{"count":22,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/8738\/revisions"}],"predecessor-version":[{"id":8936,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/8738\/revisions\/8936"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media\/8924"}],"wp:attachment":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media?parent=8738"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/categories?post=8738"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/tags?post=8738"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}