{"id":106,"date":"2007-06-18T19:58:17","date_gmt":"2007-06-18T19:58:17","guid":{"rendered":"https:\/\/kunstunterricht.ch\/e\/2007\/06\/18\/alles-luft-und-luft-animierte-gifs\/"},"modified":"2023-03-02T21:27:36","modified_gmt":"2023-03-02T21:27:36","slug":"alles-luft-und-luft-animierte-gifs","status":"publish","type":"post","link":"https:\/\/kunstunterricht.ch\/e\/alles-luft-und-luft-animierte-gifs\/","title":{"rendered":"Alles l\u00e4uft und l\u00e4uft&#8230; (animierte Gif&#8217;s)"},"content":{"rendered":"<table style=\"height: 223px; width: 239px;\" border=\"0\">\n<tbody>\n<tr>\n<td align=\"center\">&nbsp;<\/p>\n<table style=\"border: 1px solid #dddddd; width: 222px;\" border=\"1\">\n<tbody>\n<tr>\n<td><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-104\" title=\"animatedgif_laufen\" src=\"https:\/\/kunstunterricht.ch\/e\/wp-content\/uploads\/2007\/06\/animatedgif_laufen.gif\" alt=\"animatedgif_laufen\" width=\"193\" height=\"154\" border=\"0\" hspace=\"5\" vspace=\"5\" \/> <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/td>\n<\/tr>\n<tr>\n<td>\n<address>Lehrerbeispiel: Laufendes Etwas mit eigenem Charakter (aus 5 Bilder mit jeweils 3 einfachen Formen)<\/address>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h1>Ziele<\/h1>\n<ul>\n<li>\u00dcbung von Bewegungsabl\u00e4ufen (in Animationen)<\/li>\n<li>Abstraktionsf\u00e4higkeit von Figuren durch einfache, geometrische Formen<\/li>\n<\/ul>\n<h1>Vorkenntnisse<\/h1>\n<ul>\n<li>Umgang mit dem Computer<\/li>\n<li>Minimale Grundkenntnisse eines pixelbasierten Bildbearbeitungsprogramm (z.B. Photoshop, Gimp)<\/li>\n<\/ul>\n<h1>Auftrag<\/h1>\n<p>Bringen Sie eine Figur zum laufen. Nutzen Sie einfache, geometrische Grundelemente. Versuchen Sie eine nat\u00fcrliche und fl\u00fcssige Bewegung zu erzeugen, die in einem Loop (Zyklus) ohne Unterbruch wiederholt abgespielt werden kann. Die animiterte Figur soll durch die Bewegung einen bestimmten Charakter widerspiegeln. Sie l\u00e4uft und l\u00e4uft&#8230;<\/p>\n<h1>Vorgaben\/Material<\/h1>\n<h2>Programm&nbsp;<\/h2>\n<p><a href=\"http:\/\/de.wikipedia.org\/wiki\/ImageReady\" target=\"_blank\" rel=\"noopener\">ImageReady<\/a> oder entsprechendes Bildbearbeitungsprogramm mit Animated Gif-Funktion&nbsp; (ben\u00f6tigt wird das Fenster &#8222;Animation&#8220; und die Werkzeuge &#8222;Kreis&#8220;, &#8222;Rechteck&#8220; mit der Funktion &#8222;Transformieren&#8220;)<\/p>\n<h2>Einstellungen<\/h2>\n<ul>\n<li>Arbeitsdatei Bildgr\u00f6sse: 300 X 200 Pixel (Ausgangslage), Transparenter Hintergrund, RGB&nbsp;<\/li>\n<li>Einzelbildabspieldauer: K\u00fcrzer als 0.15 Sekunden<\/li>\n<li>Wiederholungsoption: unbegrenzt<\/li>\n<li>Optimierte Version (Ausgabedatei) speichern unter: &#8222;Nur Bilder (Gif)&#8220; mit &#8222;Standardeinstellung&#8220;<\/li>\n<\/ul>\n<h1>Kriterien<\/h1>\n<ul>\n<li>Fl\u00fcssigkeit des Bewegungsablaufes<\/li>\n<li>Ausarbeitung eines Charakters<\/li>\n<li>Wenige Bilder und einfache grafische Elemente<\/li>\n<\/ul>\n<h1>Quellen\/ Links<\/h1>\n<ul>\n<li><a href=\"https:\/\/kunstunterricht.ch\/e\/wp-content\/uploads\/2007\/06\/animatedGif_laufen.psd\" target=\"_blank\" id=\"fm_file\" title=\"animatedgif_laufen\" rel=\"noopener\">Arbeitsdatei<\/a> der oben gezeigten Gif-Animation (mit ImageReady \u00f6ffnen \/ psd Version CS2)<\/li>\n<li><a href=\"http:\/\/de.selfhtml.org\/grafik\/animierte_gifs.htm\" target=\"_blank\" rel=\"noopener\">Theorie zu animierte Gif&#8217;s <\/a>von SELFHTML<\/li>\n<li><a href=\"http:\/\/www.marktkreisel.ch\/fun\/002\/frames.htm\" target=\"_blank\" rel=\"noopener\">Beispiele von animierten Gif&#8217;s<\/a> die laufen und anderes tun<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>F\u00fcr einfache Animationen im Web eignen sich besonders Gif-Bilder, die als animierte Gif&#8217;s &#8211; eine Art Daumenkino &#8211; abgespielt werden k\u00f6nnen. Hiermit lassen sich mit einfachen Bildfolgen relativ schnell eine Bewegung simulieren, was in diesem Auftrag ge\u00fcbt wird.<\/p>\n","protected":false},"author":1,"featured_media":104,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[15],"tags":[49,50,47,33,38],"class_list":["post-106","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-auftraege","tag-animation","tag-figur-mensch-gesicht","tag-kreativitaet-phantasie","tag-neue-medien","tag-webdesign-interactiondesign"],"acf":[],"_links":{"self":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/106","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/comments?post=106"}],"version-history":[{"count":1,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/106\/revisions"}],"predecessor-version":[{"id":1583,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/106\/revisions\/1583"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/media\/104"}],"wp:attachment":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/media?parent=106"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/categories?post=106"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/tags?post=106"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}