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 MR_G
  • 12.08.2009 - 22:48

klasse tutorial vielen dank

Portrait von stefan8940
  • 11.08.2009 - 12:30

Klar undverständlich erklärt! Danke!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 07.08.2009 - 03:01

Könnte noch bisschen deutlicher für Anfänger werden, manchmal wurden kleine Schritte einfach nicht erklärt wie zum Beispiel: Wie kommt man auf den Verlauf transparenz, oder wo genau soll man radieren und bei der Animation noch schrittweiser erklären. Bei mir stand gar kein Frames in Klammer an der Seite von der Animation.. HM... Naja in großem und ganzen ist es kompliziert gestaltet ergibt aber je nach lust und laune andere Arten muss man also nicht so schwer machen :) aber vielen vielen Dank für die Mühe trotzdem eine große Bereicherung gewesen.

Portrait von Jogger
  • 04.08.2009 - 18:23

Hab danach sofort ausbrobiert vorher nie gemacht sofort verstanden. Danke für diesen Beitrag

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 29.07.2009 - 13:43

echt gutes tut



:)

Portrait von datams
  • 25.07.2009 - 11:38

Muss ich direkt ausprobieren!
Dank deinses Tutos bekomme ich Lust und Ideen zu meiner ersten Animation. Wußte gar nicht, das sowas auch recht einfach umzusetzen ist.
Danke, freue mich schon auf dein nächstes Tuto

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 22.07.2009 - 01:00

Eine super Bildbearbeitung mit einer gut erklärten beschreibung in Text und Bild. Immer wieder gerne zustöbern in denn vielen super Bildern !!!

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 19.07.2009 - 18:59

wow... meine erste animation mit PS :)

danke (^____^)

Portrait von LovelyRain
  • 07.07.2009 - 13:19

Ich dank dir für das Tutorial! Muss ich doch gleich mal probieren =)

Portrait von Myrinia
  • 03.07.2009 - 16:38

Danke für das Tut :D
Gleich mal testen
mfg

Portrait von swapfile
  • 29.06.2009 - 23:43

gutes tut, spielen mit den werten gab schöne variationen

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 25.06.2009 - 09:11

tolle tipps! vielen Dank

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 24.06.2009 - 10:15

Schönes Tut !! Dankeee

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 18.06.2009 - 17:14

nice job...tolles tutorial

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 16.06.2009 - 23:35

echt gut gemacht ^^ sehr gut erklaert

Portrait von schnurzeltier
  • 16.06.2009 - 15:48

Sehr gut erklärt. Selbst ich habe es geschafft einen Schriftzug zu erzeugen.

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 13.06.2009 - 16:32

Seeeehr schön gefällt mir sehr gut =) da verdienst 5sterne

Portrait von Dirk_71
  • 13.06.2009 - 14:45

Danke, genau das habe ich gesucht :-)

Portrait von dregie
  • 03.06.2009 - 15:19

für dieses tut gibts von mir fünf sterne. echt genial

Alternative Portrait
-versteckt-(Autor hat Seite verlassen)
  • 27.05.2009 - 19:10

ich finde dieses tut wirklich super und auch leicht verständlich

Mehr anzeigen

x
×
×