Ministerium für Bildung und Wissenschaft der Russischen Föderation

Staatliche Bildungseinrichtung

Höhere Berufsausbildung

Taganrog State Institute der Southern Federal University

Abteilung für computergestützte Designsysteme

ERLÄUTERUNGEN

für Kursarbeiten

Disziplin: Vielversprechend Informationstechnologie und Umwelt.

EOR zum Thema: „ Animationstools 2 D und 3 D ».

Vollendet:

Lehrer:

Taganrog

Studienaufgabe:

Erstellung elektronischer Bildungsressource zum Thema: „Animation Support Tools“, wo es notwendig ist, das Prinzip der Animationserstellung anhand einiger Beispiele zu demonstrieren. Und machen Sie dasselbe Kurze Review einige Technologien zur Erstellung und Unterstützung von 2D- und 3D-Animationen.

Einführung

Die Relevanz des Themas „Animation“ steht heute außer Zweifel. Vor fast einem Jahrhundert erschienen die ersten Cartoons, die alle begeisterten. Mit dem Aufkommen moderner Technologien wird Animation zu einem der Hauptelemente multimedialer Projekte und Präsentationen und ist zunehmend auf Internetseiten präsent. Animationen werden auch im Fernsehen sehr häufig eingesetzt. Beispielsweise verwenden viele Fernsehsender Bildschirmschoner, die mithilfe von Computeranimationen erstellt wurden. Auch die Erstellung von Videoprodukten ist zunehmend nicht ohne Computer möglich professionelles Video nutzt Techniken der Computeranimation.

In dieser Arbeit werden die Technologien und Prinzipien der Animationserstellung erörtert.

Animation

International anerkannte Berufsdefinition "Animation" (übersetzt aus dem Lateinischen „anima“ – Seele, „animation“ – Wiederbelebung, Animation) spiegelt am genauesten alle modernen technischen und künstlerischen Möglichkeiten des Animationskinos wider, denn Animationsmeister erwecken ihre Charaktere nicht nur zum Leben, sondern verleihen ihnen ein Stück ihrer Seele in ihre Schöpfung.

Technologien zum Erstellen von Animationen.

Derzeit gibt es verschiedene Technologien zum Erstellen von Animationen:

Klassisch (traditionell) Animation ist ein abwechselnder Wechsel von Zeichnungen, die jeweils einzeln gezeichnet werden. Dies ist ein sehr arbeitsintensiver Prozess, da die Animatoren jedes Bild einzeln erstellen müssen.

Standbild (Marionette) Animation. Im Raum platzierte Objekte werden durch den Rahmen fixiert, danach ändert sich ihre Position und wird wieder fixiert.

Sprite Animation wird mithilfe einer Programmiersprache implementiert.

Morphing – Umwandlung eines Objekts in ein anderes durch Generierung einer bestimmten Anzahl von Zwischenbildern.

Farbanimation – damit ändert sich nur die Farbe, nicht aber die Position des Objekts.

3D-Animation erstellt mit speziellen Programmen (z. B. 3D MAX). Bilder werden durch die Visualisierung einer Szene erhalten, und jede Szene besteht aus einer Reihe von Objekten, Lichtquellen und Texturen.

Bewegungsaufnahme (Motion Capture) ist die erste Animationsrichtung, die es ermöglicht, natürliche, realistische Bewegungen in Echtzeit zu vermitteln. Sensoren werden an den Stellen an einem Live-Akteur angebracht, die auf Kontrollpunkte ausgerichtet werden Computermodell zur Eingabe und Digitalisierung von Bewegung. Die Koordinaten und die Orientierung des Schauspielers im Raum werden an die Grafikstation übertragen und die Animationsmodelle werden zum Leben erweckt.

Software um Animationen zu erstellen.

Die Software zum Erstellen von Animationen bietet sowohl für Anfänger als auch für erfahrene Benutzer eine einfache Bedienung. Solche Programme verfügen über verschiedene technische Features, die für den Animator sehr nützlich und einfach zu bedienen sind. Der Benutzer kann jederzeit Online-Hilfe erhalten. Solche Software gibt es in zwei Kategorien: zweidimensionale (2D) und dreidimensionale (3D) Animationen. Derzeit gibt es auf dem Markt eine große Anzahl und Vielfalt an Programmen zur Erstellung von Animationen. Viele davon sind weit verbreitet und verfügen über einen Testmodus, in dem der Benutzer das Programm kostenlos nutzen kann. Nach Ablauf dieser Frist kann der Nutzer, wenn er mit dem Programm zufrieden ist, die Vollversion zur weiteren Nutzung erwerben.

Funktionen der 2D-Animationssoftware (2 D ):

Die meisten dieser Programme verfügen über eine benutzerfreundliche Oberfläche und bieten viele Funktionen. Zum Beispiel nützliche Funktionen wie ein benutzerdefiniertes Raster und das automatische Füllen der Lücke. Die automatische Bild-Sprach-Synchronisationsfunktion spart Zeit.

Die Vorlagenbibliothek dient zum Organisieren, Speichern und Wiederverwenden aller Ihrer Assets und erstellten Animationen und kann alle Arten von Mediendateien enthalten: Filme, Fotosammlungen, Grafiken in Formaten wie SWF, AI, PDF, JPEG, PSD, TGA und GIF.

Spezielle Softwareelemente machen das Erstellen von Animationen so einfach wie „eins, zwei, drei“. Mit Softwaretools kann der Benutzer Bewegungs-, Skalierungs-, Rotations- und Verzerrungseffekte erstellen. Es gibt eine Funktion zum automatischen Einfügen eines Keyframes in die Timeline.

Das Erstellen einer Szene dauert mit Drag-and-Drop und Location-Design-Tools nur wenige Sekunden. Die Schattenerstellungsfunktion verleiht der Animation Realismus. Dank des Programms wird das Erstellen von Animationen einfach, egal wie komplex die Idee selbst ist.

Erstellen oder Kompilieren hochwertiger Animationen für das Web, PDA, iPod, Handys, HDTV, einschließlich SWF, AVI, QuickTime, DV-Streams und mehr.

So führen Sie eine 2D-Animationssoftware aus:

Für Betriebssystem Macintosh – Power Macintosh G5, G4 (mindestens) oder Intel(r) CoreTM, Mac OS (empfohlen) oder 8 MB (mindestens) Videospeicher, Auflösungen bis zu 1024 x 768 Pixel möglich.

Für PC-Systeme - 800-MHz-Prozessor Intel Pentium III (mindestens) mit Windows Microsoft XP oder 2000, (empfohlen) 512 MB RAM, 256 MB (oder mehr), 120 MB verfügbarer Festplattenspeicher, 24-Bit-Farbmonitor, 32 MB Videospeicher oder mehr, Auflösung 1024 x 768 Pixel.

Merkmale der dreidimensionalen Animationssoftware (3D):

3D-Modulationstools, Unterstützung für TrueType-Schriftarten, Importieren und Ändern von Dateiformaten, Exportieren von 3DS-Dateien, integrierter 3D-Browser, Editor für zusammengesetzte Zeichen, Objektmodifikation, Renderer für Gute Qualität, Erstellung hochwertiger Bilder, Erstellung dreidimensionaler Szenen und Animationen, Unterstützung für Rahmen, Relieftransformationen, Erstellung von weichen Schatten, Scheinwerfern, Nebeleffekten und vielem mehr, Unterstützung für die Dateiformate .BMP,GIF und .JPG , Skriptsprache usw.

Erforderlich System Anforderungen So führen Sie eine 3D-Animationssoftware aus:

Windows NT 4, Win 95, Win 98, Win ME, Win 2 K oder Win XP, OpenGL beschleunigt Grafikkarte mit voller ICD-Unterstützung (ala GeForce), mindestens 64 MB Arbeitsspeicher, 128 MB (empfohlen) oder 256 MB, wenn Sie Win XP, 300 MHz Pentium, 5 MB Festplattenspeicher verwenden.

Einige der beliebtesten Animationssoftware sind:

Ulead Animation, Ulead GIF Animator 5, CoffeeCup Animation Software, CoffeeCup GIF Animator, CoffeeCup Firestarter, Firestarter, Reallusion Animation Software, Effect3D Studio, 3D Max, Toonboom Studio, Macromedia Flash.

GIF-Animationen Die Fähigkeit dieses Formats, mehrere Bilder in einer Datei zu speichern, wird genutzt – animierte GIFs sind eine Reihe von Bildern, die sich schnell gegenseitig ersetzen, wodurch der Animationseffekt erzielt wird. Rahmen, wie unabhängige Bilder oder separate Ebenen eines einzelnen Bildes, können in jedem Grafikpaket erstellt werden – in Adobe Photoshop, Jasc Paint Shop Pro usw. Aber sie werden in eine animierte GIF-Datei umgewandelt, die nicht nur alle Originalbilder, sondern auch Daten über die Geschwindigkeit ihrer Anzeige auf dem Bildschirm, die verwendete Palette, den Ton usw. enthält (und das in hohem Maße). komprimierte Form), durchgeführt mit speziellen Programmen. Dank der weit verbreiteten Verwendung des Animations-GIF-Formats im Webdesign ist die Anzahl solcher Programme heute sehr groß.

