{"id":9774,"date":"2021-01-22T09:22:36","date_gmt":"2021-01-22T08:22:36","guid":{"rendered":"https:\/\/www.aquasoft.de\/blog\/hilfe\/?p=9774"},"modified":"2021-05-06T12:09:17","modified_gmt":"2021-05-06T10:09:17","slug":"layouts-erstellen-und-fotos-verschachteln","status":"publish","type":"post","link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/layouts-erstellen-und-fotos-verschachteln\/","title":{"rendered":"Layouts erstellen und Fotos verschachteln"},"content":{"rendered":"\n<p>In <a href=\"https:\/\/www.aquasoft.de\/diashow\">AquaSoft DiaShow<\/a> und Stages 12 ist der Layout-Effekt neu hinzugekommen. Er ersetzt nicht nur den Galerie- und den Foto-Collage-Effekt, er bringt auch noch etwas mit: Bilder k\u00f6nnen die <strong>Pl\u00e4tze tauschen<\/strong> und es kann alles beliebig <strong>verschachtelt <\/strong>werden. Eine kleine Ansage dazu vorweg: der Layout-Effekt l\u00e4dt durchaus zum Knobeln ein. <\/p>\n\n\n\t\t\t\t<div class=\"wp-block-uagb-table-of-contents  uagb-toc__align-left uagb-toc__columns-1   uagb-block-0009b023 \" \n\t\t\t\t\tdata-scroll= \"1\"\n\t\t\t\t\tdata-offset= \"30\"\n\t\t\t\t\tdata-delay= \"800\"\n\t\t\t\t>\n\t\t\t\t<div class=\"uagb-toc__wrap\">\n\t\t\t\t\t<div class=\"uagb-toc__title-wrap\">\n\t\t\t\t\t\t<div class=\"uagb-toc__title\">\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 class=\"uagb-toc__list-wrap\"><\/div>\n\t\t\t\t\t<p class='uagb_table-of-contents-placeholder'><\/p>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/www.youtube.com\/watch?v=MmW3Ds6HZss\n<\/div><\/figure>\n\n\n\n<h2>Layout-Effekt &#8211; wie funktioniert er?<\/h2>\n\n\n\n<p>Du findest den Layout-Effekt in der Toolbox bei den Objekte-Effekten. Wie alle Effekte funktioniert er f\u00fcr<strong> Fotos und Videos<\/strong>, du kannst auch Rechtecke einf\u00fcgen, wenn du eine einfarbige Fl\u00e4che ben\u00f6tigst.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/objekte-layout-toolbox-1024x290.jpg\" alt=\"Layout-Effekt in der Toolbox\" class=\"wp-image-9785\" width=\"768\" height=\"218\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/objekte-layout-toolbox-1024x290.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/objekte-layout-toolbox-300x85.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/objekte-layout-toolbox-768x218.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/objekte-layout-toolbox.jpg 1115w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption>Layout-Effekt in der Toolbox<\/figcaption><\/figure><\/div>\n\n\n\n<h3>Mehrere Objekte gleichzeitig? Spuren nutzen!<\/h3>\n\n\n\n<p>Im Layout-Effekt nutzen wir wieder das <a href=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/wie-kann-ich-in-aquasoft-diashow-12-spuren-hinzufuegen\/\">Spuren-Prinzip<\/a>: wenn Objekte untereinander in der Timeline stehen, werden Sie <strong>gleichzeitig <\/strong>angezeigt. Liegen die Bilder (oder Videos) im Layout-Effekt, kann man diese nun nebeneinander, \u00fcbereinander, im Raster oder zuf\u00e4llig aufteilen. Auch den <strong>Rand<\/strong>, den <strong>Zwischenraum <\/strong>und das <strong>Teilungsverh\u00e4ltnis <\/strong>l\u00e4sst sich festlegen.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"639\" height=\"380\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/untereinander-spuren.jpg\" alt=\"Layout-Effekt in der Timeline\" class=\"wp-image-9786\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/untereinander-spuren.jpg 639w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/untereinander-spuren-300x178.jpg 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><figcaption>Bilder untereinander anordnen<\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-zwei-bildern-1024x626.jpg\" alt=\"\" class=\"wp-image-9783\" width=\"768\" height=\"470\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-zwei-bildern-1024x626.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-zwei-bildern-300x183.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-zwei-bildern-768x469.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-zwei-bildern.jpg 1725w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/><figcaption>Layout-Effekt, der mit zwei Bildern gef\u00fcllt ist<\/figcaption><\/figure><\/div>\n\n\n\n<h3>Fertige Anordnungen<\/h3>\n\n\n\n<p> M\u00f6chtest du schon fertige Anordnungen verwenden, dann sind die <strong>Vorlagen <\/strong>super, um schnell ans Ziel zu gelangen. Auch wenn diese Vorlagen schon &#8222;fertig&#8220; sind, kannst du sie doch immer wieder deinen Vorstellungen <strong>anpassen<\/strong>. Zudem hast du mit  den Vorlagen auch einen Lerneffekt, du siehst, wie die Unter-Layouts angeordnet sein m\u00fcssen.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/fertige-layouts.jpg\" alt=\"Fertige Layout-Vorlagen\" class=\"wp-image-9784\" width=\"696\" height=\"132\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/fertige-layouts.jpg 928w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/fertige-layouts-300x57.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/fertige-layouts-768x146.jpg 768w\" sizes=\"(max-width: 696px) 100vw, 696px\" \/><figcaption>Vorlagen f\u00fcr Layouts in der Toolbox<\/figcaption><\/figure><\/div>\n\n\n\n<h3>Pro Spur ein K\u00e4stchen &#8211; mit dem Unterlayout auch mehr<\/h3>\n\n\n\n<p>Im Layout-Effekt steht jede Spur f\u00fcr ein K\u00e4stchen. Soll ein K\u00e4stchen aber mal von mehr als einem Element ausgef\u00fcllt werden, kann man dieses K\u00e4stchen mit dem <strong>Unter-Layout<\/strong> aufteilen. Das Unter-Layout z\u00e4hlt also als ein K\u00e4stchen im \u00fcbergeordneten Layout. <\/p>\n\n\n\n<p>Je nachdem, welche Anordnung oder Teilung du ben\u00f6tigst, kannst du die Unter-Layouts mehrfach in einem Layout-Effekt verwenden oder auch ineinander verschachteln. <\/p>\n\n\n\n<p>Sch\u00f6n ist hier, dass es nicht schlimm ist, wenn du mal ganz kleinteilig werden m\u00f6chtest. Die R\u00e4nder bzw. Abst\u00e4nde werden nicht kleiner, sie passen sich dem \u00fcbergeordneten Layout-Effekt immer an.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"1024\" height=\"603\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-drei-unter-layouts-1024x603.jpg\" alt=\"Mehrere Bilder in einer Collage\" class=\"wp-image-9779\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-drei-unter-layouts-1024x603.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-drei-unter-layouts-300x177.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-drei-unter-layouts-768x452.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-drei-unter-layouts.jpg 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Ein Layout mit drei Unter-Layouts<\/figcaption><\/figure><\/div>\n\n\n\n<p>Um f\u00fcr ein Layout einen sch\u00f6nen wei\u00dfen Hintergrund zu bekommen, legst du dir einfach ein Kapitel an. In diesem Steckt in der oberen Spur ein wei\u00dfes Rechteck und in der Spur darunter befindet sich dann der Layout-Effekt.<\/p>\n\n\n\n<h3>Bilder tauschen ihren Platz<\/h3>\n\n\n\n<p>Die Kirsche auf dem Sahneh\u00e4ubchen ist die Animation. Du kannst z.B. einstellen, dass die Bilder ihre Pl\u00e4tze tauschen. Das w\u00e4re manuell schon eine sehr kleinteilige Arbeit, die sich jetzt ganz schnell umsetzen l\u00e4sst. Auch auf die Unter-Layouts wirkt sich diese Animation aus. Die Animation ist aber optional und du musst sie nicht einsetzen.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/bilder-tauschen.jpg\" alt=\"Einstellungen f\u00fcr Animation in Eigenschaften\" class=\"wp-image-9792\" width=\"711\" height=\"170\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/bilder-tauschen.jpg 948w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/bilder-tauschen-300x72.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/bilder-tauschen-768x183.jpg 768w\" sizes=\"(max-width: 711px) 100vw, 711px\" \/><figcaption>Animation f\u00fcr Bilder<\/figcaption><\/figure><\/div>\n\n\n\n<h3>Die Gr\u00f6\u00dfe und das Seitenverh\u00e4ltnis sind frei<\/h3>\n\n\n\n<p>Es ist f\u00fcr den Layout-Effekt <strong>nicht <\/strong>entscheidend, welches <strong>Seitenverh\u00e4ltnis <\/strong>du in deinem Projekt verwendest. Klickst du dessen Rahmen in der Timeline an, kannst du im Layoutdesigner den Postionsrahmen ver\u00e4ndern und die Gr\u00f6\u00dfe und das Seitenverh\u00e4ltnis damit <strong>beliebig einstellen<\/strong>. In einem 16:9-Projekt kannst du so also auch eine quadratische Collage einbringen. Die Bilder und deren Zuschnitt passen sich jedes Mal automatisch an.<\/p>\n\n\n\n<p>Im Beispiel unten siehst du ein Layout, dass es weiter oben auch gibt &#8211; aber mit einem anderen Seitenverh\u00e4ltnis.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/andere-variante-1024x571.jpg\" alt=\"Seitenverh\u00e4ltnis ist variierbar\" class=\"wp-image-9794\" width=\"512\" height=\"286\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/andere-variante-1024x571.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/andere-variante-300x167.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/andere-variante-768x428.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/andere-variante.jpg 1689w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><figcaption>Anderes Seitenverh\u00e4ltnis<\/figcaption><\/figure><\/div>\n\n\n\n<h2>Zwei Layouts und dazwischen ein Text<\/h2>\n\n\n\n<p>Du kannst ein Layout mit Unter-Layouts unterteilen. Bevor wir uns diesen Schritt genauer ansehen, m\u00f6chte ich aber erstmal eine andere Variante zeigen, die ganz einfach funktioniert. Hier gibt es zwei Layout-Effekte. Diese sind so platziert, dass dazwischen auch noch Text passt. Zudem sind die vier Bilder sch\u00f6n ordentlich angeordnet und alle gleich gro\u00df.<\/p>\n\n\n\n<p>Im Screenshot siehst du, wie es aussehen kann. Im Layoutdesigner gibt es links und rechts zwei Bilder. In der Mitte liegt dann ein Rechteck als Untergrund f\u00fcr den Text. Konzentrieren wir uns hier nur auf die Bilder. <\/p>\n\n\n\n<p>Links sind zwei Bilder vertikal geteilt \u00fcbereinander. Die Bilder teilen sich je 50% der Fl\u00e4che und es gibt einen Rand, sowie einen Zwischenraum. Der Layout-Effekt ist auf dem ersten Drittel des Layoutdesigners platziert. Der Positionsrahmen ist entsprechend schmal.<\/p>\n\n\n\n<p>M\u00f6chte man auch auf dem rechten Drittel die Bilder in der gleichen Anordnung haben, muss man den vorhandenen Layout-Effekt nur kopieren und im Layoutdesigner an die gew\u00fcnschte Stelle verschieben.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"1024\" height=\"503\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/zwei-layouts-kombinieren-1024x503.jpg\" alt=\"Vier Bilder und Platz f\u00fcr Text\" class=\"wp-image-9780\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/zwei-layouts-kombinieren-1024x503.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/zwei-layouts-kombinieren-300x147.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/zwei-layouts-kombinieren-768x378.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/zwei-layouts-kombinieren.jpg 1656w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Vier Bilder am Rand der Bildfl\u00e4che mit Platz f\u00fcr Text<\/figcaption><\/figure><\/div>\n\n\n\n<p>Den Text kann man nun einfach au\u00dferhalb des Layouts-Effektes in der Timeline (z.B. im selben Kapitel) einf\u00fcgen.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/zwei-layouteffekte-und-text-in-der-mitte.jpg\" alt=\"Aufbau in der Timeline\" class=\"wp-image-9800\" width=\"504\" height=\"343\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/zwei-layouteffekte-und-text-in-der-mitte.jpg 672w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/zwei-layouteffekte-und-text-in-der-mitte-300x204.jpg 300w\" sizes=\"(max-width: 504px) 100vw, 504px\" \/><figcaption>Aufbau in der Timeline<\/figcaption><\/figure><\/div>\n\n\n\n<h2>Layout und ein Unter-Layout<\/h2>\n\n\n\n<p>Lass uns jetzt ein Unter-Layout nutzen. Wir wollen zwei \u00fcbergeordnete K\u00e4stchen haben:<\/p>\n\n\n\n<ul><li>Oben ein gro\u00dfes K\u00e4stchen, das nicht geteilt ist &#8211; das Bild kann einfach im Layout-Effekt sein, ohne Unter-Layout.<\/li><li>Unten ein weiteres K\u00e4stchen, das in sich in vier K\u00e4stchen geteilt ist &#8211; hier brauchen wir ein Unter-Layout, in dem vier Bilder stecken (&#8222;Horizontal, geteilt&#8220;).<\/li><li>Der \u00fcbergeordnete Layout-Effekt hat die Einstellung &#8222;Vertikal, geteilt&#8220;.<\/li><\/ul>\n\n\n\n<p>In dem Schema unten kann man sehen, dass es <strong>zwei <\/strong>K\u00e4stchen f\u00fcr den Layout-Effekt gibt (= zwei Spuren in der Timeline werden genutzt).<br>Im zweiten K\u00e4stchen befinden sich dann nochmals <strong>vier <\/strong>K\u00e4stchen, die mit dem Unter-Layout eingebracht werden (= vier Spuren in der Timeline im Unter-Layout).<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"1024\" height=\"357\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/aufbau-layout-unter-layout-1024x357.jpg\" alt=\"Schema f\u00fcr Layout-Effekt mit Unter-layout\" class=\"wp-image-9802\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/aufbau-layout-unter-layout-1024x357.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/aufbau-layout-unter-layout-300x105.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/aufbau-layout-unter-layout-768x268.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/aufbau-layout-unter-layout.jpg 1487w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Aufbau-Schema<\/figcaption><\/figure><\/div>\n\n\n\n<p>Im konkreten Beispiel sieht man, dass ein Bild nur im Layout-Effekt liegt. Die restlichen vier Bilder liegen dann nochmal im Unter-Layout.<br>Im oberen Bild wird der Ausschnitt (je nachdem, welches Seitenverh\u00e4ltnis der Layout-Effekt bekommt) ziemlich breit. Ich habe f\u00fcr jedes Foto mit dem Kameraschwenk-Werkzeug noch einen <strong>Ausschnitt festgelegt<\/strong>, damit die Gesichter gut zu sehen sind.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"1024\" height=\"603\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-f\u00fcr-altes-fotobuch-aufbau-1024x603.jpg\" alt=\"\" class=\"wp-image-9778\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-f\u00fcr-altes-fotobuch-aufbau-1024x603.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-f\u00fcr-altes-fotobuch-aufbau-300x177.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-f\u00fcr-altes-fotobuch-aufbau-768x452.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-f\u00fcr-altes-fotobuch-aufbau.jpg 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<h2>Unter-Layout weiter verschachteln<\/h2>\n\n\n\n<p>Alles klar so weit? Kann es noch ein wenig kniffeliger werden? Nach dem Motto &#8222;Umso sch\u00f6ner, je verschachtelter&#8220; gehen wir jetzt in eine zweite Unter-Layout-Ebene. &#x1f603;<\/p>\n\n\n\n<p>In diesem Beispiel gibt es folgenden Aufbau:<\/p>\n\n\n\n<ul><li>Ein \u00fcbergeordnetes Layout mit der Einstellungen &#8222;Horizontal, geteilt&#8220;.<\/li><li><strong>Zwei <\/strong>Unter-Layouts:<ul><li>Das erste &#8222;Vertikal, geteilt&#8220; in vier K\u00e4stchen.<\/li><li>Das zweite enth\u00e4lt wieder zwei Unter-Layouts und ist &#8222;Vertikal, geteilt&#8220;<ul><li>Hier enth\u00e4lt das obere Unter-Layout zwei Bilder (&#8222;Horizontal, geteilt&#8220;)<\/li><li>Das untere Unter-Layout m\u00fcsste so nicht sein, das Rechteck k\u00f6nnte auch ohne das Unter-Layout hier sein.<\/li><\/ul><\/li><\/ul><\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"1024\" height=\"757\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/verschachtelung-farbschema-1024x757.jpg\" alt=\"Verschachtelung\" class=\"wp-image-9798\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/verschachtelung-farbschema-1024x757.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/verschachtelung-farbschema-300x222.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/verschachtelung-farbschema-768x568.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Verschachtelung der Unter-Layouts<\/figcaption><\/figure><\/div>\n\n\n\n<p>M\u00f6chtest du die Funktionsweise der Verschachtelung besser verstehen, dann schau in die Vorlagen &#8211; hie gibt es auch Unter-Layouts, bei denen du dir abschauen kannst, wie die Logik hier ist.<\/p>\n\n\n\n<h2>Bestimmte Bildanzahl pro Zeile festlegen<\/h2>\n\n\n\n<p>Was ist, wenn wir nun eine Collage zeigen m\u00f6chten, bei dem es in jeder Zeile unterschiedlich viele Bilder geben darf? Pro Zeile m\u00fcssten wir dann immer ein unter-Layout anlegen.<\/p>\n\n\n\n<p>Im Bild unten kann man es gut sehen. Damit sich dieses Bild ergibt, muss f\u00fcr den Layout-Effekt die Option &#8222;Vertikal, geteilt&#8220; eingestellt sein und f\u00fcr die Unter-Layouts dann &#8222;Horizontal, geteilt&#8220;.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img loading=\"lazy\" width=\"1024\" height=\"603\" src=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-drei-unter-layouts-1024x603.jpg\" alt=\"Unterschiedlich viele Bilder pro Zeile\" class=\"wp-image-9779\" srcset=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-drei-unter-layouts-1024x603.jpg 1024w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-drei-unter-layouts-300x177.jpg 300w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-drei-unter-layouts-768x452.jpg 768w, https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-effekt-mit-drei-unter-layouts.jpg 2000w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>Verschiedene Anzahl von Bildern pro Zeile<\/figcaption><\/figure><\/div>\n\n\n\n<h2>Kreativ sein und selbst loslegen<\/h2>\n\n\n\n<p>War der Beitrag f\u00fcr dich hilfreich? Fehlt dir etwas? Gib gerne eine Bewertung, damit wir wissen, ob der Beitrag dir weiterhilft:<\/p>\n\n\n<span id=\"post-ratings-9774\" class=\"post-ratings\" data-nonce=\"3279bad1ea\"><img id=\"rating_9774_1\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_on.gif\" alt=\"1 Stern\" title=\"1 Stern\" onmouseover=\"current_rating(9774, 1, '1 Stern');\" onmouseout=\"ratings_off(4, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_9774_2\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_on.gif\" alt=\"2 Sterne\" title=\"2 Sterne\" onmouseover=\"current_rating(9774, 2, '2 Sterne');\" onmouseout=\"ratings_off(4, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_9774_3\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_on.gif\" alt=\"3 Sterne\" title=\"3 Sterne\" onmouseover=\"current_rating(9774, 3, '3 Sterne');\" onmouseout=\"ratings_off(4, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_9774_4\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_on.gif\" alt=\"4 Sterne\" title=\"4 Sterne\" onmouseover=\"current_rating(9774, 4, '4 Sterne');\" onmouseout=\"ratings_off(4, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/><img id=\"rating_9774_5\" src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/stars_crystal\/rating_off.gif\" alt=\"5 Sterne\" title=\"5 Sterne\" onmouseover=\"current_rating(9774, 5, '5 Sterne');\" onmouseout=\"ratings_off(4, 0, 0);\" onclick=\"rate_post();\" onkeypress=\"rate_post();\" style=\"cursor: pointer; border: 0px;\" \/> (<strong>10<\/strong> Stimmen, durchschnittlich: <strong>4,00<\/strong> von 5)<br \/><span class=\"post-ratings-text\" id=\"ratings_9774_text\"><\/span><\/span><span id=\"post-ratings-9774-loading\" class=\"post-ratings-loading\"><img src=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-content\/plugins\/wp-postratings\/images\/loading.gif\" width=\"16\" height=\"16\" class=\"post-ratings-image\" \/>Loading...<\/span>\n","protected":false},"excerpt":{"rendered":"<p>Im Layout-Effekt nutzen wir wieder das Spuren-Prinzip: wenn Objekte untereinander in der Timeline stehen, werden Sie gleichzeitig angezeigt. Liegen die Bilder (oder Videos) im Layout-Effekt, kann man diese nun nebeneinander, \u00fcbereinander, im Raster oder zuf\u00e4llig aufteilen. Auch den Rand, den Zwischenraum und das Teilungsverh\u00e4ltnis l\u00e4sst sich festlegen.<\/p>\n","protected":false},"author":11,"featured_media":9808,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[96435,50],"tags":[92606,56,96170],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Layouts erstellen und Fotos verschachteln - Videobearbeitung Tipps &amp; 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\/layouts-erstellen-und-fotos-verschachteln\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Layouts erstellen und Fotos verschachteln - Videobearbeitung Tipps &amp; Tricks - AquaSoft Blog\" \/>\n<meta property=\"og:description\" content=\"Im Layout-Effekt nutzen wir wieder das Spuren-Prinzip: wenn Objekte untereinander in der Timeline stehen, werden Sie gleichzeitig angezeigt. Liegen die Bilder (oder Videos) im Layout-Effekt, kann man diese nun nebeneinander, \u00fcbereinander, im Raster oder zuf\u00e4llig aufteilen. Auch den Rand, den Zwischenraum und das Teilungsverh\u00e4ltnis l\u00e4sst sich festlegen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/layouts-erstellen-und-fotos-verschachteln\/\" \/>\n<meta property=\"og:site_name\" content=\"Videobearbeitung Tipps &amp; 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=\"2021-01-22T08:22:36+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-06T10:09:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12.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=\"8\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 &amp; 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\/layouts-erstellen-und-fotos-verschachteln\/#primaryimage\",\"inLanguage\":\"de\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12.jpg\",\"contentUrl\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12.jpg\",\"width\":1440,\"height\":680},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/layouts-erstellen-und-fotos-verschachteln\/#webpage\",\"url\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/layouts-erstellen-und-fotos-verschachteln\/\",\"name\":\"Layouts erstellen und Fotos verschachteln - Videobearbeitung Tipps &amp; Tricks - AquaSoft Blog\",\"isPartOf\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/layouts-erstellen-und-fotos-verschachteln\/#primaryimage\"},\"datePublished\":\"2021-01-22T08:22:36+00:00\",\"dateModified\":\"2021-05-06T10:09:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/layouts-erstellen-und-fotos-verschachteln\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/layouts-erstellen-und-fotos-verschachteln\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/layouts-erstellen-und-fotos-verschachteln\/#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\/layouts-erstellen-und-fotos-verschachteln\/#webpage\"}}]},{\"@type\":\"Article\",\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/layouts-erstellen-und-fotos-verschachteln\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/layouts-erstellen-und-fotos-verschachteln\/#webpage\"},\"author\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#\/schema\/person\/658bf3514fb8c40b053ca2ba93aa3cd6\"},\"headline\":\"Layouts erstellen und Fotos verschachteln\",\"datePublished\":\"2021-01-22T08:22:36+00:00\",\"dateModified\":\"2021-05-06T10:09:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/layouts-erstellen-und-fotos-verschachteln\/#webpage\"},\"commentCount\":4,\"publisher\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/#organization\"},\"image\":{\"@id\":\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/layouts-erstellen-und-fotos-verschachteln\/#primaryimage\"},\"keywords\":[\"Collage\",\"Galerie\",\"Layout\"],\"articleSection\":[\"DiaShow 12\",\"Diashow erstellen\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/layouts-erstellen-und-fotos-verschachteln\/#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\/2021\/01\/layout-erstellen-diashow-12.jpg",1440,680,false],"thumbnail":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12-150x150.jpg",150,150,true],"medium":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12-300x142.jpg",300,142,true],"medium_large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12-768x363.jpg",768,363,true],"large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12-1024x484.jpg",1024,484,true],"1536x1536":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12.jpg",1440,680,false],"2048x2048":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12.jpg",1440,680,false],"thumb-small":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12-160x160.jpg",80,80,true],"thumb-standard":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12-320x320.jpg",320,320,true],"thumb-medium":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12-520x245.jpg",520,245,true],"thumb-large":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12-720x340.jpg",720,340,true],"thumb-xlarge":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12-980x450.jpg",980,450,true],"thumb-xxlarge":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12-1320x500.jpg",1320,500,true],"yarpp-thumbnail":["https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/files\/2021\/01\/layout-erstellen-diashow-12.jpg",120,57,false]},"uagb_author_info":{"display_name":"Nadine","author_link":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/author\/nadine-kabelitz\/"},"uagb_comment_info":45,"uagb_excerpt":"Im Layout-Effekt nutzen wir wieder das Spuren-Prinzip: wenn Objekte untereinander in der Timeline stehen, werden Sie gleichzeitig angezeigt. Liegen die Bilder (oder Videos) im Layout-Effekt, kann man diese nun nebeneinander, \u00fcbereinander, im Raster oder zuf\u00e4llig aufteilen. Auch den Rand, den Zwischenraum und das Teilungsverh\u00e4ltnis l\u00e4sst sich festlegen.","_links":{"self":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/9774"}],"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=9774"}],"version-history":[{"count":24,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/9774\/revisions"}],"predecessor-version":[{"id":10092,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/posts\/9774\/revisions\/10092"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media\/9808"}],"wp:attachment":[{"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/media?parent=9774"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/categories?post=9774"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogneu.aquasoft.de\/blog\/hilfe\/wp-json\/wp\/v2\/tags?post=9774"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}