{"id":432,"date":"2019-06-25T09:22:56","date_gmt":"2019-06-25T09:22:56","guid":{"rendered":"https:\/\/office.suud.ch\/?page_id=432"},"modified":"2020-07-18T14:33:11","modified_gmt":"2020-07-18T14:33:11","slug":"preanimation","status":"publish","type":"page","link":"https:\/\/office.suud.ch\/index.php\/preanimation\/","title":{"rendered":"PreAnimation"},"content":{"rendered":"\n<h1 class=\"wp-block-heading\">Animation<\/h1>\n\n\n\n<div class=\"su-box su-box-style-default\" id=\"\" style=\"border-color:#000000;border-radius:3px\"><div class=\"su-box-title\" style=\"background-color:#333333;color:#FFFFFF;border-top-left-radius:1px;border-top-right-radius:1px\">Wichtig!<\/div><div class=\"su-box-content su-u-clearfix su-u-trim\" style=\"border-bottom-left-radius:1px;border-bottom-right-radius:1px\">Animationen welche die Verst\u00e4ndlichkeit des Inhalts unterst\u00fctzen sind sinnvoll. Animationen welche vom Inhalt und der vortragenden Person ablenken und dabei nicht rein der Unterhaltung dienen, sollten vermieden werden.<\/div><\/div>\n\n\n\n<p> Mit Animationen lassen sich einfache zeitliche Abl\u00e4ufe darstellen. Dies kann dabei helfen, aufeinanderfolgende Schritte besser zu verstehen oder verschiedene Objekte (z.B. Bilder) in einer bestimmten Reihenfolge ein- oder auszublenden. Animieren lassen sich Texte und Objekte auf Folien sowie Folien\u00fcberg\u00e4nge. <\/p>\n\n\n\n<p> Animationen welche von den Pr\u00e4sentationsprogramme zur Verf\u00fcgung gestellt werden, k\u00f6nnen automatisch oder per Klick gemeinsam oder nacheinander gestartet werden und zahlreiche Effekte beinhalten. <\/p>\n\n\n\n<div class=\"su-accordion su-u-trim\">\n<div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-plus su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Zusatz: Animierte Folien\u00fcberg\u00e4nge<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\nAls PowerPoint eingef\u00fchrt wurde (es kam 1987 auf den Makrt) und sich verbreitete waren animierte Folien\u00fcberg\u00e4nge neu und viele hatten Freude daran Folien reinzuschieben, reinzuzoomen, aufzul\u00f6sen etc. Dies hatte sich jedoch schnell einmal todgelaufen. Gl\u00fccklicherweise werden heute animierte \u00dcberg\u00e4nge sparsam und vern\u00fcnftig eingesetzt.\n<\/div><\/div>\n<div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-plus su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Zusatz: Diashow<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\nEine Diashow l\u00e4sst sich mit einer Pr\u00e4sentationssoftware erstellen indem per Folien\u00fcbergang die Folienwechsel automatisch nach einer bestimmten Zeit ausgel\u00f6st werden. Das Ganze kann durch das Einbinden von Audio mit Musik unterlegt werden.\n<\/div><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">\u00dcbungen<\/h2>\n\n\n\n<div class=\"su-accordion su-u-trim\">\n<div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-plus su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Einfache Animationen<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\n<\/p><ol><li>Erstelle eine neue Pr\u00e4sentation mit einem Bild darin.<\/li>\n<li>F\u00fcge dem Bild einen Animationseffekt hinzu, der das Bild im bei einem Mausklick erscheinen l\u00e4sst.<\/li>\n<li>F\u00fcge dem Bild eine weitere Animation hinzu, so dass es per erneutem Klick etwas vergr\u00f6ssert wird.<\/li>\n<li>F\u00fcge dem Bild eine dritte Animation hinzu, so dass es per erneutem Klick wieder verschwindet.<\/li>\n<li>Schaue dir die Animationen im Pr\u00e4sentationsmodus an.<\/li>\n<li>Teste danach verschiedene andere Animationseffekte nach Belieben aus.<\/li><\/ol>\n<\/div><\/div>\n<div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-plus su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Animiert Bildausschnitt vergr\u00f6ssern<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\nZiel der Animation: Wie in der untenstehenden Abbildung gezeigt soll ein Bild gezeigt werden. Durch einen Mausklick wird ein Ausschnitt des Bildes umrandet. Ein weiterer Mausklick blendet eine Vergr\u00f6sserung des umrandeten Bildausschnitts ein.\n<ol><li>Suche ein Bild, das einen Bildausschnitt enth\u00e4lt, der sich zum Vergr\u00f6ssern eignet.<\/li>\n<li>F\u00fcge das Bild <b>zweimal<\/b> auf die Folie ein.<\/li>\n<li>Belasse eines der Bild im Original, schneide aus dem anderen Bild den gew\u00fcnschten Ausschnitt aus und vergr\u00f6ssere das zugeschnittene Bild auf die gew\u00fcnschte Gr\u00f6sse.<\/li>\n<li>Markiere den zu vergr\u00f6ssernden Bereich auf dem Originalbild mit einer Rechteck-Form ohne F\u00fcllfarbe.<\/li>\n<li>Formatiere den Bildausschnitt so, dass dieser denselben Rahmen aufweist. F\u00fcge einen Pfeil hinzu und animiere die Objekte entsprechend.<\/li><\/ol>\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"492\" height=\"291\" src=\"https:\/\/office.suud.ch\/wp-content\/uploads\/2019\/06\/Animation.gif\" alt=\"\" class=\"wp-image-449\"><figcaption> Bild-Quelle: &#171;<a href=\"https:\/\/commons.wikimedia.org\/wiki\/File:Aegidius_Tschschudi_-_Schweizerkarte_-_1538.jpg\">Schweizerkarte<\/a>&#187; by Aegidius Tschudi (1538) on <a href=\"https:\/\/commons.wikimedia.org\/\">Wikimedia Commons<\/a> by <a href=\"https:\/\/commons.wikimedia.org\/wiki\/User:Roland_zh\">Roland zh<\/a> under <a href=\"https:\/\/creativecommons.org\/publicdomain\/zero\/1.0\/deed.de\">CC0 1.0<\/a> <\/figcaption><\/figure>\n<\/div><\/div>\n<div class=\"su-spoiler su-spoiler-style-fancy su-spoiler-icon-plus su-spoiler-closed\" data-scroll-offset=\"0\" data-anchor-in-url=\"no\"><div class=\"su-spoiler-title\" tabindex=\"0\" role=\"button\"><span class=\"su-spoiler-icon\"><\/span>Animiertes Quiz<\/div><div class=\"su-spoiler-content su-u-clearfix su-u-trim\">\nIn dieser \u00dcbung erstellt zu ein Quiz. Ziel der Animation: Wie in der untenstehenden Abbildung gezeigt beginnt das Quiz mit einem durch mehrere &#171;Kacheln&#187; vollst\u00e4ndig \u00fcberdeckten Bild. Das Publikum muss m\u00f6glichst schnell erraten, welches Bild sich hinter den Kacheln verbirgt. Durch jeden Mausklick wird ein Teil der vorhandenen Kacheln als &#171;Hinweis&#187; ausgeblendet.\n<ol><li>Suche ein geeignetes Bild und f\u00fcge es auf einer leeren Folie ein.<\/li>\n<li>\u00dcberdecke das Bild mit geeignet eingef\u00e4rbten Rechteck-Formen, so dass dieses vollst\u00e4ndig \u00fcberdeckt ist.<\/li>\n<li>Markiere diejenigen Kacheln gleichzeitig, welche gleichzeitig als erste verschwinden sollen und lasse diese mit einem entsprechenden Animationseffekt bei einem Mausklick verschwinden.<\/li>\n<li>Wiederhole das Prozedere bis alle Kacheln ber\u00fccksichtigt worden sind.<\/li><\/ol>\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"492\" height=\"296\" src=\"https:\/\/office.suud.ch\/wp-content\/uploads\/2019\/06\/Aufdeckspiel.gif\" alt=\"\" class=\"wp-image-450\"><p><\/p>\n<figcaption> Quelle: &#171;<a href=\"http:\/\/pixabay.com\/de\/hai-backen-meer-fisch-ozean-blau-305005\/\">Hai<\/a>&#187; by <a href=\"https:\/\/pixabay.com\/de\/users\/clker-free-vector-images-3736\/\">Clker-Free-Vector-Images<\/a> on <a href=\"https:\/\/pixabay.com\/\">pixabay<\/a> under <a href=\"https:\/\/pixabay.com\/de\/service\/license\/\">pixabay licence<\/a><\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<p><a class=\"back_button\" href=\"https:\/\/office.suud.ch\/index.php\/preintro\/\">\u25c4&nbsp;&nbsp;Zur\u00fcck&nbsp;<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Animation Mit Animationen lassen sich einfache zeitliche Abl\u00e4ufe darstellen. Dies kann dabei helfen, aufeinanderfolgende Schritte besser zu verstehen oder verschiedene Objekte (z.B. Bilder) in einer bestimmten Reihenfolge ein- oder auszublenden. Animieren lassen sich Texte und Objekte auf Folien sowie Folien\u00fcberg\u00e4nge. Animationen welche von den Pr\u00e4sentationsprogramme zur Verf\u00fcgung gestellt werden, k\u00f6nnen automatisch oder per Klick gemeinsam [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/office.suud.ch\/index.php\/wp-json\/wp\/v2\/pages\/432"}],"collection":[{"href":"https:\/\/office.suud.ch\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/office.suud.ch\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/office.suud.ch\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/office.suud.ch\/index.php\/wp-json\/wp\/v2\/comments?post=432"}],"version-history":[{"count":18,"href":"https:\/\/office.suud.ch\/index.php\/wp-json\/wp\/v2\/pages\/432\/revisions"}],"predecessor-version":[{"id":1203,"href":"https:\/\/office.suud.ch\/index.php\/wp-json\/wp\/v2\/pages\/432\/revisions\/1203"}],"wp:attachment":[{"href":"https:\/\/office.suud.ch\/index.php\/wp-json\/wp\/v2\/media?parent=432"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}