So Erstellen Sie Animationen Auf Ihrer Website

Inhaltsverzeichnis:

So Erstellen Sie Animationen Auf Ihrer Website
So Erstellen Sie Animationen Auf Ihrer Website

Video: So Erstellen Sie Animationen Auf Ihrer Website

Video: So Erstellen Sie Animationen Auf Ihrer Website
Video: So erstelle ich Animationen in meinen Tutorials | Camtasia Studio 9 Animationen erstellen 2024, Kann
Anonim

Wenn Sie animierte Elemente auf Websites mögen und Ihre Website animieren möchten, sich aber nicht mit Flash beschäftigen möchten, gibt es eine einfache und effektive Lösung - animiertes GIF. Sie benötigen keine Programmierkenntnisse oder spezielle Plug-Ins, um animierte GIFs zu erstellen. GIF-Animationen sind ein einfacher Satz von Folien (Bildern), die sich in einem bestimmten Zeitintervall gegenseitig ersetzen. Das Abspielen dieser Bilder in Abständen von mehreren Millisekunden erzeugt einen Bewegungseffekt, ähnlich wie wenn wir in der Kindheit auf jeder Seite eines Notizbuches gemalt und dann sehr schnell durchgeblättert haben.

So erstellen Sie Animationen auf Ihrer Website
So erstellen Sie Animationen auf Ihrer Website

Es ist notwendig

Computer, Grafikeditor Adobe Photoshop 5 oder höher, Editor Adobe Image Ready

Anleitung

Schritt 1

Starten Sie Photoshop und erstellen Sie ein neues 100x100-Pixel-Bild. Stellen Sie die Auflösung auf 72 Pixel und den RGB-Modus ein. Wählen Sie die Option Ebenen anzeigen aus dem Menüelement Fenster, um die Ebenen-Palette anzuzeigen.

Schritt 2

Wählen Sie in der Werkzeugpalette einen Bleistift aus und zeichnen Sie ein Bild. Klicken Sie in der Ebenenpalette auf Ebene duplizieren, um eine Kopie einer vorhandenen Ebene zu erstellen. Verwenden Sie das Radiergummi-Werkzeug, um einen beliebigen Teil des Bildes zu löschen, und fügen Sie dann mit einem Bleistift Änderungen hinzu. Erstellen Sie so viele Ebenen wie nötig in der Reihenfolge, in der sie sich gegenseitig ersetzen sollen. Jede Ebene ist ein separater Frame Ihrer Animation.

Schritt 3

Es ist Zeit, die resultierenden Frames zu animieren. Wählen Sie im Menü Datei die Option Springen zu und dann Adobe Image Ready. Diese Aktion führt Sie zu einem anderen Grafikeditor.

Schritt 4

Wählen Sie im Menü Fenster die Option Animation anzeigen, um die Anzeige der Animationspalette zu aktivieren. Wählen Sie im Paletteneinstellungsmenü (Pfeilsymbol in der oberen rechten Ecke) die Funktion Rahmen aus Ebenen erstellen, wodurch alle Ebenen in Rahmen umgewandelt werden. Die Animation ist fast fertig.

Schritt 5

Es ist Zeit, mit der Einstellung des Zeitintervalls zu beginnen. Wählen Sie den gewünschten Rahmen aus und wählen Sie im Drop-Down-Menü (links unten) die gewünschte Zeitspanne, nach der dieser Rahmen durch einen anderen ersetzt wird. Tun Sie dies für jeden Frame Ihrer Animation. Wenn Sie fertig sind, verwenden Sie die Option Optimiert speichern unter, um Ihr erstes animiertes

Empfohlen: