Gute Adobe Photoshop Gfx- Tutorials

  • Mein erstes, aber schon etwas älteres Tutorial.
    -Wie animiere ich eine Signatur-


    [size=20pt]Schritt 1:Grundlagen zum Bau einer Signatur[/size]


    Als erstes öffnet ihr euer Bildbearbeitungsprogramm (Photoshop, Gimp) und geht auf Datei-> neu-> und wählt eure Größe und Breite für die Signatur. Zusätzlich könnt ihr eure neu erstellte Signatur auch Frame1 nennen (weitere Informationen zu Frames gibt´s später ;))
    BILD:


    [Blockierte Grafik: http://img115.imageshack.us/img115/7161/unbenannttv7.jpg]


    Nun brusht ein bisschen an eurer Signatur rum um so einen passenden Hintergrund zu erhalten.
    Für unwissende, brushen kann man indem ihr auf den Pinsel klickt oder kürzer gesagt auf die Kürzeltaste "b" drückt.
    Natürlich könnt ihr euren Hintergrund auch mit den Fülloptionen machen (Rechtsklick auf die Ebene), dort müsst ihr nur ein wenig mit den Effekten rum spielen :D
    Eure Signatur müsste im Moment etwa so aussehen:
    BILD:


    [Blockierte Grafik: http://img115.imageshack.us/img115/8076/frame1kopieuz5.jpg]


    [size=20pt]Schritt 2: Die Signatur rendern[/size]


    Jetzt kommen wir zu den Rendern. Eine gute seite dafür ist http://planetrenders.net
    sucht dort ein Bild eurer Wahl aus. Speichert es ab und öffnet es in eurem Bildbearbeitungsprogramm.
    Klickt auf, das Markierungsrechteck (M) und markiert euer Render.
    BILD:


    [Blockierte Grafik: http://img508.imageshack.us/img508/1320/unbenannt2nv4.jpg]


    In diesem Fall verkleinerte ich, das Bild bereits. Dies geht unter Bild-> Bildgröße...
    Um die richtige Größe für eure Signatur zu finden müsst ihr auch ein bisschen rumexperimentieren :) Die größen die ich fast immer wähle liegen zeischen 300 und 400.
    Weiter im Text. Benutzt, das Verschiebe-Werkzeug (V) und zieht das Bild in eure Signatur.
    BILD:


    [Blockierte Grafik: http://img508.imageshack.us/img508/5428/frame2kopiehu7.jpg]


    [size=20pt]Schritt 3: Der Signatur Fülleffekte geben[/size]


    Geht unter Ebene, Rechtsklick, Fülleffeckte.
    Dort steht folgendes zur Auswahl:
    °Fülloptionen: Standart
    °Schlagschatten
    °Schatten nach innen
    °Schein nach außen
    °Schein nach innen
    °Abgeflachte Kante mit Relief->Kontur->Struktur
    °Glanz
    °Farbüberlagerung
    °Verlaufsüberlagerung
    °Musterüberlagerung
    °Kontur


    Das sind alles Effeckte die ihr euren Render geben könnt.
    Probiert alles aus und irgendwann habt ihr den Bogen raus ;)
    Hier nochmal ein Bild.


    Vorher: [Blockierte Grafik: http://img508.imageshack.us/img508/5428/frame2kopiehu7.jpg]
    Nachher: [Blockierte Grafik: http://img370.imageshack.us/img370/154/frame3kopieoh7.jpg]


    [size=20pt]Schritt 4: Die Signatur animieren-> Frames[/size]
    Nach dem Schritt sind wir unserem Ziel schon wesentlich näher gerückt.
    Wechselt nochmal zu den Fülloptionen. Es gibt sehr viele Varianten eine Signatur zu animieren zB. Abwechslung der Schatteneffeckte, Render in die Signatur bewegend, Gif in Signatur einfügen usw.
    Ich werde euch zeigen wie euer Render plötzlich in die Signatur auftaucht und dann wieder verschwindet.


    Bleibt bei "Fülloptionen: Standart"
    stellt die Deckkraft auf ungefähr 6-10% und ihr werdet bemerken, dass, das Bild durchsichtiger wird. Drückt ok. Nun speichert ihr die Signatur als Jpeg ab und wiederholt den letzten Schritt nochmal, nur stellt ihr die Deckkraft immer höher dann wieder abspeichern usw.
    Nennt eure Zwischenschritte Frame "1", "2" usw. damit ihr noch eine Übersicht vom ganzen habt.
    Nun solltet ihr viele Frames haben.
    Ich habe 9.
    BILD:


    [Blockierte Grafik: http://img166.imageshack.us/img166/4562/fffffffl5.jpg]


    [size=20pt]Schritt 5: Der letzte Schritt->Die Animation[/size]


    Downloadet euch, das Programm "Ulead GIF Animator 5" (gibt es in Google ein).
    Öffnet, das Programm und geht auf Datei-> Bild öffnen, öffnet euern ersten Frame.
    Nun klickt ihr mit einem rechten Mausklick auf die unter Leiste und wählt "Bild hinzufügen".
    Fügt so viele Bilder hinzu wie ihr Frames habt.
    So muss es aussehen:
    BILD:


    [Blockierte Grafik: http://img166.imageshack.us/img166/8563/unbenanntct0.jpg]


    Klickt nun euren 2ten Frame an und geht oben links auf das Icon "Bild hinzufügen"
    wählt euren 2ten Frame aus.
    Das macht ihr jetzt immer wieder bis ihr alles ausgewählt habt.
    BILD:


    [Blockierte Grafik: http://img355.imageshack.us/img355/3290/333333sp7.jpg]


    Geht auf Vorschau. Falls die Animation zu schnell sein sollte geht nochmal auf Bearbeiten, auf die untere Leiste zu euren Frames und macht einen Doppelklick auf das jeweillige Bild.
    Nun könnt ihr die schnelligkeit der Animation bestimmen.
    Speichert nun eure fertige, animierte Signatur ab.


    Das Ergebniss:


    [Blockierte Grafik: http://img355.imageshack.us/img355/6847/bleachay7.gif]


    Ps. Mit einem Rechtsklick (am besten auf dem letzten Frame) könnt ihr noch einen zusätzlich animierten Bannertext einfügen :)
    [size=26pt]ENDE!!![/size]


    ----MADE BY COOLGUY----



  • lohol da steht gute tutorials!^^
    sry dass ich so assi drauf bin aba erstens solltest man sich weniger aufs animieren und so konzentrieren sondan dass des nach was ausschaut...ich werd späta wenn ich zeit hab mal sachne raufstellen...

Jetzt mitmachen!

Du hast noch kein Benutzerkonto auf unserer Seite? Registriere dich kostenlos und nimm an unserer Community teil!