Klassifizierung von Programmen für GIFs erstellen- Animationen.

Im Großen und Ganzen lassen sich alle Programme zum Erstellen animierter GIFs in drei Gruppen einteilen:

1. Erste Enthält beliebte zweidimensionale Grafikpakete, die in erster Linie auf die Arbeit mit zweidimensionalen Rastergrafiken ausgerichtet sind und Ihnen gleichzeitig die Erstellung von Dateien im Animations-GIF-Format mit den entsprechenden ergänzenden Dienstprogrammen ermöglichen. Die beliebtesten davon sind Adobe Photoshop mit seinem ImageReady-Programm, Jasc Paint Shop Pro, das das Animation Shop-Programm enthält, und Ulead PhotoImpact mit dem GIF Animator-Programm. Der Hauptvorteil von Anwendungen dieser Gruppe besteht darin, dass das Animationsprogramm eng mit dem entsprechenden Grafikpaket verknüpft ist und daher möglich ist schnelles Umschalten Passen Sie ggf. zwischen dem Animatorprogramm und dem Grafikeditor das Bild an. Dies ist nur dann praktisch, wenn Sie alle Feinheiten der Arbeit mit solchen Paketen verstehen (alle davon in Adobe-Funktionen Photoshop erfordert eine ernsthafte Schulung). Aus diesem Grund ist diese Option eher für Profis geeignet, Anfänger sollten sich besser für eines der Programme der zweiten Gruppe entscheiden.

2. In dieser Sekunde Die Gruppe umfasst Pakete, die ausschließlich für die Erstellung animierter GIFs konzipiert sind. Da sie in der Regel über begrenzte Zeichenfunktionen verfügen, werden die Quellbilder für die Animation in einem der Grafikpakete erstellt – diese GIF-Animatoren sind nicht an ein bestimmtes Programm gebunden Grafikanwendung. Darüber hinaus ist es überhaupt nicht notwendig, für die Arbeit komplexe Pakete wie Adobe Photoshop, Jasc Paint Shop Pro und Ulead PhotoImpact auszuwählen. Die Möglichkeit, ein bekanntes Grafikpaket zu verwenden, kann als Hauptvorteil von GIF-Animatoren dieser Gruppe angesehen werden. Darüber hinaus verfügen unabhängige Programme zur Entwicklung animierter GIFs über kleine Distributionen, sodass sie problemlos online erworben werden können. Schließlich sind die meisten Apps in dieser Gruppe sehr einfach, sodass Sie sie schnell erlernen können.

3. dritte Die Gruppe besteht aus Programmen, die sich auf die Erstellung von 3D-Grafiken konzentrieren (z. B. 3D Studio Max) und Ihnen gleichzeitig die Erstellung von Animationen im Animations-GIF-Format ermöglichen (normalerweise über ein spezielles Plugin, das oft im Paket enthalten ist). Grafische 3D-Programme sind praktisch, weil sie kein Bild-für-Bild-Rendering erfordern. Um eine GIF-Datei zu erstellen, reicht es normalerweise aus, dem Objekt eine Art zyklische Aktion zu geben, zum Beispiel eine Drehung um eine Achse, und die resultierende Animation aufzuzeichnen als eine Reihe von Bildern und exportieren Sie es in ein animiertes GIF. Es gibt jedoch ein „Aber“ – traditionelle Programme zum Arbeiten 3D-Grafik erfordern tiefe Fachkenntnisse und sind schwierig anzuwenden. Aber verzweifeln Sie nicht! Wenn Sie beispielsweise ein animiertes 3D-Logo erstellen müssen, können Sie mit dem Programm auskommen Xara3D , das zwar für die Arbeit mit dreidimensionalen Grafiken positioniert ist, aber auch animierte GIFs erstellen kann und sehr einfach zu bedienen ist.

Fügen wir hinzu, dass die Gruppe der Softwareprodukte, die sich ausschließlich auf die Erstellung animierter GIFs konzentriert, Pakete umfasst, mit denen auch dreidimensionale animierte Schaltflächen und Logos erstellt werden können, obwohl diese nicht so beeindruckend sind wie bei Verwendung des Programms Xara3D.

Schauen wir uns einige Technologien und Prinzipien zum Erstellen von Animationen an.

Ulead GIF Animator

Ulead GIF Animator ist im Ulead PhotoImpact-Grafikpaket enthalten, kann aber auch eigenständig verwendet werden, um animierte GIFs basierend auf Bildern zu erstellen, die in einem beliebigen Grafikpaket erstellt wurden. Dank seiner praktischen und intuitiven Benutzeroberfläche und den umfangreichen Funktionen gilt dieses Programm heute als einer der bequemsten und funktionalsten GIF-Animatoren und spart dem Webdesigner erheblich Zeit, da es Änderungen erkennen kann, die in externen Editoren (PhotoImpact, Photoshop oder Paint Shop Pro) vorgenommen wurden ) und aktualisieren automatisch die entsprechenden Frames in der Animation. Die animierte Zeichnung kann unter Beibehaltung der Ebenen in das PhotoImpact- (UFO) oder Photoshop-Format (PSD) exportiert werden. Darüber hinaus können Sie eine beliebige Ebene einer in erstellten Zeichnung auswählen Grafikeditor PhotoImpact, Photoshop oder Paint Shop Pro, als separates Objekt für GIF Animator.

Das Programm bietet einen umfangreichen Satz an Kompositions-, Bearbeitungs-, Spezialeffekt-, Optimierungs- und Exportwerkzeugen. Die dynamische Animation mehrschichtiger Zeichnungen auf der Grundlage eines objektorientierten Vollfarbmodells erleichtert die Manipulation mehrerer Objekte in einer Zeichnung und die schnelle Erstellung von Animationen mehrerer Objekte, während die dynamische Aktualisierung von Bildern, die in externen Editoren erstellt wurden, einen neuen Standard für die Integration setzt . Der Animationsassistent erleichtert das Platzieren von Bildern auf der Arbeitsfläche und ermöglicht eine sofortige Beurteilung der Qualität der erstellten Animation anhand ihrer Demonstration im Vorschaufenster. Mit dem Objektmanager behalten Sie den Überblick über alle Objekte in Ihrer Zeichnung, und mit der Tween-Funktion können Sie den Animationsprozess automatisieren, indem Sie Zwischenpositionen ausgewählter Objekte generieren.

Zu den Funktionen von Ulead GIF Animator gehören Textanimationen und über 130 Animationseffekte. Die im Programm implementierten fortschrittlichen Bildkomprimierungsmethoden ermöglichen eine deutliche Reduzierung der Größe von Animationsdateien, die automatische Generierung von HTML-Code beschleunigt das Einfügen vorgefertigter Animationen in eine Webseite erheblich und unterstützt den Export in verschiedene Formate , inklusive Flash, AVI, MPEG und QuickTime, macht das Programm noch attraktiver.

ImageReadyCS

Das Programm ImageReady CS ist Teil des beliebten Photoshop CS-Pakets von Adobe und wurde für die Entwicklung verschiedener Webelemente, einschließlich animierter GIFs, entwickelt, was es unter Berücksichtigung der vollständigen Kompatibilität mit Photoshop zu einem hervorragenden Werkzeug für Webdesign für Profis macht. Photoshop und ImageReady arbeiten eng zusammen und ergänzen sich perfekt, und die bearbeitete Datei kann während der Bearbeitung problemlos zwischen Programmen verschoben und automatisch gespeichert werden. Sie können erstellte animierte GIF-Dateien in das Macromedia Flash-Format (SWF) exportieren.

Animierte GIFs können auf Basis mehrerer Ebenen erstellt werden Adobe-Dateien Photoshop und Adobe Illustrator sowie aus einzelnen Bildern, die in verschiedenen gespeichert sind Grafikformate. Wenn Sie eine Animation basierend auf einer Reihe von Bildern zum Bearbeiten von Frames erstellen, müssen Sie nicht unbedingt jedes Bild einzeln herunterladen – Sie können die Möglichkeit nutzen, aus dem Ordner zu importieren, in dem zuvor einzelne Frames der zukünftigen Animation gespeichert wurden. Es ist möglich, automatisch die erforderliche Anzahl von Zwischenbildern zu generieren, was die Produktion flüssiger Animationen erheblich beschleunigt, da nicht jedes Bild manuell erstellt werden muss. Im Programmfenster können Sie das Ergebnis sofort einsehen und bei Bedarf die erforderlichen Änderungen vornehmen.

Reis. 1

ImageReady verfügt über eine große Filtergalerie, die vielen bekannten Photoshop-Filtern ähnelt. Um einem Rahmen einen bestimmten Effekt hinzuzufügen, müssen Sie daher nicht immer zu Photoshop wechseln – viele Aktionen sind auch in der ImageReady-Umgebung verfügbar.

Um von Photoshop zu ImageReady und zurück zu wechseln, klicken Sie mit der linken Maustaste auf die letzte Zeile der vertikalen Symbolleiste – Bearbeiten, bis das Bild bereit ist(In Image Ready öffnen), oder einfach gleichzeitig die Tastenkombination gedrückt halten Umschalt+Strg+M :

