Tutorialbeschreibung

Animierter Glanz (CS3)

Animierter Glanz (CS3)

Hier in meinem ersten Tut, zeige ich was ich mal so gebastelt hab und erkläre wie ihr das nachmachen könnt.


Schritt 1:
Neu....> 400 x 250 (euch überlassen)
Alles einmal ganz in schwarz eingefärbt und mit dem Textwerkzeug beliebigen Text mit beliebiger Schrift einfügen.


Bilder

Schritt 2:
Text rastern (Rechtsklick auf die Textebene > Text rastern) und diese Ebene dann duplizieren. Gehe auf die Originalebene und drücke "Strg+E". Jetzt sollte der schwarze Hintergrund mit dieser Ebene zusammengefasst sein.

Schritt 3:
Auf die duplizierte Ebene gehen, Doppelklick.

Ebenenstil:
Schein nach innen:
Ich habe die Farbe etwas heller gemacht, ist aber kein Muss.

Bilder


Abgeflachte Kanten und Relief:

Bilder


Kontur:

Bilder


so sollte es jetzt ungefähr aussehen:

Bilder


4 Schritt:
2 neue Ebenen erstellen und an oberste Stelle setzen.
Die untere der beiden anwählen, Verlaufswerkzeug, Farbe weiß und Verlauf mit Transparenz wählen.

Bilder


5 Schritt:
Mit dem Verlaufswerkzeug schrägen Verlauf ziehn. Am besten von der Mitte in eine beliebige Ecke ziehn (aber nicht bis ganz in die Ecke)

Bilder


auf obere Ebene wechseln und hier das Gleiche nochmal, nur halt in die gegenüberliegende Ecke. (Bild sollte jetzt ganz weiß sein.) Oberste Ebene kurz mal unsichtbar machen und bei der Ebene darunter die Ecke wegradieren.
Radiere: 170px / 0% Härte
(wichtig: parallel zur Verlaufskante Radieren)

Schritt 6:
Oberste Ebene wieder sichtbar machen und hier das gleiche wie eben auch, nur halt die andere Ecke wegradieren. (wichtig: so radieren das die Verläufe der beiden Ebenen überlappen!)

Wenn's jetzt ungefähr so aussieht

Bilder


"Strg+E" und diese Ebene dann "Schein" nennen.

Schritt 7:
Auf unterste Ebene gehn, Zauberstab und einmal mit Schmackes ins Schwarze geklickt (mit gedrückter Umschalttaste eventuell abgeschlossene Bereiche wie z.B. das innere eine O's etc. mit in die Auswahl nehmen.)

Neue Ebene an oberste Stelle setzen und mit dem Pinsel richtig schön dick die ganze Auswahl schwarz ausmalen. Auswahl jetzt aufheben (Strg+D)

Schritt 8:
Die oberste Ebene unsichtbar machen, auf die Ebene "Schein" wechseln und den Schein mit "Strg+Pfeiltaste" komplett aus dem Bild ziehen. (ob nach links oder rechts ist egal nur eben soweit das es ganz aus dem Bild raus is.)
Oberste Ebene wieder an, Fenster > Animation.

Bilder


Schritt 9:
Im Animationfenster "Dupliziert ausgewählte Frames" drücken.

Bilder


Schritt 10:
Darauf achten das Ebene "Schein" angewählt ist, Umschalttaste gedrückt halten und mit der entsprechenden Pfeiltaste den Schein einmal durchs ganze Bild ziehen. (bei mir ist es von rechts nach links, bleibt aber wie gesagt euch überlassen)
Jetzt im Animationsfenster auf "Fügt Animationsframes ein (Tweening)" drücken
Bilder


Werte aus folgendem Screenshot eintragen:

Bilder


und OK drücken.

So, eigentlich war's das schon.
Ich empfehle jedoch grad bei so einem Glanz Effekt den letzten Frame anzuwählen und auf das kleine schwarze Pfeilchen zu drücken und 5 Sekunden Verzögerung einzustellen.

Bilder


Ansonsten läuft das durchgehen im Loop und sieht dann nicht mehr so gut aus.

Schritt 12:
Wieder zum ersten Frame zurück, ihn markieren und jetzt nur noch Datei > Für Web und Geräte speichern...
FERTIG

Und wenn alles gut lief, dann habt ihr jetzt sowas:

Bilder



Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Portrait von Kiran
  • 16.09.2009 - 20:28

Sehr gut erklärt . Danke schön !

bis auf ein paar Feinheiten habe ich gleich alles beim erstenmal hinbekommen

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 16.09.2009 - 10:46

cooles tut ... kleiner tip bei schrit 7 kann man das füllwerkzeug nehmen ist einfacher als sich mit dem pinsel rum zu quälen

Portrait von oOoHandsome
  • 15.09.2009 - 13:15

Ein Supertutorial, Danke! :)
Ich hab noch nicht alles kapiert - z. B., was am Ende die schwarze Füllung um die Schrift herum bewirkt, aber das wird schon.

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 13.09.2009 - 14:25

