Webdesign aus Rostock - Hobby Erstellung von Webseiten

Barrierefreie Homepages für den professionellen Internetauftritt - kostenfreie Homepageerstellung und Homepagegestaltung, Anfertigung von Internetseiten und Redesign veralteter Internetpräsenzen sowie SEO Suchmaschinenoptimierung und vieles mehr....


Tutorial zum Erstellen einer Glitzerschrift


Es gibt diverse Möglichkeiten zum Erstellen von glitzernden, funkelnden und blinkenden Schriften, was auch in vielen Tutorialen bereits ausführlich beschrieben worden ist. Verwendet werden dazu Bildbearbeitungsprogramme, wie beispielsweise Photoshop, PhotoImpact, Gimp, Picasa, Corel Draw usw. und ein Animator, der entweder im Bildbearbeitungsprogramm mit enthalten ist oder in Form eines weiteren Programms, wie z.B. der Gif-Animator von Microsoft, hinzugezogen wird.

Nachfolgend nun einmal ein recht einfaches und hoffentlich auch verständlich erklärtes Tutorial zum Erstellen einer Glitzerschrift. Ich habe dafür das Bildbearbeitungsprogramm PhotoImpact 12 verwendet und beschreibe nachfolgend sowie bebildert die einzelnen Arbeitsschritte zur Erstellung der animierten Schrift Willkommen.

Grafik

Grafik

Sie öffnen im PI 12 eine neue Leinwand, wählen die Größe (z. B. 320x200) und die Einstellung Transparent aus.

Grafik

Danach eine Schriftart nach Wunsch auswählen.

Sie schreiben einen Text, in diesem Beispiel das Wort Willkommen.

Grafik

Sie verdoppeln anschließend das Bild, in dem Sie in der PI 12 Menüleiste auf Bearbeiten --> Duplizieren --> Basisbild mit Objekt klicken. Sie können das Ganze im Ebenen-Manager verfolgen, wo Sie nun die zwei identischen Bilder sehen, aber im Grunde lassen sich die beiden Bilder auch ohne Ebenen-Manager bearbeiten, wenn sie sich beide im Fenster des Bildbearbeitungsprogramms befinden.

Grafik

Sie wählen zur Bearbeitung das erste Bild aus, in dem Sie mit der Maus auf die Schrift im Bild klicken. Im Menü von PhotoImpact 12 wählen Sie oben Effekt --> Füllungen und Texturen --> Magischer Farbverlauf... aus. Es erscheint ein kleines Fenster, in dem Sie als Textur Modus 9 auswählen und entsprechend anklicken.

Grafik

Mit Klick auf den Button Bearbeiten (unter dem Farbkreis) eine Farbe auswählen (z.B. 005 = lila). Mit einem Rechtsklick auf die beiden unteren rechten kleinen Kästchen, die sich am Farbkreis bzw. um ihn herum befinden, lassen sich diese löschen. Dadurch verändert sich die Textur. Und Sie bestätigen mit OK.

Grafik

Die Schrift des ersten Bildes ist nunmehr in der Farbe Lila. Jetzt speichern Sie das Bild als Gif ab. Danach wählen Sie das zweite Bild aus, in dem Sie wiederum auf den Text im Bild klicken und wiederholen die zuvor beschriebenen Schritte unter Effekt --> Füllungen und Texturen --> Magischer Farbverlauf....., jedoch mit dem Unterschied, dass Sie nun nicht die kleinen Kästchen um den Farbkreis herum löschen, sondern nur noch den Wert der Farbtonverschiebung etwas minimieren und somit einen etwas anderen Farbwert als bei der ersten Schrift erzielen.

Grafik

Jetzt ist auch die zweite Schrift in einem lila Farbton. Speichern Sie das zweite Bild nun als neue Gif-Datei ab. Damit haben Sie zwei Gif-Dateien, die nun entsprechend zu animieren sind. Sie wechseln jetzt in den Gif-Animator, in diesem Fall in den Microsoft Gif-Animator, der m.E. für diese kleine Animation einfacher zu handhaben ist, als der Gif-Animator in PhotoImpact 12, natürlich aber lässt sich auch jeder andere Gif-Animator verwenden.

Grafik

Im Animator gehen Sie auf open (Datei öffnen) und übernehmen Ihr erstes Gif-Bild, danach klicken Sie auf Insert und übernehmen Ihr zweites abgespeichertes Gif-Bild.

Grafik

Sie klicken anschließend auf Select, damit beide Bilder in die folgende Bearbeitung eingeschlossen werden. Danach klicken Sie auf Animation und setzen ein Häckchen in die Kästen Looping und Repeat Forever.

Grafik

Sie klicken dann auf Image und wählen in der Zeile Duration die Animationsgeschwindigkeit aus. In diesem Beispiel habe ich 10 gewählt. Mit einem Klick auf den Pfeil rechts oben in der Menüleiste des Microsoft Gif-Animators können Sie eine Vorschau sehen. Gefällt sie Ihnen noch nicht, lässt sich die Animationsgeschwindigkeit unter Duration entsprechend verändern.

Grafik

Abgespeichert wird die Animation durch Klick auf Save As (Symbol mit den mehreren Disketten) unter einem neuen Datei-Namen. Und das war es, die Glitzerschrift ist fertig !

Grafik

Zum Seitenanfang

GrafikGrafik