Photoshop-Tutorial: Realistische Wassertropfen erstellen

Zu Beginn dieses Tutorials werfen wir erst einmal einen Blick auf das Ergebnis. Die selbst erstellten Wassertropfen glitzern auf einem Blatt.

Ergebnis

Das in dieser Anleitung verwendete Bild könnt ihr euch hier herunterladen. (Windows: rechte Maustaste – “Ziel speichern unter”). Öffnet dann das Bild in Photoshop und los geht’s:

Schritt 1
Zunächst erstellen wir ein neues Ebenenset und benennen es mit Tropfen. Die Arbeit mit dem Ebenenset erleichtert uns später das Duplizieren der einzelnen Wassertropfen.
Neues Ebenenset erstellen

Wir erstellen jetzt eine neue Ebene ([Shift]+[Strg]+N oder Mausklick auf das entsprechende Symbol in der Ebenenpalette). Dieser Ebene geben wir den Namen Drop. Auf dieser Ebene erstellen wir mit Hilfe des Auswahlellipsen-Werkzeugs einen Kreis, ähnlich wie in der nächsten Abbildung.

Ellipse erstellen

Für den folgenden Schritt stellen wir noch sicher, dass die Vordergrundfarbe schwarz und die Hintergrundfarbe weiß ist. Dazu drücken wir einfach die Buchstabentaste D.

Schritt 2
Wir füllen jetzt unsere erstellte Ellipse mit einem linearen Verlauf.

Verlauf erstellen

Anschließend heben wir die Auswahl mit [Strg]+D auf.


Weiter auf der nächsten Seite »

Seiten: 1 2 3


Ist dir dieses Tutorial 1 Euro Wert?

Spenden werden dankbar angenommen und ermöglichen auch weiterhin das Arbeiten an kostenlosen Tutorials.

Verwandte Artikel

