{"id":3792,"date":"2016-06-22T09:51:08","date_gmt":"2016-06-22T09:51:08","guid":{"rendered":"http:\/\/www.aquasoft.de\/blog\/hilfe\/?p=3792"},"modified":"2016-06-28T10:50:33","modified_gmt":"2016-06-28T10:50:33","slug":"bild-mit-text-maske-freistellen","status":"publish","type":"post","link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/bild-mit-text-maske-freistellen\/","title":{"rendered":"Bild mit Text-Maske freistellen (Technikdemo Inside)"},"content":{"rendered":"<div id=\"attachment_3815\" style=\"width: 209px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/youtu.be\/g6n9HkTWbhA?t=56s\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3815\" class=\" wp-image-3815\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/screenshot-technikdemo-aquasoft-textmaske-1024x618.jpg\" alt=\"Technikdemo bei YouTube\" width=\"199\" height=\"120\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/screenshot-technikdemo-aquasoft-textmaske-1024x618.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/screenshot-technikdemo-aquasoft-textmaske-300x181.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/screenshot-technikdemo-aquasoft-textmaske-768x464.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/screenshot-technikdemo-aquasoft-textmaske.jpg 1916w\" sizes=\"auto, (max-width: 199px) 100vw, 199px\" \/><\/a><p id=\"caption-attachment-3815\" class=\"wp-caption-text\">Technikdemo bei YouTube<\/p><\/div>\n<p>In unserer <a href=\"https:\/\/youtu.be\/g6n9HkTWbhA?t=55s\">Technikdemo<\/a> sehen Sie die Textmaske. Dabei handelt es sich um einen Text, der mit einem Foto oder Video ausgef\u00fcllt ist, man k\u00f6nnte auch sagen, das Foto oder Video ist in der Form des Textes <a href=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/bildteile-mit-gimp-2-freistellen\/\">freigestellt<\/a>. Die Textmaske funktioniert genauso, wie der Masken-Effekt &#8211; man kann damit einfache Texte oder Titel erstellen. Aber wie immer, kann es auch aufwendig werden, besonders in Stages. In diesem Beitrag m\u00f6chte ich Ihnen die Textmaske in verschiedenen &#8222;Schwierigkeitsstufen&#8220; zeigen.<\/p>\n<h2>Einstieg: Textmaske auf wei\u00dfem Hintergrund<\/h2>\n<div id=\"attachment_3798\" style=\"width: 252px\" class=\"wp-caption alignright\"><a href=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/text-maske-aquasoft.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3798\" class=\" wp-image-3798\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/text-maske-aquasoft.jpg\" alt=\"Text-Maske in DiaShow 10\" width=\"242\" height=\"304\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/text-maske-aquasoft.jpg 472w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/text-maske-aquasoft-239x300.jpg 239w\" sizes=\"auto, (max-width: 242px) 100vw, 242px\" \/><\/a><p id=\"caption-attachment-3798\" class=\"wp-caption-text\">Einfache Text-Maske erstellen<\/p><\/div>\n<ol>\n<li>Ziehen Sie eine Flexi-Collage in die Timeline<\/li>\n<li>In die Flexi-Collage ziehen Sie den &#8222;Farbigen Hintergrund&#8220; aus der Toolbox, als F\u00fcllfarbe stellen Sie wei\u00df ein.<\/li>\n<li>Unter den &#8222;Farbigen Hintergrund&#8220; ziehen Sie den &#8222;Masken-Effekt&#8220;.<\/li>\n<li>In den Inhalt-Teil ziehen Sie Ihr Foto oder Video &#8211; achten Sie darauf, dass das Objekt die Bildfl\u00e4che voll ausf\u00fcllt und dass keine Einblendung eingestellt ist.<\/li>\n<li>In den Masken-Teil ziehen Sie (ganz unten, aus dem Bereich &#8222;Masken&#8220;) die &#8222;Textmaske&#8220;<\/li>\n<\/ol>\n<p>Das war es schon, jetzt m\u00fcssten Sie bereits ein Ergebnis erkennen. Die &#8222;Feinheiten&#8220; fehlen nat\u00fcrlich noch, aber das Grundlegende ist schon vorhanden.<\/p>\n<h2>Technikdemo: Textmaske mit Zoom<\/h2>\n<div id=\"attachment_3801\" style=\"width: 304px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-zoom-aquasoft.jpg\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3801\" class=\" wp-image-3801\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-zoom-aquasoft.jpg\" alt=\"Beispiel der Textmaske aus der Technikdemo\" width=\"294\" height=\"270\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-zoom-aquasoft.jpg 870w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-zoom-aquasoft-300x276.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-zoom-aquasoft-768x705.jpg 768w\" sizes=\"auto, (max-width: 294px) 100vw, 294px\" \/><\/a><p id=\"caption-attachment-3801\" class=\"wp-caption-text\">Beispiel der Textmaske aus der Technikdemo<\/p><\/div>\n<p>N\u00e4hern wir uns jetzt dem Beispiel aus der Technikdemo. Hier haben wir zwei Fotos, eines liegt im Hintergrund, das andere wird in der Text-Maske angezeigt. Das Hintergrundbild bewegt sich leicht. In den Text wird weit hinein in das kleine &#8222;e&#8220; gezoomt, bis irgendwann nicht mehr der Text, sondern das Bild, das in der Maske liegt, zu sehen ist.<\/p>\n<p>F\u00fcr den Zoom auf den Text ist es wichtig, dass der Text in m\u00f6glichst gro\u00dfer Aufl\u00f6sung vorliegt. Daf\u00fcr stellt man eine sehr gro\u00dfe Schriftgr\u00f6\u00dfe ein und f\u00fcgt den Text in eine Flexi-Collage ein, die man anschlie\u00dfend auf die passende Gr\u00f6\u00dfe skalieren kann.<br \/>\nDer Aufbau des Effektes ist ansonsten wie oben (statt in einer Flexi-Collage steckt alles in einem Kapitel). Die Bilder (oder Videos) sollten bildschirmf\u00fcllend und ohne Einblendung erscheinen. Auf das Objekt, das im Inhalts-Teil der Maske liegt, sollte keine Einblendung angewendet werden.<\/p>\n<p>Im Screenshot sehen Sie an den kleinen Symbolen, dass auf den Objekten zus\u00e4tzliche Effekte liegen. Auf dem Hintergrund liegt eine Einblendung (&#8222;Wassertropfen&#8220;) und ein Kameraschwenk. Das Bild im Inhalts-Teil des Masken-Effektes wurde mit dem Bildeditor bearbeitet. Der Text, der als Maske verwendet wird, enth\u00e4lt noch einen Bildeffekt (&#8222;Kontur&#8220;, im Bildeditor zugef\u00fcgt).<\/p>\n<h3>Schritt 1: Grundaufbau der Textmaske mit Zoom<\/h3>\n<p>F\u00fcgen Sie zun\u00e4chst ein Kapitel ein. In das Kapitel f\u00fcgen Sie das Bild ein, das als Hintergrund diesen soll. Anstelle eines Fotos k\u00f6nnen Sie auch ein Video einsetzen. Wichtig ist, dass es bildschirmf\u00fcllend angezeigt wird. Das geht unter &#8222;Eigenschaften&#8220; \u00fcber die Option &#8222;Zuschneiden&#8220; oder mit einem Zuschnitt \u00fcber den Kameraschwenk.<\/p>\n<p>F\u00fcgen Sie nun den Masken-Effekt ein. In den Inhalts-Bereich ziehen Sie sie das Foto oder Video, das von der Textmaske ausgeschnitten werden soll. Der Inhalt sollte bildschirmf\u00fcllend angezeigt werden, damit die Textmaske komplett ausgef\u00fcllt ist.<\/p>\n<h3>Schritt 2: Text f\u00fcr tiefen Zoom vorbereiten<\/h3>\n<p>Ziehen Sie die Textmaske in dem Masken-Bereich. Geben Sie zuerst Ihren Text ein und legen Sie die Schriftart fest. Wenn Sie zus\u00e4tzlich auch die Kontur haben m\u00f6chten, die in der Technikdemo verwendet wird, aktivieren Sie mit dem kleinen fx-Button die Bildeffekte f\u00fcr den Text und klicken Sie auf den Pfeil daneben, um den Bildeditor zu \u00f6ffnen. F\u00fcgen Sie den Effekt &#8222;Kontur&#8220; hinzu. Als Farbe k\u00f6nnen Sie hier z.B. ein Mittelgrau w\u00e4hlen, unter &#8222;St\u00e4rke&#8220; stellen Sie 0,5 cm ein.<\/p>\n<p>Je tiefer Sie in den Text hineinzoomen, desto besser muss die Aufl\u00f6sung des Textes sein. Wenn der Text nicht gen\u00fcgend Pixel hat, wird er bei starkem Zoom matschig, die Kanten werden grob und unscharf. Stellen Sie f\u00fcr den Text eine sehr gro\u00dfe Schriftgr\u00f6\u00dfe ein, z.B. 600.<\/p>\n<p>Man kann in eine Flexi-Collage mittels Kameraschwenk immer hineinzoomen, so kommt sp\u00e4ter der Zoom in das kleine e zustande. F\u00fcgen Sie eine Flexi-Collage in dem Masken-Bereich ein und ziehen Sie dort das Text-Objekt hinein.<\/p>\n<h3>Schritt 3: Kameraschwenks kommen zum Einsatz<\/h3>\n<div id=\"attachment_3807\" style=\"width: 349px\" class=\"wp-caption alignleft\"><a href=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/zoom-in-buchstaben-aquasoft.jpg\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3807\" class=\" wp-image-3807\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/zoom-in-buchstaben-aquasoft.jpg\" alt=\"Zoom in Buchstaben der Textmaske\" width=\"339\" height=\"276\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/zoom-in-buchstaben-aquasoft.jpg 893w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/zoom-in-buchstaben-aquasoft-300x244.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/zoom-in-buchstaben-aquasoft-768x625.jpg 768w\" sizes=\"auto, (max-width: 339px) 100vw, 339px\" \/><\/a><p id=\"caption-attachment-3807\" class=\"wp-caption-text\">Zoom in Buchstaben der Textmaske<\/p><\/div>\n<p>\u00dcber dem Hintergrundbild, das nicht im Masken-Effekt steckt, liegt ein Kameraschwenk. In der Technikdemo wird leicht in die Mitte des Bildes hinein gezoomt. Hier besteht der Kameraschwenk aus zwei Marken, die einen gro\u00dfen zeitlichen Abstand haben, damit die Bewegung sanft verl\u00e4uft.<\/p>\n<p>Der zweite Kameraschwenk liegt auf der Flexi-Collage, in der der Text steckt. Klicken Sie auf die Flexi-Collage und achten Sie darauf, dass das Kameraschwenk-Werkzeug aktiv ist. Der Kameraschwenk hat drei Marken, er schwenkt von rechts nach links \u00fcber den gesamten Text und zoomt dann bei der dritten Marke in den letzten Buchstaben hinein. Dabei muss der Rahmen des Kameraschwenks in einen Teil des Buchstabens passen, ohne dass ein Teil des Rahmens \u00fcbersteht. Der Rahmen muss also relativ klein sein, f\u00fcr die genaue Positionierung der dritten Marke sollten Sie also die Ansicht mit Hilfe des Lupen-Symbol stark vergr\u00f6\u00dfern.<\/p>\n<div id=\"attachment_3809\" style=\"width: 730px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/kameraschwenk-zoom-in-textmaske.jpg\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-3809\" class=\"size-large wp-image-3809\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/kameraschwenk-zoom-in-textmaske-1024x364.jpg\" alt=\"Kameraschwenk \u00fcber Textmaske mit starkem Zoom am Ende\" width=\"720\" height=\"256\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/kameraschwenk-zoom-in-textmaske-1024x364.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/kameraschwenk-zoom-in-textmaske-300x107.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/kameraschwenk-zoom-in-textmaske-768x273.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/kameraschwenk-zoom-in-textmaske.jpg 1360w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><p id=\"caption-attachment-3809\" class=\"wp-caption-text\">Kameraschwenk \u00fcber Textmaske mit starkem Zoom am Ende<\/p><\/div>\n<p><em>Jetzt sollten Sie es geschafft haben! Ich zeige Ihnen im <a href=\"https:\/\/youtu.be\/f7iqjzDdIpY\" target=\"_blank\">Video <\/a>noch einmal alle Schritte. Variieren Sie Ihre Textmaske und schreiben Sie mir, was Sie gemacht haben. \ud83d\ude42<\/em><br \/>\n<iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/f7iqjzDdIpY\" width=\"640\" height=\"360\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In unserer Technikdemo sehen Sie die Textmaske. Dabei handelt es sich um einen Text, der mit einem Foto oder Video ausgef\u00fcllt ist, man k\u00f6nnte auch sagen, das Foto oder Video ist in der Form des Textes freigestellt. Die Textmaske funktioniert genauso, wie der Masken-Effekt &#8211; man kann damit einfache Texte&#46;&#46;&#46;<\/p>\n","protected":false},"author":11,"featured_media":3820,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[94401,92412,94405,94413],"tags":[93687,92821,94438,93694],"class_list":["post-3792","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diashow-10","category-inspiration","category-stages-10","category-textgestaltung","tag-diashow-mit-text","tag-masken-effekt","tag-technikdemo","tag-textmaske"],"uagb_featured_image_src":{"full":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-aquasoft.jpg",1440,680,false],"thumbnail":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-aquasoft-150x150.jpg",150,150,true],"medium":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-aquasoft-300x142.jpg",300,142,true],"medium_large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-aquasoft-768x363.jpg",768,363,true],"large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-aquasoft-1024x484.jpg",1024,484,true],"1536x1536":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-aquasoft.jpg",1440,680,false],"2048x2048":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-aquasoft.jpg",1440,680,false],"thumb-small":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-aquasoft-160x160.jpg",80,80,true],"thumb-standard":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-aquasoft.jpg",320,151,false],"thumb-medium":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-aquasoft-520x245.jpg",520,245,true],"thumb-large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-aquasoft-720x340.jpg",720,340,true],"thumb-xlarge":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-aquasoft.jpg",953,450,false],"thumb-xxlarge":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-aquasoft.jpg",1059,500,false],"yarpp-thumbnail":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2016\/06\/textmaske-aquasoft.jpg",120,57,false]},"uagb_author_info":{"display_name":"Nadine","author_link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/author\/nadine-kabelitz\/"},"uagb_comment_info":9,"uagb_excerpt":"In unserer Technikdemo sehen Sie die Textmaske. Dabei handelt es sich um einen Text, der mit einem Foto oder Video ausgef\u00fcllt ist, man k\u00f6nnte auch sagen, das Foto oder Video ist in der Form des Textes freigestellt. Die Textmaske funktioniert genauso, wie der Masken-Effekt &#8211; man kann damit einfache Texte&#46;&#46;&#46;","_links":{"self":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/3792","targetHints":{"allow":["GET"]}}],"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=3792"}],"version-history":[{"count":20,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/3792\/revisions"}],"predecessor-version":[{"id":3858,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/3792\/revisions\/3858"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media\/3820"}],"wp:attachment":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media?parent=3792"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/categories?post=3792"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/tags?post=3792"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}