Animierter Engel
Von: Graham

Schritt 1: Öffnet ein Bild eurer Wahl

Klickt auf den Button "Öffnen". Dann wählt das Bild, mit dem ihr arbeiten möchtet, oder nehmt den Engel aus der Download-Datei, wenn ihr kein anderes Bild zur Hand habt.

Wenn das von euch gewählte Bild geladen ist, geht zu Bild || Bildinformationen, notiert die Größe und klickt dann auf "Abbrechen".

Klickt als nächstes auf den Button "Neues Bild" und stellt als Breite und Höhe die Größe eures Bildes ein, außerdem den Hintergrund eures Bildes, dann klickt auf OK.

(Wenn ihr das Bild "/tutorial/html/tut7eff/angel.jpg" verwendet, ist euer neues Bild 300x300 Pixel groß, weißer Hintergrund, 16 Millionen Farben.)

Schritt 2: Gebt eurer Animation einen Titel

Klickt auf das Text-Werkzeug in eurer Werkzeugleiste. Dann geht mit dem Cursor über das neue, leere Bild, das ihr im ersten Schritt erstellt habt, und klickt irgendwo in das Bild. Im Dialogfenster "Text einfügen" klickt ihr zuerst auf den Button "Standard-Text", dann stellt ihr folgendes ein:
– Farbe für die Füllung = eure Wahl
– Schriftart und Schriftgrad = eure Wahl
– Kerning und Zeilenabstand = 0
– Auto-Kerning = aktiviert
– Text = ein Titel eurer Wahl

Klickt auf OK und zieht den Text in die gewünschte Position (wenn ihr den Cursor über einen der Buchstaben bewegt, ändert sich die Cursorform und ihr könnt den Text verschieben). Danach macht ihr einen Rechtsklick, um den Text fest an seine Position zu setzen und die Markierung zu entfernen.

Für den Titel für den animierten Engel habe ich And getippt, an die richtige Stelle gezogen, dann habe ich An getippt und positioniert, dann Angel, dann Did, und zuletzt Appear.

Jetzt laßt uns um die linke untere Hälfte des Textes einen schmalen Halbmond setzen! Das macht ihr folgendermaßen:

Klickt auf das Auswahl-Werkzeug in der Werkzeugleiste und eventuell auf den Button "Ein-/Ausschalten der Stil-Palette", um die Stil-Palette zu öffnen. Wählt den Auswahltyp = Kreis.
(Merkt euch das für Schritt 4.)

• Geht mit dem Cursor in die Mitte eures Titels.
• Haltet die linke Maustaste gedrückt und zieht mit der Maus einen gestrichelten Kreis (Laufrahmen) um euren Titel auf.
• Laßt die Maustaste los und geht in die Mitte des Laufrahmens.
• Haltet die Maustaste wieder gedrückt und zieht das Bild ein bißchen schräg nach rechts oben.
• Hebt die Auswahl auf (Strg+D).

Hey, presto, ein Halbmond!

Geht zu Datei || Speichern unter und speichert das Bild unter irgendeinem Namen, gefolgt von einer 1, z.B. "Engel1". Jetzt könnt ihr dieses Bild schließen.

Schritt 3: Das Bild in ein Schwarz-/Weiß-Bild umwandeln

Wenn euer Originalbild nicht geöffnet ist, öffnet es jetzt. Dann dupliziert es, um das Original zu erhalten (Fenster || Duplizieren).

• Geht zu Farben || Graustufenbild, um es in ein Schwarz-/Weiß-Bild umzuwandeln.
• Dann geht zu Farben || Farbeinstellungen || Helligkeit/Kontrast.
• Setzt den Kontrast = 0 und die Helligkeit = 255. Euer Vorschaubild sieht dann leer (weiß) aus.
• Jetzt schiebt den Schieberegler für die Helligkeit zurück, bis wieder ein wenig von dem Bild erscheint. (Verringert die Helligkeit um ca. 50.)
• Geht wieder zu Datei || Speichern unter und erhöht die Nummer nach dem Dateinamen um 1, z.B. "Engel2".

Wiederholt das noch ungefähr 3-5 Mal und speichert jedesmal mit Datei || Speichern unter und einer um 1 höheren Nummer ab, bis ihr wieder bei dem ursprünglichen Schwarz-/Weiß-Bild angekommen seid.

Schritt 4: Die Farbe wieder ins Bild bringen

Öffnet sowohl das Original- als auch das Schwarz-/Weiß-Bild, so daß sie beide nebeneinanderstehen. Wir brauchen jetzt nur diese beiden Bilder, schließt also alle anderen Bilder, die vielleicht noch geöffnet sind. Klickt auf das Schwarz-/Weiß-Bild, um es zum aktiven Bild zu machen.

Geht zu Farben || Farbtiefe erhöhen || 16 Millionen Farben.

Klickt auf Ansicht || Lineale, so daß bei beiden Bildern das obere und linke Lineal eingeschaltet wird.