37 Reaktionen zu “Photoshop-Tutorial: Realistische Wassertropfen erstellen”

  1. Gravatar Wassertropfen mit Photoshop gestalten Photoshop-Tutorial: Realistische Wassertropfen erstellen || Pixelgalerie Weblog - Screenz.de - Photoshop und Illustrator Tutorials und Screencasts
     

    [...] Das Tutorial Realistische Wassertropfen erstellen von Mike Haufe zeigt, wie man dieses Vorhaben schnell realisieren kann. Ein änhnliches Tutorial hat auch creativetechs erstellt, allerdings in englischer Sprache. [...]

  2. Gravatar mtk
     

    Moin!

    Greade ausprobiert und fein geworden! Schön erklärtes Tutorial für ein schnelles und sauberes Ergebnis.

    Gudde Sache das!

    mfg mtk

  3. Gravatar stefan
     

    einzig der Punkt Glanzpunkt setzen ist noch etwas unklar-sonst top1

  4. Gravatar diogenes von der töss
     

    einfach uns schön. eine anregung zum verbessern/vereinfachen: auf der ebene “tropfen” kann man den kreis/die ellipse auch durch den filter “verzerrung-schwingungen” einfach zum realistischen tropfen machen (für alle die cs2 noch nicht benutzen und “verflüssigen” nicht geniessen können).

    grüsse aus lanzarote

  5. Gravatar Mike
     

    Hallo diogenes von der töss,

    vielen Dank für den Tipp!
    Wie immer gibt es natürlich auch hier viele Wege, die zum Ziel führen.

    “Genießen” können den Verflüssigen-Filter aber nicht nur die CS2-Besitzer. Der Filter ist bereist seit CS mit an Bord.

    Viele Grüße
    Mike

  6. Gravatar Werner
     

    Dies ist die original Tutorial:

    http://www.lunacore.com/photoshop/tutorials/tut006.htm

    Stehle nicht van andere Leute when du keine Kreativität hast…

  7. Gravatar Mike
     

    Hallo Werner,
    vielen Dank für den Link. Auf dieser Seite sind wirklich gute Tutorials. Allerdings war mir die Seite bisher nicht bekannt – leider!

    Es tut mir leid, dass du der Meinung bist, ich hätte keine Kreativität. Ich kann dir aber versichern, dass ich dieses Tutorial selbst erarbeitet habe.

    Ich bin mir sicher, dass es bestimmt einige weitere englisch-sprachige – und vielleicht auch deutsch-sprachige – Tutorials gibt, die mit ähnlichen oder gleichen Werkzeugen Wassertropfen erzeugen.

    Photoshop bietet wirklich sehr viele Wege, um zum gewünschten Ziel zu gelangen. Trotz dieser Menge an Möglichkeiten ist es ja offensichtlich nicht auszuschließen, dass mehrere Leute einen ähnlichen Weg gehen.

    Und nein, ich mache keine großartige Internet-Recherche, ob meine Tutorials vielleicht in ähnlicher Form bereits irgendwo im Netz in englischer Sprache existieren bevor ich sie veröffentliche – Sorry!

    Viele Grüße
    Mike

  8. Gravatar Rick
     

    Ein schönes Tutorial für schnelle Ergebnisse :) Vielen Dank!

    Es wird immer auf der Welt mehrere Leute geben, die die gleiche Idee haben. Das hat nichts mit Abkupfern zu tun!

  9. Gravatar Sascha
     

    Haihaiai…. immer wieder beeindruckend diese Beispiele… ich frag mich ja wie man derartig perfekt das Programm beherrschen kann. Seid ihr alle Werbeexperten, oder bringt ihr euch sowas auch einfach selbst bei?

    Ich bleibe schon bei Schritt 2 hängen :-(
    “Wir füllen jetzt unsere erstellte Ellipse mit einem linearen Verlauf”

    Ich habe alles bis dahin korrekt gemacht, aber wo muss ich denn jetzt was anklicken damit sich der Kreis füllt?

    Sorry an die Profis für solch dumme Fragen ;)

  10. Gravatar Karsten
     

    Das machst mit dem Verlaufswerkzeug in der Werkzeugpalette linkerhand… Solltest du das Verlaufswerkzeug net auf Anhieb sehen, bleib mal für 1-2 Sekunden mit gedrückter Maustaste auf dem Füllwerkzeug… Da kommt dann nen kleiner Kontext, in dem du das Verlaufswerkzeug auswählen kannst…

    Aber ansonsten wirklich sehr, sehr schönes Tut :)

  11. Gravatar Wassertropen? - PSD-Tutorials.de - Forum
     

    [...] AW: Wassertropen? Hallo, guckst Du hier : http://www.psd-tutorials.de/modules.php?name=Downloads&d_op=viewdownloaddetail s&lid=1709 hier: Photoshop-Tutorial: Realistische Wassertropfen erstellen || Pixelgalerie Weblog oder hier: Mac OS X QuickTips #57 Tutorial Zumindest schon mal ein Ansatzpunkt! Gruss Assi __________________ [...]

  12. Gravatar Tautropfen erstellen - PSD-Tutorials.de - Forum
     

    [...] AW: Tautropfen erstellen ich glaub es war eher was in diese richtung gemeint: Photoshop-Tutorial: Realistische Wassertropfen erstellen || Pixelgalerie Weblog [...]

  13. Gravatar Photoshop-Tutorial: Realistische Wassertropfen erstellen « Graphic Design Blog
     

    [...] Weiter auf der nächsten Seite » [...]

  14. Gravatar Marina
     

    Hallo Ihr lieben Leute,

    oh wie wundervoll ich doch solche Seiten finde… ja ja ja… dennoch komme ich an einer Stelle nicht weiter… mein Verlauf sieht zwar wunderschön aus und hat sogar etwas tropfenähnliches ;) aber er ist einfach nicht durchsichtig??? Kann mir jemand weiterhelfen?

    Liebe Grüße in die weite Welt aus dem zauberhaften Berlin (auch wenn es gerade in dicken Regenwolken versinkt) von Marina

  15. Gravatar Marina
     

    noch eine kleine Anmerkung: also wenn ich in meinem Modus “Überlagern” wähle auf der DROP-Ebene macht er einfach nix (egal ob ich sprenkeln oder sonst was auswähle)… ich bin so am verzweifeln… please, help me!

  16. Gravatar diogenuss
     

    high Marina – aus dem sonnigen Lanzarote -

    ich nehme an, du hast dem verlauf dann auch die entsprechenden filter gegeben (schlagschatten und schatten nach innen)!? – oder lade doch einfach mal dein resultat hoch (gerne auch zu cyberculture[at]magic-lanzarote.net per mail wenn du magst… . (das “at” natuerlich durch den klammeraffen zu ersetzen ;-) )

  17. Gravatar Mike
     

    @Marina:
    Sorry für die verspätete Reaktion, ich war für ein paar Tage “offline”.
    Eine sofortige Lösung für dein Problem habe ich nicht, da ich es nicht wirklich nachvollziehen kann.

    Sollte dir diogenuss noch nicht schon geholfen haben und das Problem noch existieren, kannst du mir auch gern dein PSD mailen. Dann kann ich dir sicher mehr sagen.

  18. Gravatar Marina
     

    Hallo Ihr netten Leute, ach was bin ich doch begeistert von dieser Seite, danke für eure Zeilen…
    Hatte leider noch keine Zeit mich nochmal an mein Bildchen zu setzen und komme auch leider erst in den nächsten Tagen dazu, vielleicht finde ich dann (mh denke denke selber nach und das schon seit Tagen) auch allein die Lösung, doch falls nicht, melde ich mich super gern nocheinmal…
    Liebe Grüße aus dem weniger sonnigen (doch immerwieder recht schönen und abenteuerlichen) Berlin in die weite schöne Welt von Marina…

    (Randbemerkung: Ich bin nicht in Ordnung, du bist nicht in Ordnung und das ist ganz in Ordnung so…)

  19. Gravatar Wasser Effekt??? - Seite 2 - PSD-Tutorials.de - Forum
     

    [...] AW: Wasser Effekt??? Hiermit? Photoshop-Tutorial: Realistische Wassertropfen erstellen || Pixelgalerie Weblog [...]

  20. Gravatar blog-Vision » Wassertropfen Tutorial
     

    [...] [...]

  21. Gravatar jessica neitzel
     

    bei mir sieht der tropfen irgendwie total unklar aus un noch viel zu schwarz…sau komisch ich hab alles so gemacht wie sie es geschreiben haben

  22. Gravatar Mike
     

    @Jessica:
    Irgendwo hast du wahrscheinlich doch einen Schritt ausgelassen. Überprüfe doch mal, ob die Füllmethode der Ebene Drop auf “Überlagern” eingestellt ist. Wenn das so ist, gehe am Besten noch mal alle Schritte genau durch.

  23. Gravatar Jimmy
     

    http://www.24-psd.de/tut_details.222+M57ebb9abbb0.0.html

    Hallo Freunde,

    unter der obigen Adresse findet ihr ein Tut was meiner Meinung nach viel einfacher ist und bessere Ergebnisse bringt!

    Jimmy

  24. Gravatar Mike
     

    @Jimmy
    Danke für den Tipp.

  25. Gravatar BierterHuggler
     

    Habe mit grosser Begeisterung versucht die Tropfen
    nachzumachen und bin bei der Füllmethode “Ueberlagern” gescheitert, habe diesen Befehl nicht gefunden (bei PHCS3).
    Kann mir bitte jemand weiterhelfen?
    Herzlichen Dank im voraus und Grüsse aus
    der Schweiz.

  26. Gravatar Mike
     

    Versuch bei CS3 mal die Füllmethode “Ineinanderkopieren”…

  27. Gravatar BierterHuggler
     

    Hallo Mike
    herzlichen Dank für den Hinweis, hatte es mal damit versucht,
    (war mir aber nicht sicher),
    meine Tropfen sehen noch nicht so realistisch aus
    wie auf dem Tutorial.

    Werde aber nochmals einen Versuch machen…

  28. Gravatar newStyle28195
     

    Super Tutorial – Genialer Effekt! Klappt wirklich prima!
    AUSSER: Ich habe die Aufgabe die Tropfen auf einen schwarzen Background zu zaubern …. Jemand ne Idee wie das funktioniert?!

    PLEASE HELP !!!

  29. Gravatar mein neues werk - PSD-Tutorials.de - Forum
     

    [...] die tutorials… Webmasterpro v5 – Eine weitere Art Wassertropfen zu erstellen. – Webmasterpro.de Photoshop-Tutorial: Realistische Wassertropfen erstellen || PixelGalerie Weblog [...]

  30. Gravatar Arnold
     

    Endlich mal ein Tutorium, dass man auch als Anfänger leicht nachvollziehen kann. Vielen Dank!

  31. Gravatar Realistische Wassertropfen
     

    [...] Haufe vom Weblog Pixelgalerie hat ein sehr schönes Tutorial zur Herstellung von realistischen Wassertropfen geschrieben. Exemplarisch zeigt er, wie man mit Photoshop-Hilfe nachträglich Wassertropfen auf ein [...]

  32. Gravatar Mikoto
     

    Seeehr tolles Tut *-*
    Und wie schon gesagt wurde – ich kann nur zu stimmen – für Anfänger gut zu gebrauchen ^^
    Nur den Glanzpunkt hab ich mit dem Pinsel und nicht dem Stift gemacht, weil mir das zu hart gewirkt hat…
    Danke nochmal, und viel Spaß noch ^^
    Lg, Miko

  33. Gravatar Olivia
     

    leider finde ich nicht die funktion überlagern? :-(

  34. Gravatar TYPO3 Programmierung
     

    Ich finde dieses Tutorial wirklich sehr gut beschrieben. Es hatte bei mir auf anhieb geklappt, obwohl ich nicht gerade der Photoshop-Crack bin. Danke!

  35. Gravatar trinle
     

    einfach und effizient, danke für dein tutorial :-)

  36. Gravatar Tutorial – realistische Wassertropfen erstellen « My Blog @ Artstudio
     

    [...] Wassertropfen – weblog.pixelgalerie.com [...]

  37. Gravatar leo
     

    Hallo das funktioniert gar nicht richitg man muss weiches licht instellen und nch mutipliezieren!

Einen Kommentar schreiben





Du kannst HTML-Tags benutzen. Gravatare werden unterstützt.



 
TopBlogs.de blogoscoop