Das Animationspanel kann mit dem Befehl aufgerufen werden Fenster > Animation(Fenster > Animation).

Die GIF-Animation spielt eine Reihe von Bildframes in einer benutzerdefinierten Reihenfolge ab. Sie können verschiedene Animationseffekte für eine Webseite erstellen: Text oder Grafiken verschieben, ein- oder ausblenden oder auf andere Weise verändern.

Um eine Animation im ImageReady-Programm vorzubereiten, müssen Sie mithilfe der Animationspalette (siehe Abbildung) viele Bildrahmen erstellen. 3. Anschließend können Sie einzelne Ebenen jedes Rahmens mithilfe der Ebenenpalette bearbeiten (Abb. 4, und jeder Rahmen verfügt über seine eigenen einzigartigen Einstellungen in der Ebenenpalette. Abschließend müssen Sie die Bildfolge als einzelne GIF-Datei speichern – jetzt kann die Animation interaktiv angezeigt werden.

Reis. 3

Reis. 4

Ebeneneffekte

ImageReady bietet die gleichen Ebeneneffekte wie Photoshop. Aber Photoshop passt die Ebeneneigenschaften über das Dialogfeld an Ebenenstil(Ebenenstil), ein ImageReady – unter Verwendung der kontextbezogenen Ebenenoptionen-Palette.

Effekte in ImageReady haben die gleichen Eigenschaften wie in Photoshop: Ihre Namen werden unter dem Namen der Ebene angezeigt, auf die sie angewendet werden; Effekte bewegen sich mit der Ebene; Die Palettenelemente verfügen über nach rechts gerichtete Pfeile, mit denen die Liste der Effekte geöffnet oder geschlossen werden kann. Jeder Effekt verfügt über ein eigenes Symbol, mit dem Sie diesen Effekt ein- oder ausblenden können.

Erstellen eines Animationseffekts für jedes Bild.

1. Öffnen oder erstellen Sie ein Bild, das eine Hintergrundebene und eine transparente Ebene mit einer Zeichnung eines Objekts enthält.

2. Öffnen Sie die Palette Animation(Animation).

3. Wählen Sie die Ebene in der Ebenenpalette aus.

4. Verwendung eines Werkzeugs Bewegen(Verschieben) Ziehen Sie das Bildelement an den Rand des Hauptfensters.

5. Am unteren Rand der Palette Animation drück den Knopf Aktuellen Frame duplizieren(Den aktuellen Frame duplizieren). Der kopierte Rahmen wird hervorgehoben.

6. Die in Schritt 3 ausgewählte Ebene sollte ausgewählt bleiben.

7. Verwendung eines Werkzeugs Bewegen(V-Taste) Ziehen Sie das Ebenenelement auf die andere Seite des Hauptfensters. Lassen Sie diese Ebene ausgewählt!

8. Auf der Palette Animation drück den Knopf Zwischen(Zwischenbilder), um Zwischenbilder zwischen bereits ausgewählten zu erstellen.

9. Im Dialogfeld Zwischen(Zwischenbilder) Stellen Sie den Ebenenschalter auf eine der folgenden Positionen:

· Alle Ebenen(Alle Ebenen), um Punkte aus allen Ebenen in neue Frames zu kopieren.

· Ausgewählte Ebene(Ausgewählte Ebene), um Punkte nur aus der ausgewählten Ebene in neue Frames zu kopieren. Alle anderen Ebenen werden ausgeblendet.

Dann in der Gruppe installieren Parameter(Parameter)-Kontrollkästchen der Parameter, die in Zwischenbildern geändert werden: Position(Standort), Opazität(Deckkraft) und/oder Auswirkungen(Auswirkungen).

Aus dem Popup-Menü Tween mit(Bildbereich optimieren) Auswahlmodus Vorheriger Frame(Hinzufügen von Zwischenbildern zwischen dem ausgewählten und dem vorherigen Bild).

Auswählen der Wiedergabeoptionen für Animationen

Aus dem Popup-Menü in der unteren linken Ecke der Palette Animation(Animation), wählen Sie einen Wiedergabemodus aus, der angibt, wie die Animation abgespielt wird: Einmal(Einmalig) oder Für immer(Kontinuierlich in einer Schleife). Oder aktivieren Sie die Option Andere(Sonst), um anzugeben, wie oft die Animation abgespielt werden soll, und klicken Sie dann auf OK.

Animationsvorschau

1. Wählen Sie im Hauptfenster die Registerkarte aus Original(Originalbild) oder Optimiert(Optimiertes Bild).

2. Wenn der erste Rahmen nicht ausgewählt ist, dann am unteren Rand der Palette Animation(Animation) Klicken Sie auf die Schaltfläche Wählen Sie den ersten Frame aus(Erstes Bild auswählen).

Reis. 5. Duplizieren eines Animationsrahmens

3. Drück den Knopf Spielen(Wiedergabe) – siehe Abbildung 5. Die Animation wird etwas langsamer abgespielt, als sie sollte. (Die Vorschau in ImageReady ist langsamer als im Browser.)

4. Drück den Knopf Stoppen(Stop), das wie ein Quadrat aussieht, um die Wiedergabe anzuhalten.

5. Speichern Sie die Datei und klicken Sie dann auf die Schaltfläche Standardbrowser(Standard-Browservorschau) in der Symbolleiste. Drück den Knopf Zurück(Zurück), um zu ImageReady zurückzukehren, wenn die Anzeige beendet ist.

Animation von schwankenden Objekten

Als nächstes schauen wir uns an, wie man ein Ebenenelement von einer Seite zur anderen schwanken lässt. Diese Art von Animation wirkt sich auf Punkte auf der Ebene aus und wird auf alle vorhandenen Frames kopiert. Es ist notwendig, für jede Bewegungsphase eine doppelte Ebene zu erstellen.

Lassen Sie uns eine Animation erstellen, in der sich ein Objekt in eine bestimmte Richtung und zurück bewegt.

1. Öffnen Sie das Bild und die Palette Animation(Animation).

2. Am unteren Rand der Palette Animation drück den Knopf Aktuellen Frame duplizieren(Den aktuellen Frame duplizieren). Der duplizierte Rahmen wird nun hervorgehoben.

3. Auf der Palette Animation Klicken Sie auf die Schaltfläche „Tween“ und wählen Sie dann das Optionsfeld aus Lagen(Ebenen) zu positionieren Alle Ebenen(Alle Ebenen) geben Sie die Anzahl der Frames in das Feld ein Frames zum Hinzufügen(Frames hinzufügen), um eine Animation zu erstellen, und klicken Sie auf die Schaltfläche OK.

4. Klicken Sie auf den Rahmen, an dem das Wackeln beginnen soll.

5. Auf der Palette Lagen(Ebenen) Erstellen Sie ein Duplikat der Ebene, deren Bild verschoben werden soll.

6. Bearbeiten Sie die duplizierte Ebene (passen Sie beispielsweise die Farbe an). Blenden Sie die ursprüngliche Ebene aus, um Ihre Änderungen anzuzeigen. Änderungen werden im ausgewählten Rahmen auf der Palette widergespiegelt Animation.

7. Wählen Sie den nächsten Frame aus. Machen Sie die ursprüngliche Empfängerebene sichtbar und blenden Sie das bearbeitete Duplikat aus.

8. Klicken Sie auf das nächste Bild. Zeigen Sie nun die bearbeitete Duplikatebene an und blenden Sie die Originalebene aus.

Zeigen Sie also abwechselnd Ebenen für die verbleibenden Frames der Animation an/aus.

Öffnen einer Animation im GIF-Format

Der einzige sichtbare Vorteil der Verwendung des GIF-Formats ist die Möglichkeit, Dateioptimierungseinstellungen anzuwenden oder zu bearbeiten.

1. Führen Sie den Befehl aus Datei > Öffnen(Datei > Öffnen) oder drücken Sie die Tastenkombination Strg+O.

2. Suchen Sie den Dateinamen mit der Erweiterung .gif und klicken Sie darauf.

3. Drück den Knopf Offen(Offen). Die Frames der Animationssequenz werden gespeichert. Allerdings zeigt die Ebenenpalette jetzt eine Abfolge von Ebenen an: eine Ebene für jedes Bild. Einzelne Elemente einer Ebene können nicht mehr unabhängig von anderen Frames bearbeitet werden!

Animationsoptimierung

1. Im Palettenmenü Optimieren(Optimierung) Verwenden Sie den Befehl Animation optimieren(Animation optimieren).

2. In der Parametergruppe Optimieren nach Kontrollkästchen (Optimieren mit). Begrenzungsrahmen(Gesamtrahmen), um den ursprünglichen Rahmen und nur die Bereiche beizubehalten, die sich von einem Rahmen zum nächsten ändern. Dadurch wird die Dateigröße reduziert, gleichzeitig können jedoch nicht alle Editorprogramme, die das GIF-Format akzeptieren, mit dieser Datei arbeiten.

Aktivieren Sie zusätzlich oder anstelle dieser Schritte das Kontrollkästchen Redundante Pixelentfernung(Zusätzliche Punkte löschen), um die Punkte des Objekts oder Hintergrunds zu entfernen, die sich nicht ändern, d. h. sie werden beim Laden jedes neuen Frames erneut angezeigt. Dies trägt auch dazu bei, die Dateigröße zu reduzieren.

Keine dieser Optionen verändert das tatsächliche Erscheinungsbild der Animation; alle Änderungen erfolgen im Hintergrund.

Animation speichern.

Die erstellte Animation kann im GIF-Format oder als QuickTime-Film gespeichert werden. Andere Dateiformate wie JPEG oder PNG speichern nur das erste Bild des Bildes und ermöglichen nicht die Wiedergabe der gesamten Animation. Es gibt mehrere Möglichkeiten, optimierte Animationen für die Verwendung auf einer Webseite zu speichern. Wählen Sie in ImageReady einfach den Befehl aus Datei > Optimiert speichern(Datei > Optimiert speichern), um die Animation mit den Einstellungen zu speichern, die Sie beim vorherigen Speichern ausgewählt haben. Wenn dies nicht das erste Speichern ist, wird das Dialogfeld angezeigt Speichern(Speichern) wird nicht angezeigt und der Dateiname und seine Parameter bleiben dieselben wie zuvor zugewiesen.

Teamauswahl Datei > Optimiert speichern unter(Datei > Als optimiert speichern) ermöglicht Ihnen, den Dateinamen zu ändern und einen anderen Speicherort auszuwählen. Es ist auch möglich, einen geänderten Parameter auszuwählen Speichern unter(Dateityp) aus der Menge der verfügbaren Werte:

· HTML und Bilder(HTML und Bilder) – generiert eine HTML-Datei und speichert jedes Bild als separate Datei;

· Nur Bilder(Nur Zeichnungen) – speichert nur das Bild in einer separaten Datei;

· Nur HTML(Nur HTML) – Speichert nur die HTML-Datei ohne Bilddateien.

Darüber hinaus können Sie mit ImageReady eine HTML-Datei mit dem Befehl „HTML kopieren“ erstellen, der den HTML-Code in die Zwischenablage kopiert, der dann in einem beliebigen HTML-Editor in eine Webseite eingefügt werden kann. Wenn sich das Quellbild ändert, führen Sie zum Aktualisieren der HTML-Datei den Befehl „HTML aktualisieren“ aus und geben Sie dabei den Namen der zu aktualisierenden Datei an.

Um die Animation im QuickTime-Format zu speichern, wählen Sie den Befehl aus Datei > Original exportieren ( Klicken Sie auf „Datei“ > „Initial exportieren“) und wählen Sie den Wert aus der Dropdown-Liste aus QuickTime-Film(Es ist verfügbar, wenn QuickTime auf Ihrem Computer installiert ist.) Durch Angabe des Dateinamens und seines Speicherorts klicken Sie auf die Schaltfläche Speichern(Speichern) erstellt eine Datei des ausgewählten Typs.

Wie man animierten Regen macht.

Schritt 1. Öffnen Sie das Bild.

Schritt 2. Erstellen Sie eine neue Ebene und füllen Sie sie mit Grau. Und wenden Sie einen Filter darauf an Filter – Rauschen – Rauschen hinzufügen und legen Sie die folgenden Einstellungen fest.

Dann wenden Sie den Filter an Filter-Unschärfe-Bewegungsunschärfe.

Stellen Sie die Deckkraft der Ebene auf 30 % ein.

Schritt 3. Erstellen Sie erneut eine neue Ebene, füllen Sie sie mit Grau und wenden Sie die gleichen Filter wie in Schritt 2 an. Aber den Filter Bewegungsunschärfe Wir machen es bereits mit anderen Einstellungen.

und stellen Sie die Deckkraft der Ebene auf 30 % ein

Schritt 4 . Wir wiederholen noch einmal alles, was wir in Schritt 2 gemacht haben. Filtern Bewegungsunschärfe Machen Sie es mit diesen Einstellungen und stellen Sie die Ebenentransparenz auf 30 % ein.

Schritt 5 . Lass uns gehen Bildleser Dies geschieht über die Tastenkombination ( Umschalt+Strg+M)

Schritt 6 . Wir stellen die Rahmenlänge auf 0,1 Sekunden ein.

Schritt7 . Wir erstellen zwei Duplikate unseres Rahmens.

Schritt 8 . Gehen Sie zum ersten Bild und stellen Sie sicher, dass nur die erste Ebene mit den von uns erstellten Tropfen sichtbar ist.

Schritt 9 . Gehen Sie zum zweiten Bild und stellen Sie sicher, dass nur die zweite Ebene mit den von uns erstellten Tropfen sichtbar ist.

Schritt 10 . Gehen Sie zum dritten Bild und stellen Sie sicher, dass nur die dritte Ebene mit den von uns erstellten Tropfen sichtbar ist.

Unsere Animation ist fertig!

Xara3D 5.0

Im Gegensatz zu den meisten Programmen zum Arbeiten mit 3D-Grafiken verfügt Xara3D über eine einfache und benutzerfreundliche Oberfläche und eine minimale Anzahl von Einstellungen, sodass es auch für Anfänger einfach und schnell zu verstehen ist. Und obwohl das Programm in erster Linie für die Erstellung umfangreicher Texte und Schaltflächen gedacht ist, eignet es sich auch perfekt für die Erstellung von Animationen in den Formaten Animated GIF und AVI. Daher wird es von Webdesignern vor allem zur Erstellung professioneller dreidimensionaler Textlogos erfolgreich eingesetzt.

Das Arsenal des Programms umfasst eine große Auswahl an Schriftarten und Texturen für die Gestaltung erstellter Objekte. Es bietet vollständige Kontrolle über den erstellten Text, einschließlich seiner Position, Ausrichtung, Zeilenabstand, Unterschneidung usw., sowie eine effektive und flexible Kontrolle über Farbe und Struktur des dreidimensionalen Bildes. Darüber hinaus können Bilder matt oder glänzend gemacht, mit einem weichen Rahmenschatten versehen werden usw. Die Auswahl an Animationseffekten ist recht groß: Objekte können sich drehen, allmählich erscheinen, pulsieren, darauf treten, schwingen oder verschwinden. Sie können Animationsfunktionen auch aus einer Datei importieren und auf eine andere anwenden. Einfache Heilmittel Mit Animationssteuerelementen können Sie beliebige Zeitlimits festlegen, beispielsweise Pausen unterschiedlicher Dauer hinzufügen oder Ihre eigenen Animationsfunktionen für jedes Objekt festlegen.

Das Programm unterstützt den Import zweidimensionaler Grafikdateien in den Formaten WMF, EMF, GIF und PNG. Die Animationsergebnisse können nicht nur im Animations-GIF-Format, sondern auf Wunsch auch im AVI- oder SWF-Format gespeichert werden.

Macromedia Flash

Genauer gesagt ist Adobe Flash eine Umgebung zum Erstellen von Anwendungen für die Flash-Plattform, daneben gibt es weitere Tools (Umgebungen):

Adobe Flex Builder;

Flash Development Tool (FDT) usw.

Flash-Anwendungen werden mit erstellt ActionScript - Programmiersprache. Wenn die Quelle keine Sprachanweisungen enthält, wird während der Kompilierung auf jeden Fall ein gewisser grundlegender ActionScript-Code generiert (dies lässt sich anhand des Flash-Bytecodes erkennen). Als nächstes befindet sich dementsprechend ein Basisclip auf der Bühne, der von der MovieClip-Klasse geerbt wurde und mit der Wiedergabe beginnt. Die Adobe Flash-Umgebung richtet sich eher an Designer und Animatoren, obwohl es möglich ist, vollwertigen Code zu schreiben. Flex Builder, FDT, sind programmorientiert und es gibt keine speziellen Schnittstellentools für Animation und Visualisierung.

Flash wird auch als Name des Formats (Flash-Filme, Flash-Movies) verwendet (der vollständige Name ist Flash Movie).

Beim Erstellen eines Produkts können Sie Sound- und Grafikdateien verwenden, interaktive Schnittstellen und vollwertige Webanwendungen mit PHP und XML erstellen.

Flash-Dateien haben die Erweiterung „.swf“ und werden mit angezeigt Flash Player, das als Browser-Plugin installiert werden kann. SWF-Dateien können auch mit dem Gnash-Player angezeigt werden. Wird kostenlos über die Adobe-Website verteilt. Quelldateien mit der Erweiterung „.fla“ werden in der Adobe Flash-Entwicklungsumgebung erstellt und anschließend in verständliches Flash kompiliert Player-Format- „.swf“.

Flash basiert auf Vektor-Morphing, also dem sanften „Übergang“ eines Schlüsselbilds in ein anderes. Dadurch können Sie relativ komplexe animierte Szenen erstellen, indem Sie für jede Figur nur wenige Schlüsselbilder angeben.

Flash verwendet die Programmiersprache ActionScript, die auf ECMAScript basiert.

Die Vector-Morphing-Technologie wurde schon lange vor Flash eingesetzt. 1986 erschien das Programm Fantavision, das diese Technologie nutzte. 1991 wurde Another World mit dieser Technologie veröffentlicht, zwei Jahre später Flashback.

Die Geschichte von Flash begann im Jahr 1995, als Macromedia nach dem Kauf des Animationsprogramms FutureSplash Animator ein Produkt namens Flash herausbrachte.

Flash begann seine berufliche Laufbahn mit der Veröffentlichung eines regulären zweidimensionalen Animationssoftwareprodukts. Die Zeit verging, alles entwickelte sich in rasantem Tempo. Auch Flash ist der Entwicklung nicht entgangen; es ist moderner und fortschrittlicher geworden.

Heute gibt es sogenannte 3D-Engines, zum Beispiel:

PaperVision3D, aber ihre Geschwindigkeit und Arbeitsqualität sind recht gering, hauptsächlich aufgrund der Tatsache, dass der Flash Player derzeit nicht in der Lage ist, DirectX- oder OpenGL-Tools zu verwenden, sodass eine vollständige Emulation aller 3D-Algorithmen durchgeführt wird. Keine Hardwarebeschleunigungsunterstützung, Multi-Core-Prozessoren- wodurch auch die Drehzahl des Motors reduziert wird. Designer erstellen jedoch häufig ihre eigene 3D-Engine, die auf die Besonderheiten eines bestimmten Projekts (Spiels) zugeschnitten ist.

Heutzutage verfügen die meisten Browser über ein speziell integriertes Macromedia Flash Player-Plugin, mit dem sie Flash-Dateien abspielen können. Flash hat sich zu einer vorherrschenden Technologie im Internet entwickelt und ist zum Standard für die Anzeige von Vektoranimationen auf Websites geworden. Ohne Adobe Flash Player-Browser zeigt Webseiten und darin integrierte interaktive Webelemente, die mit Flash-Technologie entwickelt wurden, falsch an.

Macromedia Flash-Schnittstelle.

Abb.1

Beim Öffnen eines Fensters Flash-Anwendungen Auf dem Bildschirm erscheinen folgende Oberflächenelemente:

· Bühne (Desktop) – ein Bereich zum Zusammenstellen einzelner Frames, zum Erstellen einer Komposition aus grafischen Elementen oder importierten Bitmaps und zum Anzeigen der Animationsergebnisse;

· Zeitleiste (Zeitachse) – ein Fenster, das eine Liste einzelner Ebenen mit darauf befindlichen grafischen Objekten und deren zeitliche Verteilung enthält (jedes Bild des Films ist auf der Zeitachse markiert);

· Symbole (Symbole) – die Hauptelemente des Films, die in der Regel oft darin verwendet werden;

· Bibliothek – ein Fenster mit einer Liste von Symbolen und importierten Dateien, in dem Sie diese organisieren und sortieren können;

· Schwebende, andockbare Panels – Fenster mit einer Reihe von Registerkarten, die zum Konfigurieren der Anwendung und zum Ändern der Parameter von Filmelementen verwendet werden;

· Movie Explorer (Filmbrowser) – ein zusätzlich aufgerufenes Fenster zum Anzeigen der Struktur des Films.

Stoppen Sie die Bewegungsanimation

Werfen wir also noch einmal einen Blick auf das Fenster Flash-Programme. Wenn darin ein Video geöffnet ist, befindet sich oben im Fenster die sogenannte Timeline. Auf der linken Seite stehen die Namen der Ebenen, über die wir später in diesem Kapitel sprechen werden, und ihre Attribute. Und auf der rechten Seite werden die nummerierten Bilder des Videos angezeigt (Abb. 4). Aufgrund der Nummerierung der Frames wird dieses Fenster als Zeitskala bezeichnet – schließlich folgen die Frames im Video nacheinander.

Auf der Timeline befindet sich ein rotes Rechteck, das immer den aktuellen Frame hervorhebt.

Abschluss:

In der Welt der modernen Technologie wird Animation zu einem der Hauptelemente multimedialer Projekte und Präsentationen und ist zunehmend auf Internetseiten präsent.

In dieser Arbeit werden die gebräuchlichsten Mittel zur Unterstützung und Erstellung von Animationen besprochen und auch die Phasen der Erstellung von GIF-Dateien, Flash-Videos und animiertem dreidimensionalem Text unter Verwendung verschiedener Effekte beschrieben.

Xara3D – ein Programm zum Arbeiten mit dreidimensionalem Text verfügt über eine benutzerfreundliche Oberfläche und ein Minimum an Einstellungen und gilt als einfach und komfortabel.

Dank seiner praktischen und intuitiven Benutzeroberfläche und den umfangreichen Funktionen gilt Ulead GIF Animator heute als eines der bequemsten und funktionalsten Programme zum Erstellen von GIF-Dateien und spart Webdesignern erheblich Zeit

ist das führende Tool zur Erstellung multimedialer Inhalte. Das Software-Tool Integrieren Sie Text, Grafiken, Audio und Video in eine interaktive Multimedia-Umgebung, die brillante Ergebnisse bei der Erstellung interaktiver Präsentationen, Marketingmaterialien, E-Learning-Ressourcen und grafischer Benutzeroberflächen liefert.

Macromedia Flash Professional bringt mehr als eine Million Entwickler und Benutzer auf der ganzen Welt zusammen, die eine Vielzahl von Computergeräten verwenden. Die Macromedia Flash-Technologie gilt als die am weitesten verbreitete Softwareplattform.

Literaturverzeichnis:

1. Computer Press 3 '2005;

2. http://computer.damotvet.ru/software/887515.htm;

3. Illustriertes Tutorial zur Animation für das Internet; 2007 Dynamite Software Group.

Einführung................................................. ....................................................... ..............................................3

Animation................................................. ................................................. ......................................4

Technologien zur Animationserstellung................................................ .................................................... ..............4

Animationssoftware................................................ ....................................4

Funktionen der 2D-Animationssoftware (2D).................................5

Funktionen von Software zur Erstellung dreidimensionaler Animationen (3D).......5

GIF-Animation................................................ .................................................... ......... ........................6

Klassifizierung von Programmen zum Erstellen von GIF-Animationen................................................. ......... .........6

Animation ist die westliche Bezeichnung für Animation. Dieses Wort stammt aus dem Englischen „animation“, was übersetzt „Wiederbelebung, Animation“ bedeutet.

Bisher wurden Animationen manuell erstellt – mit Bleistift und Tinte auf Pauspapier. Dann begannen sie, Computer zu benutzen. Anfangs wurden Großrechner eingesetzt, man nannte sie Mainframes. Dann wechselten die Zeichentrickfilmer zu leistungsstarken Grafikstationen.

Und um einen einfachen Animationsfilm zu erstellen, reicht heutzutage die Leistung eines gewöhnlichen Personalcomputers aus.

Animation(aus dem Französischen Animation – Wiederbelebung, Animation) – eine Art Kinematographie, bei der ein Film durch Bild-für-Bild-Aufnahme von Zeichnungen oder Puppenszenen entsteht. Der Animator spielt wie ein Schauspieler seine Rolle, indem er einem bewegungslosen Charakter, einer Seele, Leben einhaucht, ihm Charakter und Gewohnheiten verleiht und mit ihm jeden Sekundenbruchteil des Lebens in der Szene erlebt.

Animation hat ihre eigene Geschichte; E. Reynaud gilt als der Schöpfer der Technologie, Cartoons Bild für Bild zu erstellen. Am weitesten verbreitet war der Animationsfilm jedoch zur Zeit von Walt Disney. Die von ihm verwendeten Animationsprinzipien wurden so wirksam, dass sie noch heute als Grundlage für den Animator gelten. Es gibt verschiedene Arten von Animationen: traditionell, Stop-Frame, Computer. Computer und traditionell sind im Wesentlichen dasselbe, nur dass traditionell von Hand auf Papier gezeichnet wird und Computer in einem Programm auf einem Tablet gezeichnet wird. Animation ist ein komplexer Prozess, der viel Zeit in Anspruch nimmt. Traditionelle Animationen gelten als die arbeitsintensivsten und werden daher heute nur noch sehr selten verwendet. Bei Computeranimationen ist alles viel einfacher.

Computeranimation - eine Art Animation, die mit einem Computer erstellt wurde. Im Gegensatz zum allgemeineren Konzept der „CGI-Grafik“, das sich sowohl auf Standbilder als auch auf bewegte Bilder bezieht, bezieht sich Computeranimation nur auf bewegte Bilder. Heutzutage wird es sowohl im Unterhaltungsbereich als auch im industriellen, wissenschaftlichen und geschäftlichen Bereich häufig eingesetzt. Als Ableitung der Computergrafik übernimmt die Animation die gleichen Methoden zur Bilderstellung: Vektorgrafiken, Rastergrafiken, fraktale Grafiken, dreidimensionale Grafiken (3D).

Computeranimationen können auch in Typen unterteilt werden: Flash-Animation, klassische Frame-by-Frame-Animation, 3D-Animation.

Flash-Animation

Flash-Animationen basieren auf dem Prinzip der Keyframe-Animation . Die Platzierung der Keyframes erfolgt durch den Animator. Zwischenbilder werden von einem speziellen Programm generiert. Diese Methode kommt der traditionellen handgezeichneten Animation am nächsten, nur dass die Rolle des Phasers von einem Computer und nicht von einer Person übernommen wird.

Der Prozess der Cartoon-Erstellung besteht aus mehreren Phasen:

Die erste Phase ist die Idee und das Drehbuch;

Das zweite ist das Storyboard;

Drittens – Erstellen einer Animation (ein grobes Layout des Cartoons. Bereits anhand der Animation kann man die stattfindende Aktion beurteilen. Die Animation enthält bereits Animationen, aber die Bewegungen der Charaktere können im nächsten Schritt geändert werden),

Der vierte und längste ist Animation;

Fünfter – Abschlussentwurf;

Der sechste Schritt besteht darin, den Film zu schneiden und zusammenzustellen.

Von den drei Haupterholungsfunktionen (therapeutisch, gesundheitsfördernd und pädagogisch) soll die touristische Animation direkt zwei Funktionen erfüllen – Sport und Erholung und Bildung. Indirekt wird unter geeigneten Bedingungen auch die therapeutische Funktion ausgeübt.

In der Animationspraxis lassen sich zur gezielten Gestaltung von Animationsprogrammen folgende Funktionen der touristischen Animation unterscheiden:

Anpassung, die Ihnen den Übergang von einer alltäglichen Umgebung zu einer freien Freizeitumgebung ermöglicht;

Ausgleichend, eine Person von der körperlichen und geistigen Ermüdung des Alltags befreien;

Stabilisierend, positive Emotionen erzeugend und mentale Stabilität stimulierend;

Wellness, das auf die Wiederherstellung und Entwicklung der körperlichen Stärke einer Person abzielt, die im Arbeitsalltag geschwächt ist;

Informativ, sodass Sie neue Informationen über das Land, die Region, die Leute usw. erhalten können;

Lehrreich, das es Ihnen ermöglicht, durch lebendige Eindrücke neues Wissen über die Welt um Sie herum zu erwerben und zu festigen;

Verbessern, geistige und körperliche Verbesserung bringen;

Eine solche Vielfalt an Funktionen der touristischen Animation hat zu einer Vielzahl von Arten von Animationsaktivitäten sowie zu einer Vielzahl von Animationsprogrammen und -veranstaltungen geführt.

Aus der Sicht eines systematischen Ansatzes ist touristische Animation die Befriedigung spezifischer touristischer Bedürfnisse in Bezug auf Kommunikation, Bewegung, Kultur, Kreativität, angenehmen Zeitvertreib und Unterhaltung.

Die Bandbreite dieser Bedürfnisse ist sehr breit, da Urlauber diesem Begriff ganz unterschiedliche Bedeutungen beimessen: Für den einen ist Urlaub Reisen, für den anderen Bücher lesen, im Wald spazieren gehen, angeln usw. Je nach Bedarf und Motivation für Reisen in der Praxis touristischer Dienstleistungen werden folgende Arten von Animationen entwickelt, die den unterschiedlichen Bedürfnissen von Touristen (Urlaubern) gerecht werden:

Animation in Bewegung – befriedigt das Bewegungsbedürfnis des modernen Menschen, verbunden mit Vergnügen und angenehmen Erlebnissen;

Animation durch Erfahrung – befriedigt das Bedürfnis nach einem Gefühl neuer, unbekannter, unerwarteter Inklusion, Entdeckungen sowie der Überwindung von Schwierigkeiten;

Animation durch Kommunikation – befriedigt das Bedürfnis, mit neuen, interessanten Menschen zu kommunizieren, die innere Welt der Menschen zu entdecken und sich selbst durch Kommunikation kennenzulernen;

Belebung durch Beruhigung – befriedigt das Bedürfnis der Menschen nach psychischer Erleichterung von der Alltagsmüdigkeit durch Ruhe, Einsamkeit, Kontakt mit der Natur sowie das Bedürfnis nach Ruhe und „müßiger Faulheit“;

Kulturelle Animation – befriedigt das Bedürfnis der Menschen nach spiritueller Entwicklung des Einzelnen durch Kennenlernen kultureller und historischer Denkmäler und moderner Beispiele der Kultur des Landes, der Region, des Volkes, der Nation;

Kreative Animation – befriedigt das Bedürfnis einer Person nach Kreativität, demonstriert ihre kreativen Fähigkeiten und knüpft durch gemeinsame Kreativität Kontakte zu Gleichgesinnten.

Echte Animationsprogramme sind meist komplexer Natur und die aufgeführten Animationsarten sind die Bestandteile dieser Programme.

Zu den Animationsprogrammen gehören neben reinen Unterhaltungsveranstaltungen auch verschiedene Sportspiele, Übungen und Wettbewerbe. Diese Kombination macht diese Programme intensiver, interessanter und nützlicher für die Stärkung und Wiederherstellung der Gesundheit, daher wird im Zusammenspiel von touristischer Animation und Sport am häufigsten die größte erholsame und gesundheitsfördernde Wirkung erzielt.

Lassen Sie uns die für das Arbeitsthema relevanten Animationsarten hervorheben: Freizeit, Tourist, Hotel.

Freizeitanimation ist eine Form der Freizeitbeschäftigung, die darauf abzielt, die geistige und körperliche Stärke eines Menschen wiederherzustellen. Zu Erholungszwecken durchgeführte Freizeitprogramme können sowohl von Tourismus- und Resortunternehmen mit Touristen, Urlaubern und Gästen als auch von Freizeitunternehmen mit durchgeführt werden Anwohner. Dies gibt uns das Recht zu behaupten, dass der Begriff der Freizeitanimation weiter gefasst ist als der Begriff der Hotel- und Touristenanimation. Abbildung 2 zeigt die Struktur der touristischen Animation.

Abbildung 2 – Arten der Freizeitanimation

Touristische Animation ist eine touristische Dienstleistung, an deren Erbringung der Tourist aktiv beteiligt ist.

Hotelanimation ist der engste der drei betrachteten Begriffe, da es sich lediglich um die Gestaltung der Freizeit in touristischen Betrieben handelt: Touristenkomplexe, Hotels, Gasthöfe, Touristenzentren usw.

Es gibt auch zusätzliche Animationsdienste – Animationsprogramme, die dazu dienen, die wichtigsten im Reisepaket genannten touristischen Dienstleistungen zu „unterstützen“, bei technischen Unterbrechungen aufgrund von Reisen, Reiseverzögerungen, bei schlechtem Wetter oder fehlenden Bedingungen für die geplante Freizeitbeschäftigung.

Tabelle 1 präsentiert touristische Animation mit Schwerpunkt auf Freizeiterholung.

Tabelle 1 – Typologie der Animationsaktivitäten

Dementsprechend werden die Ziele jeder Art von Animation Tourismus- und Touristenwettbewerbe, Sportwettkämpfe und Sportveranstaltungen, Unterhaltungsveranstaltungen sowie Bildungs- und Ausflugsaktivitäten sein.

„Hier blicken wir jedoch zurück, bleiben aber nicht stehen. Wir streben nach vorne, eröffnen neue Wege, nehmen Neues in Angriff, denn wir sind neugierig... und die Neugier treibt uns auf neue Wege. Nur vorwärts.“" (Walt Disney)

Über Animationstechnologie

Manchmal kommt es zwischen mir und dem Kunden zu Missverständnissen bei der Vereinbarung der technischen Merkmale zukünftiger Animationsarbeiten. Der Artikel wird Ihnen helfen, Probleme der Animationstechnologie besser zu verstehen.

Um nicht zu verwirren, möchte ich zunächst drei Hauptkriterien hervorheben, anhand derer Animationen beurteilt werden können: Animationsarten, Animationsmethoden und Animationsstile. Für viele ist das dasselbe, aber das ist es nicht! Animationsarten sind die Form oder Form, in der der Cartoon gezeigt wird (handgezeichnet, Marionette usw.). Animationsmethoden sind die technischen Merkmale, mit denen Animationen erstellt werden (Frame-by-Frame-Animation, programmierbare Animation usw.). Schließlich ist der Animationsstil eine künstlerische Technik, die in der Animation verwendet wird (Realismus, Anime usw.). In diesem Artikel werde ich das Konzept der „Animationsarten“ genauer betrachten und anschließend um „Methoden“ und „Stile“ ergänzen. All dies zusammen ist Animationstechnologie.

Handgezeichnete klassische Animation.

Eine der interessantesten und am weitesten verbreiteten Animationsarten ist die sogenannte klassische Animation. Bei der klassischen Animation wird jedes einzelne Bild auf transparenter Folie (oder Pauspapier) gezeichnet. Diese Frames werden dann gesammelt Sonderprogramm Installation Diese Animation ist sehr lebendig, flüssig, räumlich, aber teuer))). Ein Beispiel für eine solche Animation sind die Cartoons der Disney- und Sojusmultfilm-Studios.

