Anmelden
04
Februar

Es gibt Situationen wo es von Vorteil sein kann einer Person einen “Vorher-Nacher” Vergleich seiner Arbeit zu schicken.

Was ich damit genau meine und wie man das macht erfahrt ihr in der heutigen Folge

lg Calvin

 
icon for podpress  Podcast Video [4:18m]: Play Now | Play in Popup | Download (2830)

19 Responses

Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.

  1. Lauh

    Hehe, heute noch benutzt die Funktion…
    Meiner Meinung ist das aber keine so gute Variante Vorher/Nachher Bilder zu zeigen… der Qualitätsverlust bei .gif ist doch schon recht hoch und hat in meinen Augen dann schon nichts mehr mit vorher/nachher zu tun…
    Für Banner erstellen usw. ist das super aber für so was eher nicht.. dann doch lieber nen Rollover mit HTML erstellen.. =)

    Bin gespannt auf die nächsten Podcastfolgen!

    Liebe Grüße,
    Lauritz

    4. Februar 2010 at 10:16
  2. Michael Graß

    Gutes Tutorial, Calvin.
    Spassig wie kompliziert dieser Quatsch sonst erklärt wird. Hier sollte es echt jeder verstehen.

    cheers

    4. Februar 2010 at 10:16
  3. Pavel

    Hallo Calvin!!!

    ich habe schon wieder was neues gelernt, danke dir erstmal…
    ich habe aber eine Frage… du hast gezeigt, dass es möglich ist, vorher-nacher Vergleich zu machen, aber mir gefällt die Animation nicht so sehr… Wahrscheinlich deswegen, dass die Bilder sich “sprunghaft” ändern… Kann man auch mit PS andere Animation machen??

    lg

    Pavel

    4. Februar 2010 at 10:38
  4. Manfred

    Das kann man doch mal brauchen, super Idee Besten Dank

    4. Februar 2010 at 10:53
  5. Basti

    Wow.. Danke für dieses kurze Tutorial. So simpel und schnell gemacht. Wunderbar. Werde ich direkt nutzen.

    Basti

    4. Februar 2010 at 11:13
  6. CalvinHollywood

    Wie bereits ins das nicht unbedingt die Möglichkeit für einen “vorher/nacher” Vergleich der die Qualität aufzeigen soll.

    Eher etwas um zu zeigen wie viel gemacht wurde etc.

    @Pavel
    Für einen weicheren Übergang müsste man denke ich andere Methoden wählen.
    Dann evtl. als Film.

    Evtl. findet sich hier noch jemand der andere Varianten hat.

    lg Calvin

    4. Februar 2010 at 11:27
  7. Anthropoid

    Man kann Animationsframes einfügen (Tweening). Einen weichen übergang kann man damit nicht wirklich erzeugen, aber es ist nichtmehr so ein sprunghafter übergang von 2 Bilder.

    Hier mal ein Beispiel.
    http://www.abload.de/image.php?img=2yzq3.gif

    In meinem beispiel werden 5 Frames hinzugefügt welche an transparenz verlieren bzw gewinnen.
    So wird es gemacht _>
    http://www.abload.de/image.php?img=3xzbi.jpg

    Im Animationsfenster befindet sich ein Button mit kleinen Kreisen. Wenn Ihr auf diesen klickt könnt Ihr automatisch Frames einfügen lassen. Nur noch die Anzahl bestimmen und auf die Zeit achten.

    MfG

    4. Februar 2010 at 13:20
  8. ilovechaos

    @pawel & calvin

    einen übergang kann man auch mit dieser funktion erzeugen, das war das früher so in imageready (aus ps und ir ist dann ab cs2 nur noch ps geworden)…

    die funktion ist hinter “tweening” verborgen (diese 4 kleinen kreise nebeneinander).

    4. Februar 2010 at 19:39
  9. F3rk3S

    Super Tutorial.
    Aber ich würde das ganze mit HTML machen um ein besseres ergebnis zu bekommen.
    Aber die funktion usw haste trotzdem wie immer super erklärt.

    5. Februar 2010 at 15:35
  10. Stefan R. aus W.

    Hi Calvin,
    wie immer eine tolle Idee und einfache Umsetzung. Werde es gleich mal bei ein paar meiner Vorher-Nachhher-Bilder ausprobieren :-)
    LG aus Wiesbaden
    Stefan

    5. Februar 2010 at 17:23
  11. KingROFL

    Gut und einfach. Eine Frage dazu: Immer wenn ich diese Funktion verwendet habe, bekomme ich schlechte Farbübergänge die mich tierisch nerven. Was muss ich tun, damit ich das nicht habe?

    lg

    5. Februar 2010 at 20:48
  12. Schnette

    Cool, danke! Hab’s gleich ausprobiert :-)

    5. Februar 2010 at 21:19
  13. Igor

    @KingROFL
    Bei GIFs ist es leider so… man hat nur 256 Farben zur Verfügung.

    6. Februar 2010 at 01:17
  14. Calvin

    Danke für die Antort Igor und Danke zusammen fürs Feedback

    lg Calvin

    6. Februar 2010 at 11:05
  15. Ralph

    Das ist ja viel einfacher als man denkt und mit Sicherheit sehr hilfreich. Vielen Dank dafür.

    Viele Grüße
    Ralph

    12. Februar 2010 at 08:42
  16. Tom

    Wow, wie simpel es sein kann.

    Danke

    12. Februar 2010 at 14:06
  17. Phil

    Danke für den Tipp.

    18. Februar 2010 at 18:12
  18. Tatjana

    Erst mal Danke – technisch ist mir das alles bekannt, aber es ist immer wieder interessant andere Nutzungsgebiete zu sehen. Ich habe das bislang nur für animierte Banner genutzt.

    Eins verstehe ich nicht: Wieso sagst Du, das ginge nur in CS4 Extended? Ich kann das in meinem “normalen” CS4 auch machen. Mir fehlt zwar der Befehl “In Frame Animation konvertieren” – aber das macht Photoshop doch immer automatisch, wenn ich mehrere Frames in der Animationsleiste habe und dann als animiertes GIF abspeichere. Ich kriege jedenfalls ohne Extended das gleiche Ergebnis.

    Gruss
    Tatjana

    20. Februar 2010 at 11:50

Continuing the Discussion

  1. Von (über-)eifrigen Visas und explodierenden Köpfen | capture-the-light

    [...] passiert, wenn man es mit dem Styling übertreibt, seht ihr in dem Bild unten.  Nachdem ich im Podcast von Calvin Hollywood gesehen habe, wie einfach es in Photoshop ist, die Entstehung eines Bildes als [...]

    30. März 201013:21

Some HTML is OK

or, reply to this post via trackback.