sieht klasse aus!! super tut :-)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 11.09.2009 - 22:08

hört sich richtig toll an ich werds gleich ma ausprobieren ;)

Portrait von ncbaden
  • 11.09.2009 - 20:01

richtig guter Effekt

kleiner Tipp von mir, wenn man die Scheinebene erstellt, kann man es auch mit dem refelktieren Farbverlauf machen, dann spar man sich das gespradel mit dem Radieren

Portrait von yoka86
  • 09.09.2009 - 12:47

sieht richtig gut aus. sehr schönes tut :)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 08.09.2009 - 01:08

fantastisch, super tut. Danke

Portrait von BURN_7
  • 06.09.2009 - 11:18

cooler effekt
muss ich gleich ma ausprobieren

Portrait von pinkmauz
  • 05.09.2009 - 21:42

Klasse, super tut und sehr gut erklärt *****

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 05.09.2009 - 16:03

sehr schön erklährt! vielen dank

Portrait von war-iah
  • 03.09.2009 - 01:18

top, gut erklärt und schöner glanz.

Portrait von Amanthisia
  • 01.09.2009 - 17:28

Sind gut aus und super beschrieben.Danke

Portrait von Z3R0
  • 28.08.2009 - 12:26

Besten Dank! Klappt Super!

Portrait von Gex70
  • 27.08.2009 - 14:58

Super!

hat das gemacht was es sollte
und war dazu noch einfach!

Portrait von aymanar
  • 25.08.2009 - 18:00

super es klappt wunderbar!!!!!
danke

Portrait von the_game
  • 23.08.2009 - 12:27

sehr gutes tutorial und gut erklärt
gut für überschriften etc.

Portrait von Smirny
  • 21.08.2009 - 00:57

Ich finde das Tutorial ist sehr gut geworden. Ich werde es vielleicht in Verbindung mit meinem neuen Bannder bringen^^
Nur wo ich probleme bekommen hatte, war, als du kurz vor Schluss nicht erwähnt hattest, wie hoch man die Verzögerungszeit von Fram zu Frame einzustellen hat. Weil ich bei mir komischerweise die Verzögerung extra auf 0,1 Sek. einstellen musste. Und ich wusste zuerst nicht wie das mit dem Zauberstab gemeint war, weil ich der Newbie schlechthin bin.

Im großen und ganzen bin ich sehr zufrieden mit dem Tutorial und auch was dabei im Eigenversuch rauskommt. Hat nämlich geklappt.

5/5 Sterne

Portrait von Smirny
  • 21.08.2009 - 00:59

Sry für die zu vielen Kommas^^ Wer nen Rechtschreibfehler findet, darf ihn behalten.

Portrait von Thunderlol
  • 16.08.2009 - 13:50

Sehr gut gemacht! Danke

Mehr anzeigen

x
×
×