Standbild aus dem Disney-Zeichentrickfilm „Schneewittchen und die sieben Zwerge“

Übersetzungsanimation.

Die älteste Form der Animation. Der Kern dieser Art von Animation besteht darin, dass ein auf Karton oder Papier gezeichnetes Objekt in einzelne Teile geschnitten wird und diese Teile von Bild zu Bild verschoben (verschoben) werden. Daher der Name – Rückübersetzung! Viele Leute halten solche Animationen für primitiv, aber in den richtigen Händen können sich solche Cartoons als sehr interessant erweisen. Eines der auffälligsten Beispiele für Transferanimationen kann mit Sicherheit als der von Yuri Norshtein inszenierte Zeichentrickfilm „Igel im Nebel“ bezeichnet werden. „Igel im Nebel“ wurde von der Weltgemeinschaft als BESTER CARTOON-FILM ALLER ZEITEN ausgezeichnet!!! Soviel zur Übersetzung... Soviel dazu, dass es primitiv ist...

Standbild aus dem Zeichentrickfilm „Igel im Nebel“ von Yuri Norshtein

Malerei auf Glas.

Aber hier kann man die Animation sicherlich nicht als primitiv bezeichnen! Die Essenz dieser Animation ist das Malen mit Ölfarben auf Glas. Jeder Rahmen ist ein Gemälde, das durch die Striche des Künstlers verändert wird. Ein markantes Beispiel für eine solche Animation ist das mit einem Oscar ausgezeichnete Werk von Alexander Petrov „Der alte Mann und das Meer“.

Ein Standbild aus dem Animationsfilm „Der alte Mann und das Meer“ von Alexander Petrov.

Puppenanimation.

Die gleiche alte Art von Animation. Alle Puppen und Kulissen in Stop-Motion-Animationen werden von Hand gefertigt, was sie genauso teuer macht wie klassische Animationen. Dennoch erfreut sich diese Art der Animation auch heute noch großer Beliebtheit (trotz der Verbreitung von Computer-3D-Animationen). Um ehrlich zu sein, mochte ich Puppenanimationen als Kind nicht))) Aber meine Erleuchtung kam, als ich Tom Burtons Zeichentrickfilm „The Nightmare Before Christmas“ sah.

Ein Standbild aus dem Zeichentrickfilm „The Nightmare Before Christmas“ von Tom Burton.

Plastilin-Animation

Der Name Plastilin-Animation spricht für sich. Ich möchte nur hinzufügen, dass die Plastilin-Animation aus der Puppenanimation hervorgegangen ist und in Russland nach dem Erscheinen der Zeichentrickfilme „Last Year’s Snow Was Falling“ unter der Regie von Alexander Tatarsky populär wurde.

Ein Standbild aus dem Zeichentrickfilm „Last Year's Snow Was Falling“ von A. Tatarsky.

Computer-2D-Animation.

