Anzeige
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



DVD-Werbung
Kommentare
Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.
Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 27.02.2011 - 15:27

toler effekt. danke für den Tut...

Portrait von Belah
  • 10.02.2011 - 19:51

wow sehr einfach und gut erklärt sogar ichhab es nachgemacht und was begeistert von mir das hinzubekommen

Portrait von cyb0rg
  • 06.01.2011 - 16:14

sehr gut erklärt und sehr hilfreich

Portrait von Masterruffy
  • 28.12.2010 - 13:41

eig ganz simpel aber gut erklärt :D

Portrait von Trucker_Graphics
Portrait von SchweiniX
  • 15.12.2010 - 16:04

Schöner effekt aber mit wiederholung wärs besser denke ich :D

Portrait von Floh0709
  • 05.12.2010 - 21:29

Ich bin ein unerfahrener Photoshop-Benutzer. Da mir die einfachsten Grundkenntnisse fehlten, habe ich erst nach einer Stunde die Animation so hinbekommen, wie Sie sein soll. Ich habe nur mit der PDF-Anleitung gearbeiten, da mein Punktestand für den Videodownload nich reichte.
Der Workshop ist sehr gut beschrieben. Durch die beigefügten Screenshoots konnte ich selbst als Anfänger fast alles nachvollziehen. Ich hatte Probleme, einige Werkzeuge zu finden, z.B. Zauberstab, da dieser durch die Doppelbelegung der Buttons nicht zu sehen war (mit Shift-W umzuschalten). Das ist aber sicherlich jedem mit etwas Erfahrung bekannt.
Mir fehlte ein Schritt, der nicht erklärt war, und zwar zwischen Schritt8 und Schritt9 muß man im Animationsfenster den Button rechts unten (in Frame-Animation konvertieren) drücken. Ansonsten eine perfekte Anleitung. Ich habe sehr viel dazu gelernt. Danke!!!

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 27.11.2010 - 14:05

Ein schöner Effekt! Die Beschreibung setzt aus meiner Sicht gewisse Grundkenntnisse voraus.
Danke

Portrait von daLausi
  • 18.11.2010 - 12:14

schöner Effekt und gut erklärt.

Portrait von sunshine_1303
  • 16.10.2010 - 00:33

:-) super!!! hab schon lang danach gesucht...

Portrait von bluephoenix
  • 20.09.2010 - 10:42

genau das, was ich gesucht habe ...

Portrait von Azgalor
  • 19.09.2010 - 19:26

Sehr schön... :) Gut und simpel erklärt :)

Portrait von racingfee
  • 10.09.2010 - 19:07

gut erklärt..super..ich kann es zwa noch nicht anwenden..trotzdem schön

Portrait von M_Hilfe
  • 09.09.2010 - 09:49

Funktioniert super, hab es für Logos auch angewendet

Portrait von gameface
  • 25.08.2010 - 02:08

hat sehr gut geklappt nur das ich es nicht hinbekomme das der weiße strahl langsamer läuft

Portrait von Tsunami_san
  • 07.08.2010 - 09:47

leider ein Trick, der nur im kleinen Format funtktioniert.
Aber an sich eine coole Sache und gut erklärt

Alternative Portrait

-versteckt-(Autor hat Seite verlassen)

  • 28.07.2010 - 21:03

Feiner Tipp gut erklärt, Danke!

Portrait von fruechtchen79
  • 24.07.2010 - 12:48

Hi,
vielen Dank für dieses Tut. Ich habe schon unzählige eigene Versuche gestartet. Aber jetzt habe ich des Rätsels Lösung gefunden.

Mach weiter so ........

LG

Portrait von rapunzelr
  • 13.07.2010 - 08:19

Hey,
danke für diesesn super Tut.Habe mich schon immer gefragt wie es geht,aber dank dir weiß ich es jetzt auch. :) Einfach toll erklärt und schnell und einfach nachzuarbeiten volle sterne von mir.
LG

Portrait von ooJAKOBoo
  • 24.05.2010 - 05:38

am ende vielleicht noch dazuschreiben , dass man bei "> Für Web und Geräte speichern..." als .gif speichern muss , da man ja auch andere formate wählen kann und das man vor dem abspeichern auswählen kann , ob die animation nur einmalig laufen soll oder unbegrenzt als loop. aber sonst : super tut .. ! :)

x
×
×