Tutorial für animierte Diamant-Schrift
#1
Hier werde ich erklären, wie man eine etwas andere Art der animierten Glitzerschrift erstellen kann. Im Stil eines Diamanten:

[Bild: 4ff24c31.gif]

Diese Animation besteht aus drei Bildern.

Das ist eine der Varianten, die ich im mir ausgedacht habe und ich hoffe, ihr habt genauso viel Spaß damit wie ich! ;-)



Zunächst einmal brauchen wir die Textur (Füllung) für unsere Schrift. Hier habe ich drei Texturen gemacht, die gleichzeitig auch die Grundlage für unsere Animation bilden. Diese müsst ihr euch in genau dieser Reihenfolge abspeichern. Am besten nummeriert, so dass ihr sie gut wiederfindet!

[Bild: a2dcad98.jpg] [Bild: ba30cf92.jpg] [Bild: f1921f60.jpg]


Als nächstes öffnet ihr eine neue Leinwand. Darin schreibt ihr euren Text. Für die Diamant-Ani sucht ihr euch am besten eine breitere Schrift aus. Die Farbe ist erstmal egal. Ihr stellt nun euren Text in den Modus 3D-Meißel, mit einem Rand von 95 und einer Tiefe von 30. Weiterhin setzt ihr in der Textpalette die Transparenz auf 30%, und nehmt noch folgende Einstellungen vor:


[Bild: 40c6e4b1.jpg]


Dann suchen wir uns den geeigneten Hintergrund für unsere Animation aus. Am schönsten sieht ein dunkler nicht zu unruhiger Hintergrund aus:

[Bild: 3ea767f2.jpg]


Jetzt markieren wir wieder unseren Text, und klicken auf Strg+f. Es öffnet sich folgendes Fenster:


[Bild: fa72c458.jpg]





Dort wählen wir das Register "Bild", und fügen unter "Datei" die erste abgespeicherte Textur ein! "Bild einpassen" aktivieren, und auf OK klicken. Der Text wurde jetzt mit der Textur gefüllt.

Diesen Text verdoppeln wir jetzt, und zwar so, dass beide Schriften direkt übereinander liegen. Den untersten Text stellen wir in den Modus 3D-Pipe, und setzen den Rand und die Tiefe auf 1. Ihr klickt Strg+b um diesen Text nun etwas dunkler zu machen (er soll unsere Hauptschrift umranden und kompakter wirken lassen). Dazu könnt ihr folgende Einstellungen verwenden:



[Bild: ab951b0f.jpg]



Das erste Bild ist fertig. Als nächstes verdoppeln wir dieses Bild, so dass wir zwei identische Bilder haben. Nun nehmen wir uns das zweite Bild vor: Wir markieren die Hauptschrift und klicken wieder Strg+f. Dann fügen wir unsere zweite abgespeicherte Textur ein!

[Bild: bfad22df.jpg]


So haben wir auch das zweite Bild fertig. Dieses verdoppeln wir dann auch, und gehen mit dem dritten und letzten Bild genauso vor. Wir fügen die dritte Textur ein.


Unsere drei Animations-Bilder sind nun fertig. Damit wir bei unserer Schrift das Funkeln noch verstärken, können wir mit dem Sparkle-Filter Akzente setzen. Damit sollte man aber eher sparsam und gezielt umgehen, sonst wirkt unsere Animation zu überladen.

Ihr beginnt wieder mit dem allerersten Bild. Wichtig: Vorher alles einbinden! Ihr sucht euch die Stelle aus, wo die funkelnden Sternchen erscheinen sollen, und markiert diese mit dem Auswahl-Werkzeug. Die besten Stellen dafür sind Eckpunkte, oder ein i-Punkt z.B. Dann klickt ihr auf den Sparkle und nehmt dort die weiteren Einstellungen (Größe usw.) vor.


[Bild: d006ee95.jpg]


Störenden oder unerwünschte Sternchen könnt ihr ganz einfach wegradieren, der Bereich sollte noch markiert sein:


[Bild: 234efd50.jpg]


Wenn das geschafft ist, am Ende noch alles einbinden und genauso mit dem zweiten und dritten Bild vorgehen. In der Größe meiner Animation reichen ein bis zwei Sternchen für jedes Bild völlig aus.

Jetzt brauchen wir unsere Bilder nur noch in den Gif Animator einzufügen. Für die Ani oben habe ich folgende Verzögerungs-Werte verwendet 9+7+9 Sek.




Hier noch ein Tipp für Fortgeschrittene:
Wenn man die Buchstaben getrennt bearbeitet, bekommt die Schrift auch mehr Diamant-Facetten:

[Bild: 7b435b16.gif]

