Metall-Avatar Tutorial (animiert)

Untitled
Verfügbare Informationen zu "Metall-Avatar Tutorial (animiert)"

  • Qualität des Beitrags: 0 Sterne
  • Beteiligte Poster: oileee - DavidG - vickymawiva
  • Forenurl: Klick
  • aus dem Unterforum: Adobe Photoshop
  • Antworten: 4
  • Forum gestartet am: Samstag 05.05.2007
  • Sprache: deutsch
  • Link zum Originaltopic: Metall-Avatar Tutorial (animiert)
  • Letzte Antwort: vor 16 Jahren, 10 Monaten, 20 Tagen, 7 Stunden, 12 Minuten
  • Alle Beiträge und Antworten zu "Metall-Avatar Tutorial (animiert)"

    Re: Metall-Avatar Tutorial (animiert)

    oileee - 04.06.2007, 18:29

    Metall-Avatar Tutorial (animiert)
    Hier zeige ich euch mal wie ihr ein einfaches animiertes Avatar basteln könnt.
    So wirds nachher aussehen:

    Fangen wir an:

    1) Erstellen wir ersteinmal ein neues Dokument:


    2) Die Hintergrundebene Füllen wir mit Schwarz (#000000)

    3) Nun brauchen wir eine neue Ebene, diese füllen wir mit einem Verlauf, der nach Metall aussieht, ihr könnt auch irgendeinen anderen nehmen, eine Textur oder was auch immer der spätere Hintergrund von eurem Avatar sein soll, wichtig dabei ist, das er nicht nur aus einer Farbe besteht, und der Text nicht so draufgeklatscht wirkt nachher.

    Wie gesagt, ich nehme einen Metallverlauf:

    Position: 0% Farbe: #515151
    Position: 18% Farbe: #C0C0C0
    Position: 33% Farbe: #494949
    Position: 82% Farbe: #FFFFFF
    Position: 100% Farbe: #707070

    Den Verlauf ziehen wir senkrecht von ganz oben nach ganz unten.
    Achtet darauf, das oben in der Einstellungsleiste ein Linearer verlauf eingestellt ist, und die Häkchen bei Dither und Tranzparenz aktiviert sind.

    4) Jetzt kommt der Rand, dazu nehmt ihr das Auswahlwerkzeug, Rechtsklick->Alles auswählen
    Und jetzt auf: Bearbeiten->Kontur füllen...


    5) Nun die "Schrauben" Dazu nehmen wir wieder das Auswahlwerzeug, ziehen eine 3x3 Pigel große Auswahl auf, stellen die Weiche Kante auf 1 Px und verschieben die auswahl in eine der Ecken und drücken auf Entf, dies wiederholen wir 3 mal, sodass in allen Ecken eine Schraube ist.

    6) Jetzt könnt ihr einen beliebigen Text mit einer Beliebigen schriftart in die mitte des Avatars schreiben, ihr könnt zur genauen Positionierung auch Hilfslinien verwenden.

    7) Als nächstes kommen 2 Balken dran, einen vertikalen, dicke ist variabel, ich habe 3 Px genommen, und einen horizontal, da hab ich auch 3 Px genommen als dicke.

    Wichtig dabei ist, dass die Weiche Kante wider auf 0 Px zurückgestellt wird, und jeder Balken auf einer eigenen Ebene ist.

    8) Wir duplizieren die beiden Balken und schieben jeweils einen nach links/oben bis er nichtmehr zu sehen ist und einen nach rechts/unten bis er nichtmehr zu sehen ist.

    9) Alle Balken-Ebenen stellen wir auf den Modus Differenz und wechseln dann nach Image-Ready.

    10) Wir duplizieren den ersten Animationsframe und verschieben nun die senkrechten Balken ins bild, bis sie auf der anderen Seite nichtmehr zu sehen sind.
    Also der linke Balken nach rechts, der rechte nach links.
    Nun fügen wir 30 Frames dazwischen ein.


    11) Wir wiederholen Schritt 10 nur diesesmal mit den waagerechten Balken.

    12) Als .gif speichern und in einem animationsfähigen Grafikprogramm öffnen oder als avatar hochladen.



    Ich hoffe ich konnte euch das ein wenig näher bringen und falls noch Fragen bestehen, einfach fragen :wink:



    Re: Metall-Avatar Tutorial (animiert)

    DavidG - 04.06.2007, 19:31


    Cool .. endlich ist es raus ..

    Probier ich morgen direkt mal aus!

    :D



    Re: Metall-Avatar Tutorial (animiert)

    vickymawiva - 04.06.2007, 19:38


    cool stimmt ja.. das ich dancih von alein drauf gekommen bin



    Re: Metall-Avatar Tutorial (animiert)

    oileee - 04.06.2007, 20:08


    Sorry das es so spät gekommen ist, aber ich hatte übers Weekend echt kaum Zeit mit Handball und so deswegen sind auch paar REchtschreibfehler drinne und an manchen Stellen könnte es verständnisprobleme geben da ich immer abgebrochen und wider anfangen musste :roll:



    Mit folgendem Code, können Sie den Beitrag ganz bequem auf ihrer Homepage verlinken



    Weitere Beiträge aus dem Forum Untitled



    Ähnliche Beiträge wie "Metall-Avatar Tutorial (animiert)"

    Avatar - Euer Benutzerbildchen - flydragon (Montag 25.12.2006)
    TUTORIAL: Veränderung von Augenfarben (von maggie) - maggie (Donnerstag 16.08.2007)
    Avatar - Commodore05 (Mittwoch 13.12.2006)
    Avatar - Sturmfan (Montag 10.01.2005)
    Suche avatar bild - LordJack (Samstag 06.10.2007)
    Signature / Avatar request Thread - Silverback (Sonntag 28.10.2007)
    Avatar-Contest *6 - sidsel (Montag 02.04.2007)
    Suche Kristall und Metall - The Punisher (Sonntag 13.05.2007)
    Tutorial charawechsel - Shino Aburame (Mittwoch 22.08.2007)
    Avatar - Susanne (Dienstag 02.10.2007)