Ob es uns gefällt oder nicht, alte Animationsarten werden durch neue ersetzt. Aus irgendeinem Grund wird Computeranimation normalerweise als 2D-Animation bezeichnet Flash-Animation und das ist nicht ganz richtig. Flash ist nur ein Programm. Sie können andere leistungsstarke Computerprogramme zum Erstellen von 2D-Animationen nennen, zum Beispiel: After Effect, Anime Studi Pro, Toon Boom Studio und viele weitere kostenpflichtige und kostenlose Programme. Derzeit beschäftigen sich fast alle Studios mit 2D-Computeranimationen. Das ist genau die Art von Animation, die wir heute in Fernsehserien, im Internet und im Casual-Bereich sehen Computerspiele usw.

Standbild aus der Zeichentrickserie „Die Simpsons“

3D-Animation.

3D-Animation ist eine Animationsart, die auf Basis von 3D-Computerprogrammen erstellt wird. Dies ist die jüngste und vielversprechendste Art der Animation. Mit Entwicklung Computertechnologie Es wurde möglich, nicht nur Grafiken und Animationen in einer zweidimensionalen Ebene zu zeichnen (2D-Animation), sondern auch dreidimensionale Formen zu animieren. Diese Technologie ist sehr komplex, aber wenn wir es Ihnen kurz sagen, sieht der Produktionsprozess in etwa so aus. Zunächst wird (auf welche Art auch immer) Konzeptzeichnungen gezeichnet und aus diesen Zeichnungen die dreidimensionale Geometrie des Modells erstellt. Dann Texturen, die auf die Form einer Figur oder eines Objekts aufgetragen werden. Als nächstes erstellen sie die Knochen des Objekts und befestigen sie an der Form, damit sich die Form bewegen kann. Animatoren erhalten ein vorbereitetes Bewegungsmodell und beginnen mit der Animation. Je besser das Modell vorbereitet ist, desto natürlicher und flexibler sind seine Bewegungen. Nach der Erstellung der Animation wird die Szene visualisiert (von 3D in ein normales Bild übersetzt). Anschauliche Beispiele für solche Animationen sind die Cartoons des Pixar-Studios.

