Animations Tutorial für PS

  • So ich will mal für die, die Photoshop besitzen ein Animations Tutorial erstellen.
    Ich habe keine Erfahrungen in Gimp das ja einige benutzen aber denke dass es recht ähnlich funktioniert da es sowieso viele Gemeinsamkeiten mit Photoshop hat.


    Dieses Tutorial ist für Anfänger gedacht!

    Was soll dieses Tutorial?

    Ich benutze in Avataren, Banner oder Smileys sehr oft Animationen. Animationen gibt es in verschiedenen Formen und machen das Bild lebendig. Man kann Schrift, einzelne Dinge des Bildes oder auch das ganze Bild (Smileys) animieren. Ich will euch in diesem Tut die Grundlagen dafür zeigen.

    Aus einfachen Animationen lässt sich viel machen. Hier einige Beispiele:

    Einfache Schriftanimation:

    Etwas komplexere aber trotzdem leicht zu erlernende Regenanimation:

    und noch ein komplett animierter Smiley. So etwas zu animieren dauert ewig ist aber trotzdem nicht schwer.

    Und zuletzt noch eine einfache Animation in einem Banner! Die animation ist aber nicht so der reißer bei größeren Obejekten:


    Ok jetzt hab ich genug gelabert Also fangen wir an!

    Schritt 1

    Wir nehmen ein Bild (Avatar, Banner usw) in das wir eine Animation einbauen wollen. In diesem Fall ein Avatar.


    Schritt 2

    Wir erstellen eine Textebene und schreiben etwas.


    Schritt 3

    Diese Ebene dublizieren wir 5 mal.


    Schritt 4

    Jetzt auf Filter , dann auf Weichzeichnungsfilter und dann auf Bewegungsunschärfe klicken.

    Dann diese Werte eingeben:

    Bei den nächsten Ebenen stellen wir die Distanz auf 5, dann auf 7, dann wieder auf 5 und schließlich wieder auf 2

    Schritt 5

    Jetzt kommt der schwierigste Teil.
    wir wechseln wir das Programm, zu Image Ready und erstellen dort einen neuen Frame (siehe Bild unten links)... Wenn wir das haben stellen wir an der linken Seite die ursprüngliche Textebene aus (Auge) und stellen die auf der, die Bewegungsunschärfe gelegt ist an. So machen wir es dann auch weitere 4 mal.

    Neuer Frame ---> Textebene ausblenden ---> neue Textebene einblenden


    Schritt 6

    Nun stellen wir noch die Zeit ein. Ich habe den ursprünglichen Frame auf 5 Sekunden und die restlichen auf jeweils 0,1 gestellt.


    Wenn alles geklappt hat sollte das dann so aussehen:


    So ich hoffe das ist verständlich!
    Eine Animation lässt sich immer nach dem selben Schema erstellen. Ihr könnt so auch komplett andere Sachen animieren.
    Die Werte sind alle nur richtlinien spielt selber ein bischen damit rum wie es euch gefällt!
    Ist mein erstes Tutorial in diesem Stil und ich hoffe es gibt hier überhaupt jemanden außer mich der PS benutzt ( das um einiges besser ist als Gimp xD)

    Falls Interesse an anderen Tutorials (Regen, Smiley oder sonst was) besteht bin ich gerne bereit dazu auch Tuts zu schreiben!

    mfg Benson

    Stell dir vor es gibt Freibier und keiner weiß wo?!

    Edited 4 times, last by Benson (January 14, 2007 at 3:07 PM).

  • zwar benutze ich gimp ^^ aber ich hab schon interesse an shop und ich dneke das tut lässt sich auch etwas schwerer mti gimp gestalten ^^ ich mach mal nen versuch ^^

    Ein Space Marine Trupp ausgestattet mit Plasmawerfern = " Ein Gelassener Zuhälter Trupp mit dem kühlen Zeug! "

  • cooles tut. gibt war im inet schon sehr viele solcher tuts, aber du hast mir echt grad wieder bock auf gifs gemacht ;)

    werd mir ps auch wieder installieren.

    Audaces fortuna adiuvat

  • so habs gemacht solte nen ava fürs interne forum werden aber ich konnte in net hochladen war zu gross,
    naja was solls ^^
    nix spektakuleres aber immerhin nen versuch ^^

    Ein Space Marine Trupp ausgestattet mit Plasmawerfern = " Ein Gelassener Zuhälter Trupp mit dem kühlen Zeug! "

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!