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)
  • 19.11.2009 - 12:11

ein wirklich gutes tutorial mit einem schönen effekt, aber was mich interessieren würde , welche schriftart ist das??

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 19.11.2009 - 11:29

sehr schöner effekt und verständliches tutorial

Portrait von Leamar
  • 18.11.2009 - 22:15

Danke für das schöne Tutorial

LG Leamar

Portrait von dCak
  • 18.11.2009 - 14:22

schöner Effekt, gefällt mir sehr gut. Vielen dank, weiter so...

Portrait von Mayhem1234
  • 17.11.2009 - 15:54

Einfach spitze! Hab erst bissl gebraucht bis ichs auch raus hatte aber nach etwas Übung ist das Ergebnis echt der Knaller!
Super Tut! 5*

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 14.11.2009 - 02:34

Super erklärt. Tolles Tut um die Animation in PS kennen zu lernen. War für mich neu. Danke.

Portrait von meingt
  • 13.11.2009 - 21:43

sehr schönes danke für die mitteilung

Portrait von spawn77
  • 06.11.2009 - 11:52

sehr schönes tut
gleich mal testen für unsren rosenmontags banner ;)

Portrait von nikita2109
  • 05.11.2009 - 06:48

hallo
war mein erster Versuch nach zuarbeiten
klasse
danke dir
franzi

Portrait von tasiat123
  • 03.11.2009 - 19:14

Danke , für das Tutorial...

Portrait von tasiat123
  • 03.11.2009 - 19:11

Danke , für das Tutorial...

Portrait von passy
  • 01.11.2009 - 15:48

Nicht schlecht für anfänger =)

Portrait von d_eggert
  • 28.10.2009 - 11:16

Super erklärt. Tolles Tut um die Animation in PS kennen zu lernen.
War für mich neu.
Danke.

Portrait von Steamo
  • 22.10.2009 - 03:09

na das is doch aml was schönes

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 15.10.2009 - 11:55

Tolle Idee, tolles Tutuorial!!! Vielen Dank dafür

Portrait von mysticifghter
  • 13.10.2009 - 12:15

Danke schön und super erklärt.

Portrait von Doody
  • 08.10.2009 - 17:05

Ein interessantes Tut. Wirklich toll um die Grundfunktione des Animationsfensters kennenzu lernen. Hat mir sehr geholfen.

Eine kleine Anmerkung habe ich jedoch. Schritte 5 und 6 lassen sich gut zusammenfassen, indem man einen neuen Verlauf erstellt (von trans über w zu trans). So hat man sich das radieren gespart.

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 06.10.2009 - 13:48

Ein geniales Tutorial, Danke!

Portrait von 007123456789
  • 02.10.2009 - 15:42

Danke
hat mir sehr geholfen

Portrait von Zagros
  • 26.09.2009 - 00:00

Vielen dank...sehr schön erklärt

Mehr anzeigen

x
×
×