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.
Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 23.03.2009 - 21:46

Ich liebe den effekt danke :D

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 21.03.2009 - 10:02

sehr schön muß aber noch ein wenig üben ;)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 15.03.2009 - 12:38

danke vielmals! einfach schnell und sieht gut aus!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 09.03.2009 - 20:18

Ich habe ein Problem!!!
wenn ich die zweite Verlaufslinie mache, seztzt der bei mir inner so eine hässliche kante ins bild-.-
die kann ich das verhindern?

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 09.03.2009 - 17:12

Echt Super!! Muss ich gleich mal Ausprobieren :D

Portrait von I019420
  • 09.03.2009 - 14:43

Gefällt mir sehr gut!
Werde gleich einen Schriftzug pasteln!

Portrait von godmode
  • 09.03.2009 - 13:48

Super Tut!

Genau sowas hab ich gesucht!Dankeschön!

lg godmode

Portrait von webspass
  • 07.03.2009 - 14:18

schaut klasse aus. werde ich auch mal probieren

Portrait von TwoSouls
  • 06.03.2009 - 09:39

Ein schönes Tut, hab es nachgemacht! Allerdings hatte ich Probleme mit Deiner Ebenenbenennung im Tut. Ist nicht leicht nachzuvollziehen, welche der Ebenen gerade mit "die ganz untereste" oder die "die obere" gemeint war/ist!
Vielleicht in Zukunft etwas präziser!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 05.03.2009 - 18:48

Cool muss ich gleich ma testen.

Portrait von KSchle
  • 05.03.2009 - 17:25

Super Idee, Danke !
LG Klaus

Portrait von Bikermieze
  • 05.03.2009 - 15:31

Für mich als Anfängerin schönes Tut. Allerdings habe ich beim Verlauf von Anfang an in die Mitte weiß gesetzt und dann zu beiden Seiten in die Transparenz laufen lassen. So ist es einfacher und wirkt sauberer. Aber wie gesagt, ein sehr schönes Tut.

Portrait von Andysun
  • 05.03.2009 - 13:34

schön,wieder was gelernt

Portrait von emara
  • 05.03.2009 - 10:45

echt klasse. hat mir sehr gut gefallen. werde ich gleich mal ausprobieren.

Portrait von Dosenhengst
  • 05.03.2009 - 10:23

Schönes Tutorial,
gerade die Animation hat mich sehr interessiert.
Aber hätte man statt zwei "linearen" Verläufen nicht einfach einen machen können, der an beiden seiten schwarz wird?
Ich glaub der heißt "reflektierter Verlauf", würde ja passen ;)

Portrait von Riddick75
  • 05.03.2009 - 08:16

schön erklärt, mit bischen fummeln haut es auch hin ;-)

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 04.03.2009 - 16:59

Echt nice das tut, blos hatte doch beim punkt 7 so meine schwierigkeiten ^^

kann mir einer sagen wie ich das ganze abspeichern soll ?

Portrait von Bikermieze
  • 05.03.2009 - 15:32

Das Ergebnis speicherst Du dann als GIF-Datei ab.

Portrait von Schwarzi
  • 03.03.2009 - 19:53

SUPER weiter so aber im welchen Format speichere ich das ab???

Portrait von Bikermieze
  • 05.03.2009 - 15:34

Das Ergebnis kannst Du dann im GIF-Format speichern.

Mehr anzeigen

x
×
×