Dafür müsst ihr in der Textpalette den Text als Buchstaben trennen. Die einzelnen Buchstaben markieren und mit den einzelnen Texturen versehen. Dafür braucht man etwas Übung, denn das Ganze muß man auch auf alle drei Bilder anwenden und jeder Buchstabe braucht eine andere Textur. Je nachdem wie lang der Text ist, kann man da schnell durcheinander kommen.


[Bild: e30f3f3e.jpg]





Natürlich könnt ihr die Texturen auch auf andere Formen anwenden, andere Farben verwenden oder den Hintergrund transparent lassen.

[Bild: 602462e4.gif] [Bild: 48e875cb.gif]




Ich hoffe, dass ich diese kleine Anleitung verständlich rüberbringen konnte und dass es nicht zu schwierig nachzubasteln ist. Über Fragen, Anregungen und vor allem eure Ergebnisse würde ich mich sehr freuen! Smile
Zitieren
#2
Oh, herzlichen Dank, Jolina, die Anleitung sollte problemlos nachzuarbeiten sein. Aber eins nach dem andern. Ich habe grad noch etwas Anderes angefangen.

Sieht sehr schön aus, der Diamant würde uns wohl eine Zeit lang gut leben lassen. Aber ich finde Diamanten über zwei Karat recht gewöhnlich, da meint jeder, sie seien falsch! Drum trage ich auch selten solche Klunker, man will ja nicht hoch angeben....!

Danke, die Anleitung ist sehr gut geschrieben, ich glaube, damit sind meine andern Fragen auch beantwortet.

[Bild: 740159.jpg]
Zitieren
#3
Klasse Tutorial, Jolina. :icon_bravo: :icon_bravo:

Liebe Grüße
Rieke
Zitieren
#4
ui Klasse,,

das probiere ich später mal aus,, ich werde es dann reinstellen wenn es fertig ist bzw wenn es was geworden ist :oops:MrGreen

lg
Ilka
Zitieren
#5
Dankeschön regi, auch für das schöne Bild! Bussi

Danke dir Rieke! Bussi

Vielen Dank Ilka! Bussi ...und hat es denn geklappt? Würde mich echt interessieren ;-)
Zitieren
#6
hallo Jolina,

nein leider noch nicht, ich bin bei dem verdoppeln hängen geblieben, das habe ich noch nicht gefunden, ich habe glaube ich auch eine andere PI version zumindest schaut das bei mir immer anders aus *lach* ich habe PI 12
aber ich versuche es weiter und werde es bestimmt auch noch schaffen, ich fange ja grade erst an mit PI :oops:MrGreen

sobald ich es geschafft habe werde ich es natürlich reinsetzen ;-)

lg
Ilka
Zitieren
#7
Das schaffst du schon Ilka! :icon_troest: Man muß halt auch ein bissel üben, ne ;-) ...aber wie gesagt, falls irgendetwas nicht klappt, ruhig fragen!

So geht das Verdoppeln....

Bild verdoppeln: Strg+d

Schrift verdoppeln: Schrift markieren und Umsch+d



Kann sein, dass es bei dir anders aussieht, ich habe ja auch PI 7 MrGreen ...aber ich denke die Grundfunktionen sind gleich.
Zitieren
#8
Hallo,

hat jemand eventuell dieses Tutorial noch im Bestand mit den Bildern, ich würde das gerne mal nacharbeiten.

Ganz lieben Dank

Gabi
Zitieren



Möglicherweise verwandte Themen...
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Animierte Bilder Sheratan 21 9.423 05.05.2016, 21:00
Letzter Beitrag: Jürgen
  Wie animiere ich eine Schrift? Nellie2008 9 5.274 07.08.2014, 15:38
Letzter Beitrag: Gabi
  Schrift auf Gif angie_bln 16 6.057 17.02.2013, 14:17
Letzter Beitrag: angie_bln
  Blitz Tutorial Seelenchaos 2 1.646 27.09.2012, 16:10
Letzter Beitrag: Seelenchaos
  Wie Animierte Schrift in festes Bild einfügen??? PSO Hexe 5 6.858 18.12.2011, 14:55
Letzter Beitrag: Gabi
  PI x3 animierte schrift ganzliebe 6 3.541 13.11.2011, 17:09
Letzter Beitrag: mausepauline
  Animierte Signatur Seelenchaos 3 2.414 12.10.2010, 14:38
Letzter Beitrag: Seelenchaos
  Wie erstelle ich eine animierte Schrift? Snoopy984 1 2.781 14.07.2010, 11:31
Letzter Beitrag: Anch
  Animierte Signatur Sonntagskind 3 2.290 25.05.2010, 15:18
Letzter Beitrag: Sonntagskind
  Animierte Blumen? hexe 5 2.071 11.03.2009, 22:57
Letzter Beitrag: hexe