https://wiki.aquasoft.de/wiki/index.php?action=history&feed=atom&title=Spiegelungseffekt_wie_im_Web_2.0 2026-04-19T08:47:22Z Versionsgeschichte dieser Seite in AquaSoft Wiki MediaWiki 1.35.2 https://wiki.aquasoft.de/wiki/index.php?title=Spiegelungseffekt_wie_im_Web_2.0&diff=1218&oldid=prev 2018-01-06T16:21:49Z

<p>Erweiterung des Spiegeleffekts auf Bildfolgen.</p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 6. Januar 2018, 16:21 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l8" >Zeile 8:</td> <td colspan="2" class="diff-lineno">Zeile 8:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Die Beispieldiashow mit diesem Effekt ist bereits im [http://diashow.aquasoft.de Programm integriert] (siehe Datei / Öffnen / Beispiel-Diashow / Spiegelung).</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>Die Beispieldiashow mit diesem Effekt ist bereits im [http://diashow.aquasoft.de Programm integriert] (siehe Datei / Öffnen / Beispiel-Diashow / Spiegelung).</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Der Effekt der Spiegelung kann auch für Übergänge gleichartiger Bilder (gleiches Format) genutzt werden. Die Spiegelung wird unter anderem unter Ausnutzung der Transparenz erzeugt. Sollen nun Bilder mit Spiegelung nacheinander überblendet werden, so bleiben aufgrund der Transparenzen Reste der vorhergehenden Bilder sichtbar. Dies lässt sich so umgehen:</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"># FlexiCollage einfügen.</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"># In die FlexiCollage das Bild für den Spiegeleffekt einfügen.</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"># Auf das Bild in der FlexiCollage den Spiegeleffekt anwenden.</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"># In die Spur 1 der FlexiCollage ein Bild in Hintergrundfarbe (oftmals schwarz) einfügen, das die Breite des Bildes und die Höhe der Spiegelung hat. Dieses Bild ist so zu positionieren, dass es exakt hinter der Spiegelung zu liegen kommt.</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">Jetzt können die so gestalteten FlexiCollagen nacheinander in der Show angeordnet werden. Die Bilder überblenden einander. Die Hintergrundfarbe der Spur 1 verhindert ein Durchschimmern früherer Bilder auf das aktuelle.</ins></div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;"></ins></div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:DiaShow]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:DiaShow]]</div></td></tr> </table>

Ingenius https://wiki.aquasoft.de/wiki/index.php?title=Spiegelungseffekt_wie_im_Web_2.0&diff=52&oldid=prev 2009-12-04T15:27:57Z

<p></p> <table class="diff diff-contentalign-left diff-editfont-monospace" data-mw="interface"> <col class="diff-marker" /> <col class="diff-content" /> <col class="diff-marker" /> <col class="diff-content" /> <tr class="diff-title" lang="de"> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">← Nächstältere Version</td> <td colspan="2" style="background-color: #fff; color: #202122; text-align: center;">Version vom 4. Dezember 2009, 15:27 Uhr</td> </tr><tr><td colspan="2" class="diff-lineno" id="mw-diff-left-l13" >Zeile 13:</td> <td colspan="2" class="diff-lineno">Zeile 13:</td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:DiaShow 6.x]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:DiaShow 6.x]]</div></td></tr> <tr><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Kreatives]]</div></td><td class='diff-marker'> </td><td style="background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;"><div>[[Kategorie:Kreatives]]</div></td></tr> <tr><td colspan="2"> </td><td class='diff-marker'>+</td><td style="color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;"><div><ins style="font-weight: bold; text-decoration: none;">[[Kategorie:Bedienungstipps]]</ins></div></td></tr> </table>

Steffen.binas https://wiki.aquasoft.de/wiki/index.php?title=Spiegelungseffekt_wie_im_Web_2.0&diff=51&oldid=prev 2009-12-04T15:27:16Z

<p>Die Seite wurde neu angelegt: „<a href="/wiki/index.php/Datei:Spiegelung.jpg" title="Datei:Spiegelung.jpg">thumb|Spiegelungseffekt wie im Web 2.0</a> Das Web 2.0 hat nicht nur bestimmte Techniken populär gemacht, sondern auch einen Designstil gep…“</p> <p><b>Neue Seite</b></p><div>[[Datei:spiegelung.jpg|thumb|Spiegelungseffekt wie im Web 2.0]]<br /> <br /> Das Web 2.0 hat nicht nur bestimmte Techniken populär gemacht, sondern auch einen Designstil geprägt. Besonders beliebt ist der Spiegelungseffekt, der auch in Apples Coverflow verwendet wird. Dieser Effekt lässt sich sehr einfach mit der [http://diashow.aquasoft.de AquaSoft DiaShow] nutzen.<br /> <br /> Wie es gemacht wird, zeigt dieser Screencast:<br /> <br /> [http://www.youtube.com/v/v1vsU3CLI80 Screencast auf YouTube]<br /> <br /> Die Beispieldiashow mit diesem Effekt ist bereits im [http://diashow.aquasoft.de Programm integriert] (siehe Datei / Öffnen / Beispiel-Diashow / Spiegelung).<br /> <br /> [[Kategorie:DiaShow]]<br /> [[Kategorie:DiaShow 7.x]]<br /> [[Kategorie:DiaShow 6.x]]<br /> [[Kategorie:Kreatives]]</div>

Steffen.binas