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 escud
  • 20.05.2010 - 22:17

Klasse....erleuterung sehr gut.....ein scönes tut

Portrait von wdiller
  • 16.05.2010 - 14:27

Toll!!! Jetzt habe ich endlich verstanden wie es geht!!!

Portrait von DonKuhn
  • 07.05.2010 - 21:58

THX kann man gut gebrauchen hilft weiter

Portrait von Lassiter1961
  • 06.05.2010 - 10:53

Echt Klasse, sehr gut wirklich gut erklärt

Portrait von Irona
  • 03.05.2010 - 08:50

super erklärt. ich probiere es auch in cs4.

Portrait von joshischaf
  • 01.05.2010 - 23:10

schönes tut. einfach erklärt. geht auch mit cs4 für den 3 unter mir

Portrait von WebDiver_09
  • 29.04.2010 - 13:07

Im Verhältnis des Punkteabzugs bei dem gleichartigen Videotutorial (90) ist dies hier die bessere Lösung.

Portrait von Impactt
  • 23.04.2010 - 13:56

Cooles Tut :D Echt vielseitig erweiter und einsetztbar 5*****

Portrait von guinivere
  • 20.04.2010 - 23:15

schade mit dem CS4 funktioniert das nicht!

Portrait von Snowtiger99
  • 13.04.2010 - 14:22

sehr verständliche anleitung :) ich werd es gleich mal ausprobieren, sieht echt sehr sehr gut aus

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 10.04.2010 - 10:57

gutes tut,
vielen dank dafür

Portrait von NikonD500
  • 29.03.2010 - 11:05

neis gemacht und gut erklert

Portrait von Riddicko
  • 29.03.2010 - 08:16

Du glaubst nicht wielange ich schon danach gesucht haben. Super Anleitung-Danke

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 24.03.2010 - 04:23

5 Sterne, alles total nachvollziehbar erklärt!!!

Portrait von Richardp
  • 22.03.2010 - 19:19

super gut erklärt :)

Portrait von mike_mike
  • 12.03.2010 - 14:53

Klasse muss ich gleich probieren

Portrait von newskills
  • 02.03.2010 - 17:58

gut gemacht :) :) :) :) :)

Portrait von Schure
  • 27.02.2010 - 13:31

super sache danke muss gleich ma ausprobieren :=)

Portrait von KYLI
  • 14.02.2010 - 21:43

Anleitung hat gut funktioniert!

Portrait von losschwabos
  • 14.02.2010 - 14:19

schöne sache, eine wirklich gute anleitung! danke

Mehr anzeigen

x
×
×