Klickt auf das Auswahl-Werkzeug und wählt als Auswahltyp = Kreis. (Wie bei Schritt 2.)

• Jetzt plaziert den Cursor in die Mitte des Originalbildes.
• Orientiert euch an den Linealen und haltet die linke Maustaste gedrückt.
• Zieht die Maus nach unten, so daß die Anzeigelinie auf dem oberen Lineal an derselben Position bleibt (beim Engel-Bild z.B. fange ich bei 150 an, und wenn ich die Maus nach unten ziehe, bleibt die Anzeigelinie bei 150 auf den oberen Lineal).
• Wenn ihr einen kleinen Auswahlkreis in der Bildmitte aufgezogen habt, laßt die Maustaste los.
• Merkt euch die Position auf dem linken Lineal, wenn ihr die Maustaste loslaßt!

Fast geschafft.

• Kopiert den Kreis (drückt Strg+C oder geht zu Bearbeiten || Kopieren).
• Klickt auf die Titelleiste des Schwarz-/Weiß-Bildes, um es zu aktivieren.
• Dann drückt Strg+E oder geht zu Bearbeiten || Einfügen || Als neue Auswahl.
• Plaziert die Auswahl in der Bildmitte, nutzt die Lineale zur Orientierung.

Jetzt geht zu Datei || Speichern unter und speichert das Bild als nächstes in der Nummernfolge, z.B. "Engel7". Danach schließt das Bild.

Durch Datei || Speichern unter anstatt Datei || Speichern bleibt uns das ursprüngliche Schwarz-/Weiß-Bild als Datei erhalten.

Schritt 5: Immer mehr Farbe

Öffnet das Schwarz-/Weiß-Bild, so daß wir Schritt 4 wiederholen können. Die Lineale sollten immer noch eingeschaltet sein. Wenn ihr die Maus auf dem farbigen Bild plaziert und herunterzieht, dann geht diesmal auf dem linken Lineal weiter nach unten als beim ersten Mal (ihr habt euch den Wert doch gemerkt, oder?).

Zum Beispiel: Beim Engel-Bild habe ich beim ersten mal von der Mitte auf dem linken Lineal (150) bis zu 170 nach unten gezogen, also gehe ich diesmal bis 200, damit ich einen größeren Kreis bekomme.

• Drückt Strg+C oder geht zu Bearbeiten || Kopieren.
• Dann klickt auf die Titelleiste des Schwarz-/Weiß-Bildes, um es zu aktivieren.
• Dann drückt Strg+E oder geht zu Bearbeiten || Einfügen || Als neue Auswahl. Nutzt die Lineale zur Orientierung und schiebt die Auswahl in die Bildmitte.

Jetzt geht zu Datei || Speichern unter und speichert das Bild als nächstes in der Nummernfolge, z.B. "Engel8".

Wiederholt dies, bis das Schwarz-/Weiß-Bild wieder ganz farbig ist. Das vollständig farbige braucht ihr nicht mehr zu speichern, da ihr davon schon eine Datei habt.

Schritt 6: Zeit für die Animation

Geht zu Datei || Jasc Software Produkte || Animation Shop starten. Wenn Animation Shop geöffnet ist, klickt auf den Button "Animations-Wizard".

Im ersten Dialogfenster stellt folgendes ein:
– Größe des ersten Bildes = aktiviert, klickt auf "Weiter".
– Transparent = aktiviert, klickt auf "Weiter".
– Zentriert in der Rahmenmitte = aktiviert
– Mit der Leinwandfarbe = aktiviert, dann klickt auf "Weiter".
– Kontinuierliche Wiedergabe = aktiviert
– Wie lange ... = 10, dann klickt auf "Weiter".

Klickt auf den Button "Bild hinzufügen". Dann wählt die Bilder aus, die ihr für die Animation gemacht habt. Bringt sie mit den Buttons "Nach oben" und "Nach unten" in die richtige Reihenfolge, dann klickt auf "Weiter", danach auf "Fertig stellen".

Jetzt klickt auf den Button "Animationswiedergabe" und seht, wie eure Animation zum Leben erweckt wird.

Schritt 7: Entspannt euch

Macht einen Rechtsklick auf den ersten Rahmen im Animationsbilder-Fenster und ändert im Dialogfenster "Einzelbildeigenschaften" die Wiedergabezeit = 150. So hat man Zeit genug, den Titel auch zu lesen. Ihr könnt es auch länger als 150 machen, wenn ihr möchtet.

Macht in jedes Bild im Animationsbilder-Fenster einen Rechtsklick und ändert im Dialogfenster "Einzelbildeigenschaften" die Wiedergabezeit auf einen Wert, der euch für eure Animation gefällt.

Dann geht zu Datei || Speichern unter und gebt eurer Animation einen Namen.

Bis zu meinem nächsten Animations-Tutorial – viel Spaß beim experimentieren!