Ein Standbild aus dem Pixar-Film „Ratatouille“.

Kombinierte Animation.

Als kombinierte Animation bezeichnet man die Kombination einer beliebigen Animationsart mit einem Videofilm. Frühe Beispiele für solche Animationen könnten sein: der Film „Who Framed Roger Rabbit“, der Cartoon „The Adventure of Captain Vrungel“ usw. Mit der Entwicklung der 3D-Technologie und Computer-Spezialeffekten findet diese Art von Animation immer mehr in Spielfilmen statt und öfter. Das Hauptmerkmal moderner kombinierter Animationen ist ihr völliger Realismus.

Standbild aus dem Film „Jurassic World“ von Steven Spielberg

Andere Arten von Animationen.

Neben den aufgeführten Animationsarten gibt es noch weitere, zum Beispiel: Sandanimation, Laseranimation, Fotoanimation, Nadelanimation usw. Allerdings gelten diese Arten als weniger beliebt und ich habe mir in diesem Artikel nur erlaubt, sie zu erwähnen.

Arten von Animationen im Cardboard Tower Studio.

Unser Animationsstudio ist auf die Produktion von 2D-Computeranimationen spezialisiert. Dank der flexiblen Möglichkeiten von Computerprogrammen können wir gleichzeitig Cross-Cut- und klassische Animationen erstellen. Wir sind auch in der Lage, 3D-Animationen zu erstellen. Als Beispiel können Sie sich 3 Videos aus unserem Portfolio ansehen:

1. 2D-Computeranimation auf klassische Weise.

Es gibt ein Sprichwort: „Gutes Design ist sofort sichtbar, aber großartiges Design ist unsichtbar.“ Das gleiche Prinzip gilt für Animationen für mobile Anwendungen: Eine wirklich gute Animation macht die Anwendung für den Benutzer nützlich und erregt Aufmerksamkeit, ist aber praktisch unsichtbar. Die Hauptaufgabe jeder Animation besteht darin, dem Benutzer die Logik der Anwendung zu erklären. Um den Einsatz von Animationen zu optimieren, muss der Designer verstehen, welchen Platz sie in der Funktionalität der Anwendung einnehmen. In diesem Fall müssen Sie die Art der Animation selbst berücksichtigen, um sie dort einzusetzen, wo sie am besten geeignet ist.

VISUELLES FEEDBACK

Visuelles Feedback ist für jede Benutzeroberfläche äußerst wichtig. In der physischen Welt reagieren Objekte, wenn Menschen mit ihnen interagieren. Daher erwarten die Menschen dies unbewusst mobile Anwendungen es wird etwas Ähnliches geben. Visuelles, akustisches und taktiles Feedback gibt dem Benutzer ein Gefühl der Kontrolle bei der Verwendung der Anwendung, wobei visuelles Feedback anzeigt, dass die Anwendung wie erwartet funktioniert. Vergrößert sich beim Drücken eine Schaltfläche oder bewegt sich ein Bild in eine bestimmte Richtung, dann wird für den Nutzer deutlich, dass die Anwendung auf seine Befehle reagiert. Im folgenden Beispiel aktiviert der Benutzer das Kontrollkästchen, um eine Auswahl zu treffen. Das Datenfeld wird verkleinert und ändert seine Farbe in Grün.

Hin zum visuellen Typ Rückmeldung Dies gilt auch für die Technik, das Bild horizontal zu verschieben. Der Benutzer schiebt das Bild an den Rand des Displays, das Bild verschwindet und an seiner Stelle erscheint ein neues.

FUNKTION „ÄNDERUNG“.

Diese Art von Animation zeigt, wie sich ein UI-Element verändert, wenn Sie mit ihm interagieren. Diese Technik kann verwendet werden, wenn Sie veranschaulichen müssen, wie sich die Funktion eines Elements ändert. Orientierungsanimationen eignen sich hervorragend für Schaltflächen, Symbole und andere kleine Designelemente.

Im Beispiel unten können Sie sehen, dass sich das Symbol der Schnellaktionsschaltfläche ändert Aussehen Wechseln Sie vom Hamburger-Menü zur Schaltfläche „X“, um dem Benutzer anzuzeigen, dass sich die Funktion der Schaltfläche geändert hat.

Und im zweiten Beispiel ändert sich das Symbol zusammen mit dem Inhalt.

ORIENTIERUNG IM RAUM

Die meisten Anwendungen verfügen über komplexe, komplexe Strukturen und die Aufgabe des Designers besteht darin, die Navigation so einfach wie möglich zu gestalten. Animationen können bei der Lösung solcher Probleme sehr nützlich sein. Wenn die Animation zeigt, wo das Steuerelement versteckt ist, kann der Benutzer es beim nächsten Mal leicht finden. Das folgende Beispiel zeigt ein Menü in einer Navigationsleiste. Wenn Sie auf das Symbol klicken, wird es umgedreht und der Benutzer erhält Zugriff auf Bereiche der Anwendung.

