[Tutorial]Animated Banner with Photoshop CS4 [German]

07/15/2009 00:13 GotDamned#16
bin zwar nen totaler noob, aber hab auch mal 2 Gif's erstellt ^^

[Only registered and activated users can see links. Click Here To Register...]

[Only registered and activated users can see links. Click Here To Register...]


das E-Core steht für nen Benutzernamen aus einigen anderen Foren.

Was sagt ihr dazu?
Was kann ich noch verbessern?
07/23/2009 01:13 NoiiZ#17
ehm also thx vür die mühe aber kanste videotutorial machn habs iwie nicht gechekt
12/28/2009 00:34 .MrBurns#18
Gute Abreit, danke
12/28/2009 17:59 oOFoxOo#19
Sehr Gut erklärt ;D .Joshi ^^

Hab aber ne Frage ?

Nun klickt ihr auf "Frame duplizieren".

Ich finde dies irgendwie nicht bei Photoshop cs4

Kann mir das viehleicht jemand erklären ?

Habs gefunden man muss noch was anderes anklicken damit es geht ;D
03/14/2010 14:41 Matze²#20
Hier mal meins.Ist noch nicht so gut....^^
[Only registered and activated users can see links. Click Here To Register...]
03/14/2010 21:39 KnuddeL*4[You]#21
Kriegt man auch ne Gecrackte cs3-4? Version?
03/14/2010 22:47 Uzgarel#22
Hier im Forum gibt es keine warez. Wenn Du persönlich gerne eine Straftat begehen möchtest, ist das dein Ding, aber hier im Forum gibt es keine illegale Software, genau so wenig wird hier danach gefragt.
03/15/2010 19:32 1338_Noize#23
[Only registered and activated users can see links. Click Here To Register...]

Meins ist viel toller :P
03/16/2010 15:23 Brocroc#24
Wie geht das mit dem ausblenden?
03/17/2010 17:36 flosen99#25
Echt danke, habe so ein Thread gebraucht (xD)
Mein Banner
03/19/2010 00:33 1338_Noize#26
Quote:
Originally Posted by ᴙʌιʚ View Post
Wie geht das mit dem ausblenden?
Einfach die bereits entstandenen Ebenen in der Animationsleiste in der entgegengesetzen Reihenfolge duplizieren. ^^
03/23/2010 04:05 XxxXHakanXxxX#27
Quote:
Originally Posted by Joshilein View Post
So, da es hier [glaube ich] noch kein Tutorial für animierte Signaturen|Banner
gibt, fange ich mal an.
Alles mit Bildern erklärt!
Eventuell ein Video.

Outcome:

[Only registered and activated users can see links. Click Here To Register...]

Wurde für den godMT2 Onlinestatus verwendet ;)

Vorbereitungen:

- Photoshop CS3 oder 4
- Bildgröße 269 mal 29 Pixel
- Anderes GFX - Programm
Keine Garantie das es bei anderen Programmen geht!

Tutorial:

Sucht euch einen schönen Hintergrund.
In meinem Fall ist das Blau.
Nachdem ihr das gemacht habt, wählt das "Rechtecksauswahl - Wekzeug"
aus.
Nun wählt ihr die Hälfte eures Bildes aus, und macht einen Rechtsklick.
Dann klickt ihr auf "Fläche füllen".
(Davor eine neue Ebene anlegen)

Bild:

[Only registered and activated users can see links. Click Here To Register...]

Es erscheint ein neues Fenster.
Hier wählt ihr anstatt "Vordergrundfarbe" - "Weiß" aus.
Nun ist der ausgewählte Bereich weiß.

Nun verringert ihr die Deckkraft auf ca. 44

Bild:

[Only registered and activated users can see links. Click Here To Register...]

Auswahl noch nicht aufheben!

Nun geht ihr nochmal auf die ausgewählte Fläche -> Rechtsklick -> Frei Transformieren -> nochmal Rechtsklick -> Verkrümmen
Nun könnt ihr den "weißen Streifen" nach eurem Geschmack verschieben.
In meinem Fall mache ich ihn etwas rund.

Danach geht ihr auf eure "Hintergrund" - Ebene.
Jetzt schreibt ihr einen Text, der euch überlassen ist.

Bild:

[Only registered and activated users can see links. Click Here To Register...]

Nun geht ihr oben auf "Ebene" -> "Ebenenstil" -> "Schein nach ausen"
Hier könnt ihr den "Schein" nach eurem belieben anpassen.
Auf diesen Schritt werde ich nicht weiter eingehen,
ein paar Grundkenntnisse sollte man schon haben.


So, nun habt ihr einen netten Text.
Bei mir steht jetzt "Tutorial"
Und was hat (fast) jedes Tutorial?
Genau! Ein Copyright.
Nun schreibt ihr euren (später) animierten Text.
Bei mir wird er "by xJoSHix" heißen.

Bild:

[Only registered and activated users can see links. Click Here To Register...]

Auch diesen Text habe ich mit einem Effekt versehen.

Nun kommen wir zum eigentlichen Sinn dieses TuTs:
Das Animieren!

Ihr geht oben auf "Fenster" - "Animation"
Nun öffnet sich unten ein neues Fensterchen.
Nun klickt ihr auf "Frame duplizieren".

Bild:

[Only registered and activated users can see links. Click Here To Register...]

Jetzt habt ihr euer aktuelles Frame dupliziert.
Geht auf das 2. Frame und blendet die Ebene "by xJoSHix"
(in meinem Fall) aus.

Danach geht ihr auf diese Ketten, direkt links neben "Frame Duplizieren"
Hier gebt ihr z.B 10 Frames ein.

Fertig! Ihr könnt nun eure Animation anschauen, indem ihr auf den Playbutton drückt.

Wenn ihr alles gespeichert habt, dann geht auf "Datei" -> "Für Web und Geräte speichern" -> ".gif" -> "nur Bilder"

Hier mein Outcome aus diesem Tutorial:

[Only registered and activated users can see links. Click Here To Register...]

Natürlich geht es besser wenn man sich Zeit nimmt.
Hatte gerade nicht viel Zeit, darum so unsauber.
Oben beim godMT2 Status ist schon sauberer gearbeitet worden ;)

Sonstiges:

Ich würde gerne eure Outcomes sehen!
Und fals ihr Fragen habt, dann postet doch hier :)


Grüßchen - Joshi
super thx erst mal aber wie blende ich die schrift bei bild 2 pls help =(
04/02/2010 16:13 Bäm.#28
*Thread herauskram*

Mein Endergebnis : [Only registered and activated users can see links. Click Here To Register...]

Mfg ^^
04/05/2010 21:52 Pedolein#29
Echt gutes Tutorial.
Danke Joshilein!
04/06/2010 17:03 Khore#30
meins: [Only registered and activated users can see links. Click Here To Register...]