Im folgenden Beispiel können wir mithilfe der Animation zusätzliche Optionen demonstrieren, die am unteren Bildschirmrand angezeigt werden, und so die mögliche Aktionsauswahl des Benutzers erweitern.

HIERARCHIE DER ELEMENTE UND IHRE INTERAKTION

Animationen sind ideal, um verschiedene Teile einer Benutzeroberfläche zu beschreiben und zu zeigen, wie sie miteinander interagieren. Jedes animierte Oberflächenelement hat seinen eigenen Zweck und Ort. Wenn beispielsweise eine Schaltfläche ein Popup-Menü aktiviert, wäre es besser, wenn dort Schaltflächen vorhanden wären und nicht nur ein Schieberegler. Dies hilft dem Benutzer zu verstehen, dass die beiden Elemente (Schaltfläche und Popup-Menü) zusammenhängen.

Jede Animation sollte die Verbindungen zwischen Elementen hervorheben. Bei der Erstellung intuitiver Benutzeroberflächen sind die visuelle Hierarchie und die Interaktion der Elemente wichtig. Im Beispiel unten erscheint das Menü, wenn Sie auf das Symbol klicken, und der Benutzer versteht sofort, dass es sich um dasselbe Element handelt, nur vergrößert.

Im zweiten Beispiel vergrößert sich die Informationskarte, wenn der Benutzer darauf klickt. Alles ist gleich: Es ist sofort klar, dass es sich um dasselbe Element handelt und der Unterschied nur im Maßstab liegt.

VISUELLER HINWEIS

Animationen können den Benutzer bei der Interaktion mit Designelementen unterstützen. Es ist besonders wichtig, einen visuellen Hinweis bereitzustellen, wenn die Anwendung komplex ist und es für den Benutzer schwierig ist, die Logik des Zusammenspiels der Elemente zu verstehen. Die folgende Abbildung zeigt, wie diese Technik angewendet werden kann. Der Benutzer öffnet einen Blog und am unteren Bildschirmrand werden Karten mit Artikeln angezeigt. Um den gewünschten Artikel zu finden, muss der Benutzer die Karten horizontal verschieben, um sich mit dem präsentierten Inhalt vertraut zu machen.

Der gleiche Ansatz ist im zweiten Beispiel zu sehen, nur dass hier die Animation verwendet wird, um einen Hinweis bei der Auswahl eines Social-Network-Symbols zu geben.

ZUSTAND DES SYSTEMS

Es gibt immer eine Reihe von Prozessen, die „unter der Haube“ der Anwendung ablaufen, einige Berechnungen finden statt, Daten werden vom Server heruntergeladen und so weiter. Die Aufgabe des Designers besteht darin, den Benutzer darüber zu informieren, dass die Anwendung funktioniert, und den Fortschritt des Prozesses zu demonstrieren. Wenn der Benutzer sieht, dass die Anwendung funktioniert, hat er das Gefühl, dass er den Prozess unter Kontrolle hat und alles so läuft, wie es sollte. Idealerweise sollte jeder Vorgang von einer separaten Animation begleitet werden. Wenn beispielsweise eine Audioaufnahme abgespielt wird, zeigt die Anwendung möglicherweise eine sich bewegende Audiospur an. In Echtzeit kann eine animierte Schallwelle anzeigen, wie laut die Aufnahme ist.

Eines der häufigsten Beispiele für diese Art von Animation ist die Pull-To-Refresh-Technik, die beim Laden von Elementen auf Wunsch des Benutzers verwendet wird.

LUSTIGE ANIMATION

Diese Art von Animation kann auf unterschiedliche Weise eingesetzt werden. Oft werden solche Animationen auf dumme Weise eingesetzt und können die Anwendungsentwicklung erheblich erschweren. Aber wirklich einzigartige Animationen können für den Benutzer sehr attraktiv sein und die App von der Konkurrenz abheben. Animation „zum Spaß“ ist eines der geheimen Elemente eines Entwicklers, der möchte, dass Benutzer seine Anwendung lieben. Außerdem können interessante Animationen dazu beitragen, eine wiedererkennbare Marke zu schaffen.

Im Beispiel unten sehen die sich bewegenden Kreise sehr ungewöhnlich aus und erregen die Aufmerksamkeit des Benutzers. Die Möglichkeit, diese Kreise auf dem Bildschirm zu bewegen, fesselt den Benutzer und fügt der Arbeit mit der Anwendung ein Gaming-Element hinzu. Es ist einfach und macht Spaß.

Auch ein langweiliger Pull To Refresh kann zum Spaß werden, wie in diesem Beispiel mit dem Bild eines Topfes mit kochendem Wasser.

Allerdings sollte ein Designer, der dem Design ein wenig Humor und Spaß verleihen möchte, berücksichtigen, dass die Animation wichtige Funktionen der Anwendung nicht vor dem Benutzer verbergen sollte. Sie sollten auch auf die Zeit der Interaktion mit der Anwendung achten – lustige Funktionen sollten die Aufmerksamkeit des Benutzers nicht zu sehr ablenken.

GRUNDLEGENDE DESIGNPRINZIPIEN

Die wichtigsten Arten der Animation wurden oben besprochen. Aber um wirklich beeindruckende Animationen zu erstellen, müssen Sie sich an die neun Animationsprinzipien erinnern, die vom großen Walt Disney formuliert wurden. Diese Prinzipien können effektiv beim Design von Benutzeroberflächen eingesetzt werden.

MATERIAL

In der Natur weist jedes Objekt eine Reihe von Eigenschaften auf. Gleiches gilt für Designelemente. Was sind Sie? Leicht oder schwer, starr oder flexibel, flach oder voluminös? Der Designer muss dem Benutzer eine Vorstellung davon geben, wie das Oberflächenelement bei der Arbeit mit der Anwendung reagieren wird.

VERLAUF DER BEWEGUNG

Bei der Animation ist es wichtig, sich für die Art der Bewegung zu entscheiden. Allgemeine Prinzipien besagen, dass unbelebte Objekte einen geraden Bewegungspfad haben, während sich Lebewesen auf einem flexibleren Pfad bewegen. Nachdem Sie entschieden haben, wie sich die Elemente bewegen werden, müssen Sie bei der gewählten Strategie bleiben.

TIMERING

Der Zeitpunkt der Bewegung eines Elements ist ein sehr wichtiger Faktor beim Erstellen von Animationen. In der realen Welt bewegen sich Objekte nicht nach den Regeln der linearen Bewegung; sie brauchen Zeit, um schneller oder langsamer zu werden. Um die Bewegung von UI-Elementen natürlicher zu gestalten, können Sie eine ungleichmäßige Beschleunigung verwenden.

FOKUS AUF ELEMENT

Sie können die Aufmerksamkeit des Benutzers auf einen bestimmten Teil des Bildschirms lenken. Beispielsweise kann ein blinkendes Warnsymbol den Benutzer darauf aufmerksam machen, dass wichtige Daten vorliegen. Diese Art der Animation wird in komplexen Schnittstellen mit vielen Elementen verwendet. Wenn es nicht möglich ist, ein bestimmtes Element hervorzuheben, können Sie die Technik der Fokussierung auf das Objekt verwenden.

AKTIONSERGEBNIS UND ÜBERLAPPUNG

Bei mehreren Elementen können sich diese gleichzeitig bewegen, jedoch nicht synchron. Wenn ein Element stoppt, kann es sein, dass ein anderes etwas später den Endpunkt erreicht. Wenn eine Person beispielsweise einen Ball wirft, bewegt sich ihre Hand immer noch weiter, obwohl die Aktion selbst beendet ist. Die Überlappung erregt die Aufmerksamkeit des Benutzers, da die Animation natürlicher wirkt.

ZUSÄTZLICHE SCHRITTE

Begleitend zur Hauptanimation wird das Prinzip der Zusatzaktionen genutzt. Zusätzliche Animationen machen das Design interessant, können aber die Aufmerksamkeit des Benutzers ablenken.

Sanfte Beschleunigung

Wie bereits erwähnt, bewegen sich Objekte in der Realität nicht mit konstanter Geschwindigkeit. Sie beschleunigen mehr oder weniger gleichmäßig und bremsen auch ab. Dieser Grundsatz muss bei der Entwicklung von Benutzeroberflächen berücksichtigt werden.

ERWARTUNG

Das Erwartungsprinzip ähnelt in gewisser Weise den visuellen Hinweisen. Bevor die Animation erscheint, müssen Sie dem Benutzer etwas Zeit geben, damit er verstehen kann, was als nächstes passieren wird. Wenn mehrere Elemente in einem Stapel präsentiert werden, kann das letzte animiert werden, sodass der Benutzer erraten kann, wie er mit den anderen interagieren soll.

RHYTHMUS

In der Animation erfüllt der Rhythmus die gleiche Funktion wie in der Musik: Er organisiert Bewegungen und macht sie natürlicher.

ÜBERTREIBUNG

Übertreibung wird in Animationen oft verwendet, aber dieses Prinzip ist nicht einfach zu veranschaulichen, da diese Technik dazu dient, hohe Erwartungen zu wecken. Dies trägt dazu bei, die Aufmerksamkeit auf eine bestimmte Funktion zu lenken.