Angezeigt: 1 - 5 von 5 ERGEBNISSEN

Wie du ein Gif in Photoshop erstellst und speicherst

Wer meinen Tumblr-Blog kennt, stößt dort von Zeit zu Zeit auf eins meiner Gif´s. Ich liebe diese kleinen bewegten Animationen sehr, sie machen Spaß, gehen schnell und zeigen die Realität immer etwas verzerrt. Im Internet findet man immer wieder sehr kreative und künstlerische Verwendungsbeispiele.
Das GIF (Graphics Interchange Format) wurde bereits in den 80er Jahren zum Austausch von Grafiken erfunden. Sie unterstützen Transparenzen und bieten dem Nutzer die Möglichkeit mehrere Bilder in einer Datei zu speichern, die man wie eine Animation abspielen kann. Außerdem können sie, ohne Programmierkenntinsse, auf Webseiten angebracht werden.
Doch eigentlich sind GIF´s, im schnell lebigen Internet längst ein „alter Hut“. Doch ich und viele andere Nutzer mögen „alte Hüte“ darum erfährt das GIF schon seit einigen Jahren, vor allem auf Tumblr oder Reddit, eine Renaissance.

Und das schöne ist, ein Gif lässt sich ganz einfach in Photoshop erstellen und speichern.

Für ein Gif kannst du verschiedene grafische Elemente verwenden, ich habe mich für eine Fotoserie entschieden. Sie besteht aus 9 Bildern. Je nach belieben reichen auch schon 2 Bilder oder 1 Bild und ein grafisches Objekt. Lass deine Fantasie einfach raus.

Wenn die Fotos geschossen oder die Grafik erstellt ist, kanns losgehen.

SCHRITT 1

Um ein GIF zu erstellen, öffnest du zuerst eine neue Datei in Photoshop. Ich rate dir, deine Datei nicht zu groß anzulegen, vor allem wenn du dein GIF im Internet nutzen willst. Leider erreichen GIF´s schnell eine kritische Masse und es kommt zu Problemen beim uploud. Bedingt durch den Ausschnitt, hat meine Datei eine Größe von 1212px x 852px.

Du lädst alle Bilder in deine Datei und ordnest sie in der passenden Reihenfolge untereinander an.

Bildschirmfoto 2015-08-27 um 15.13.01

Das Bild meiner Katze sieht leider noch etwas fahl aus. Da ich ihr aber einen trashigen Look geben möchte, erhöhe ich zuerst den Kontrast und füge ganz oben in der Ebenenhierachie noch eine Blaue Farbebene hinzu. Die Füllebene stelle ich auf „weiches Licht“. Das ist natürlich ein optionaler Schritt. Du kannst deine GIF nach Herzenslust gestalten.

Nach dem bearbeiten sehen meine Katzen so aus:

miz mal 9

Schritt 2

Klicke nun auf Fenster > Animation. Mit Hilfe dieses Riders kannst du deine Bilder animieren.

Bildschirmfoto 2015-08-27 um 15.59.19

In der Animationsleiste erstellst du nun so viele zusätzliche Frames ( neue Ebene ps) wie du brauchst, bei mir sind es 7.
Bildschirmfoto 2015-08-27 um 16.08.30

So. Nun klickst du deinen ersten Frame an und wählst in der Ebenenleiste aus, welches Bild auf diesen Frame zu sehen sein soll, alle anderen Bilder blendest du aus. So weist du jeden Frame ein Bild zu.

Bildschirmfoto 2015-08-27 um 16.28.45

Schritt 3

Du hast nun noch die Möglichkeit, die Geschwindigkeit, mit der die Frames wechseln einzustellen. Diese Option kannst du aufrufen, indem du auf den kleinen schwarzen Pfeil neben der Zeitangabe klickst. Es öffnet sich ein Dialogfenster mit verschieden Sekundenangaben und der Option eigene Zeitangaben zu machen. So kannst du jedem Frame eine Zeitspanne zuweisen in der er zu sehen ist oder du markierst alle Frames und gibst ihnen über das selbe Dialogfenster eine einheitliche Zeit.
Bildschirmfoto 2015-08-27 um 16.37.56Mit der „Play“ Taste kannst du deine Animation nun abspielen.

Wie oft dein Gif bei der Wiedergabe wiederholt werden soll, kannst du über die Wiederholungsoption festlegen, diese findest in der Animationsleiste an erster Stelle. Du hast die Auswahl zwischen „ein Mal“, „drei Mal“, „für immer“ oder einer eigenen Angabe.

Bildschirmfoto 2015-09-01 um 16.28.40

Mein GIF sieht jetzt so aus. Klicke zum Ansehen auf das Bild oder schau hier.

In der Animationsleiste findest du auch noch weiter Optionen, zum Beispiel „dazwischen einfügen“. Mit dieser Funktion kann Photoshop selbstständig Zwischenbilder generieren. Bei diesen Zwischenbildern werden die Eigenschaften (Position, Größe, Farbe…) der Ausgangsbilder stufenweise dargestellt, sodass eine Bewegung entstehen kann.
Für meine Art der Animation macht das zwar nicht viel Sinn, aber ich möchte dir diesen Effekt trotzdem gerne vorstellen.

Bildschirmfoto 2015-08-28 um 09.34.00

Wenn du also den Button „dazwischen einfügen“ klickst, öffnet sich ein Dialogfeld, den dem du die Anzahl der Zwischenbilder einstellen kannst. Ich habe 5 gewählt und den Rest der Einstellungen unverändert beibehalten.

Das ist der Ergebnis, zum Anschauen auf das Bild klicken.

Gif-von-Miz-'dazwischen-einfügen'

Schritt 4

Nach dem dein GIF animiert ist, kannst du es speichern. Dazu gehst du auf Datei > für Web und Geräte speichern. Daraufhin öffnet sich ein neues Dialogfenster. Hier ist wichtig, dass du als Format GIF auswählst. In diesen Fenster hast du noch weitere Optionen, zum Beispiel kannst du die Größe deines GIF´s anpassen und die Farbqualität – probiere hier ruhig die verschiedenen Möglichkeiten aus.

Ich nutze meistens eine Farbpalette von 128 Farben und Dither von 100% (Dithering beschreibt das Verfahren zum Simulieren von Farben, die in der Farbpalette nicht vorkommen). Das spart Speicherplatz.

Bildschirmfoto 2015-09-01 um 17.17.23Wenn du dein GIF sicherst, musst du nur noch den Speicherort angeben und schon hast du dein GIF erstellt.

Ich hoffe dir macht das Erstellen von GIF´s genau so viel Spaß wie mir.

Wenn du mehr meiner Arbeiten sehen willst, dann findest du hier mein Portfolio , mein Tumblr hier und hier mein Instagram.

 

 

______________________________

Ich verwende zum Zeichnen:
Wacom One Grafiktablett schwarz Medium

Wacom ACK-20003 Felt Pen nNibs für Intuos4 (5er Pack)

Ich verwende zum Drucken/Scannen
HP Photosmart 5520 e-All-in-One Tintenstrahl Multifunktionsdrucker

Hinweis: diese  Links sind Affiliate Links. Das bedeutet, dass ich für die Empfehlung eine geringe Provision erhalte.

 

Muster erstellen und Flächen füllen in Photoshop

Heute heißen die Zauberwörter: Muster erstellen und Flächen füllen. In letzter Zeit, habe ich mich mit einem meiner Lieblingsthemen beschäftig – Mustern und Formen. Ich wollte eine geometrische Struktur in Form von Licht und Schatten erzeugen und mit einem Bild verbinden. Herausgekommen ist dabei Folgendes:

kacheln-ausschnitt_2016

Um das zu bewerkstelligen, benötigen wir zu allererst eine Mustervorlage.

Füllmuster erstellen

Um dieses oder ein ähnliches Ergebnis zu erzielen, öffnest du zu erst einmal ein neues Dokument mit cmd+n. Ich habe mich für die Größe 385px x 385px entschieden. Den Hintergrund stellst du noch auf Transparent und drückst „ok“.

kacheln 2016

Nun erstellst du ein Dreieck, du kannst dafür das Poligon-Lasso-Werkzeug oder die Funktion „eigene Formen“ zu Hilfe nehmen. Ich empfehle dir aber das Pfadwerkzeug, denn so kannst du auch nachträglich deine Ankerpunkte anpassen, dass ermöglicht dir mehr Freiheit dein Dreieck zu formen. Zum Beispiel kannst du mit gedrückter cmd-Taste die Ankerpunkte verschieben oder weitere Punkte hinzufügen.

Bildschirmfoto 2015-04-09 um 11.14.45

 Wenn du dein Dreieck erstellt hast, klickst du  im Reiter Pfad auf „Lade Pfad als Auswahl“ und füllst es mit  Grau #666666. 

kachel-dreieck-pfad1_2016

 Über Cmd+J kannst du die Ebene des Dreiecks kopieren. Anschließend drehst du sie mit dem Verschieben-Werkzeug Verschieden-Werkzeug-Photoshop oder  V  um180°. 

Tip: Bei gedrückter Shift-Taste, kannst du das Dreieck immer nun exakt in 15° Schritten drehen. Anschließend färbst du das Dreieck in ein helleres Grau # cbcbcb.

Bildschirmfoto 2015-04-09 um 11.02.23

 Im nächsten Schritt drehst du das Dreieck wieder mit dem Verschieben-Werkzeug  Verschieden-Werkzeug-Photoshop  (V) um 45° und passt es auf die Größe deiner Datei an.

Bildschirmfoto 2015-04-09 um 11.26.16

 Nun erstellen wir unser Muster. Gehe dazu auf Bearbeiten > Muster festlegen. Es erscheint ein kleines Dialogfeld, indem du deinem Muster einen Namen Geben kannst. Klicke noch auf „ok“ und du hast dein Kachelmuster erstellt.

define patt

Flächen Füllen / Muster anwenden

Öffne jetzt das Bild, das du Kacheln möchtest, in einem neuen Fenster. Ich habe mich für das Bild eines Asts entschieden, der im Wald meines Vaters wächst.

Erstelle jetzt eine neue Ebene per neue Ebene ps oder über die Tastenkombination Shift cmd N. Achte darauf, dass diese Ebene ausgewählt ist. Über Bearbeiten > Fläche füllen gelangst du zu deinen Muster. Wähle es im Dialogfenster „Fläche füllen“ aus und bestätige es mit „ok“.

muster anwenden

 Deine Datei sieht nun so aus.

Bildschirmfoto 2015-04-09 um 17.28.51_2016

 Wähle die Füllmethode „Ineinanderkopieren“

Tip: Falls dir das Ergebnis zu blass erscheint, kannst du über Bild > Korrekturen> Helligkeit/Kontrast den Effekt noch verstärken. 

Bildschirmfoto 2015-04-09 um 17.33.31

 So, das Ergebnis ist schon gut und wenn du willst kannst du es dabei belassen.

Oder du kannst noch einen kleinen Effekt hinzufügen. Dazu öffnest du wieder deine Datei mit der Kachel, dann fügst du eine Neue Ebene über neue Ebene ps oder über die Tastenkombination Shift cmd N hinzu und fährst die Außenkante und den Mittelstrich mit dem Pinselwerkzeug nach. Am schnellsten geht das, indem du das Pinselwerkzeug auswählst, deinen Startpunkt anklickst,dabei shift gedrückt hältst und danach auf deinen ersten Zwischenpunkt klickst . Photoshop verbindet so nämlich die beiden Punkte mit einer Geraden. So verfährst du bis du alle Linien nachgezogen hast.

Bildschirmfoto 2015-04-09 um 18.26.32

Blende nun alle Ebenen bis auf die Ebene mit dem weißen Rahmen aus und erstelle eine Füllvorlage (Bearbeiten > Muster festlegen) wie bereits oben beschrieben. 

Bildschirmfoto 2015-04-09 um 18.29.16

Nun geht’s zurück zur eigentlichen Datei. Erstelle eine neue Ebenen, über    neue Ebene psoder über die Tastenkombination Shift cmd N.  Gehe nun wieder auf Bearbeiten > Fläche füllen und wähle den Rahmen aus, dieser müsste jetzt genau über deine bereits erstellten Kacheln passen. 

Bildschirmfoto 2015-04-09 um 18.32.55

Wähle nun noch die Füllmethode „ineinanderkopieren“ und fertig.

Bildschirmfoto 2015-04-09 um 18.34.32

 …oder auch nicht :) Wenn du willst kann es noch weiter gehen.

Bildschirmfoto 2015-04-09 um 18.42.39

 Du benötigst nun wieder eine neue Ebene. Dann wählst du das Pfadwerkzeug Pfadwerkzeug/ P aus und erstellst ein Viereck, das genau das Innere einer Kachel ausfüllt. Klicke  im Reiter Pfad auf „Lade Pfad als Auswahl“%22Lade Pfad als Auswahl%22.  Die entstandene Auswahl kannst du jetzt nach Herzenslust füllen füllwerkzeug, ich habe mich farblich an den Farben im Bild orientiert. Mit cmd J kannst du das Viereck beliebig oft kopieren und in verschiedenen Farben einfärben. Bildschirmfoto 2015-04-10 um 08.47.06

 Füge nun alle bunten Kacheln zusammen  (cmd E) und ordne sie unter dem weißen Rahmen an. Am Schluss stellst du die Füllmethode noch auf Lichtpunkte. 

Kacheln

 Es ist dir überlassen, an welchem Punkt du die Gestaltung deiner Grafik beendest, Oftmals ist auch weniger mehr und natürlich kommt es auch auf dein Ausgangsbild an. Bei ruhigeren Bildern, kannst du dich bei Farbe und Muster auch mehr auslassen, als bei detailreichen Bildern, wie diesem. Hauptsache ist aber du hast Spaß bei der Gestaltung.

Wenn du mehr meiner Arbeiten sehen willst, dann findest du hier mein Portfolio und mein Tumblr hier.

 

Kacheln zb3

Kacheln zb 2

 

 

 

 

 

 

 

 

______________________________

Ich verwende zum Zeichnen:
Wacom One Grafiktablett schwarz Medium

Wacom ACK-20003 Felt Pen nNibs für Intuos4 (5er Pack)

Ich verwende zum Drucken/Scannen
HP Photosmart 5520 e-All-in-One Tintenstrahl Multifunktionsdrucker

Hinweis: diese Links sind Affiliate Links. Das bedeutet, dass ich für die Empfehlung eine geringe Provision erhalte.

 

 

Inhaltssenitives Füllen von Flächen in Photoshop – oder wie Photoshop für dich ähnliche Füllungen kreiert

HalloHallo,

Eigentlich wollte ich erst morgen ein Tutorial schreiben, und das über Ostern aber ich habe heute eine kleine feine Sache wieder entdeckt, die mich einfach entzückt und die dabei noch unglaublich Zeit sparend  sein kann. Ostern muss daher noch etwas warten.

Und hier kommt jetzt ein kleiner hilfreicher Tip, wenn dein Bild ein paar Lücken hat. Es passiert nämlich in Photoshop schnell, dass zum Beispiel durch das Radierwerkzeug, das Zusammenstückeln verschiedenen Bilder oder das Transformieren-Werkzeug Teile deines Bildes verfälscht, verzerrt oder gelöscht werden. Mir ist das hier passiert.

bildschirmfoto-2015-03-21-um-16-34-53_2016

Durch das Transformieren meines Bildes, ist ein ziemlich großer Leerraum entstanden. Natürlich könnte ich das Bild einfach zurecht schneiden und den Freiraum so verschwinden lassen. Jedoch möchte ich genau diese Dokumentgröße beibehalten. Wir müssen den Bereich also füllen.

Aber wie? Eine Möglichkeit wäre sicherlich das Stempelwerkzeug aber in unseren Fall geht es wesentlich schneller und realistischer, wenn wir es wie folgt machen.

  Zuerst wählst du das Auswahlrechteck (M) aus und ziehst ein großzügiges Rechteck um deinen leeren Bereich.

bildschirmfoto-2015-03-21-um-16-57-38_2016

Dann wählst du Auswahl> Auswahl verändern > Weiche Kante. Wie der Name schon verrät, wird deine Auswahl da durch weicher, dass heißt der Übergang zwischen dem vorhandenen Bild und dem Bereich den wir erzeugen wollen, verläuft dann fließend und es entstehen keine harten Ecken.

bildschirmfoto-2015-03-21-um-17-09-01_2016

Es öffnet sich dieses kleine Dialogfenster. Hier wirst du nun gefragt, wie viele Pixel deine „Weiche Kante“ umfassen soll. Ich habe 20 Pixel eingestellt, aber eigentlich kommt es hier wieder auf dein eigenes Bild an. Die Anzahl der Pixel variiert  nämlich je nach Größe deiner Auswahl und Auflösung deines Bildes.

So und nun zum Eigentlichen: bildschirmfoto-2015-03-21-um-17-32-44_2016

Klicke auf Bearbeiten > Fläche Füllen. Es erscheint wieder ein Dialogfenster.

dialogfeld-fill_2016

Hier hast du nun verschiedene Möglichkeiten deine Auswahl zu füllen. Für unsere Zwecke benutzen wir „Content-Aware“ / “ Inhaltssenitiv Füllen“ 

fill-ohne-fc3bcllung-und-mit_2016

Photoshop generiert dann, auf Zufall basierte, ähnliche Bildinhalte. Manchmal musst du etwas Geduld haben, da das Ergebnis nicht immer sofort zufriedenstellend ist. Jedoch kannst du, durch das Wiederholen und Variieren der ersten Schritte, schöne Füllungen erzeugen. Ich finde die Ergebnisse meistens sehr gut und bin gerade total begeistert von dieser Funktion.

fill_2016

viel Spaß damit. rk.

Wenn du mehr meiner Arbeiten sehen willst, dann findest du hier mein Portfolio und mein Tumblr hier.

______________________________

Ich verwende zum Zeichnen:
Wacom One Grafiktablett schwarz Medium

Wacom ACK-20003 Felt Pen nNibs für Intuos4 (5er Pack)

Ich verwende zum Drucken/Scannen
HP Photosmart 5520 e-All-in-One Tintenstrahl Multifunktionsdrucker

Hinweis: diese Links sind Affiliate Links. Das bedeutet, dass ich für die Empfehlung eine geringe Provision erhalte.

Fellschrift erstellen in Photoshop – eine haarige Angelegenheit

Hallo zu einem neuen Tutorial.

Eigentlich wollte ich ein Frühlingstutorial mit lustig wachsenden Grasbuchstaben machen, aber während meiner Versuche im Photoshop, ist aus dem Gras Fell geworden. Darum versuche ich nun meine Fellschrift mit dem Thema Frühling zu verknüpfen. Hier mein Versuch:

Meine Damen und Herrn, der Frühling naht! Es ist nicht zu bestreiten, denn mein Freund entdeckte vor ein Paar Tagen die ersten Schneeglöckchen. Doch mit dem Frühling kommt nicht nur die Vegetation in gang auch viele Tiere tun es, als Tribut an diese  tierische Schlafmützen bekommt ihr ein haariges Tutorial.

Basis für dieses Tutorial ist eine gute fellige Photographie, wie immer gibt es im Internet tolle freie Photos zum Download. Dieses öffnest du im Photoshop.

5448850873_0387687ddd_o_2016

Nun erstellst du deine Schrift mit dem Textwerkzeug (T). Bei der Schrift habe ich eine breite Schriftart, mit dem schönen Namen Extra Fat gewählt.

bildschirmfoto-2015-02-18-um-20-37-26_2016

Fährst du nun mit der Maus über deine Schriftebene und hältst dabei ALT gedrückt , erscheint ein gestricheltes Viereck über deinen Mauszeiger.  Mit Klick auf die Schriftebene, wird diese ausgewählt. Wechsle nun auf deine Fellebene und erstelle über  Ebenenmaske  maske eine Maske.

bildschirmfoto-2015-02-18-um-20-39-11_2016

Ich erstelle mir noch schnell einen Hintergrund, weil ohne einen, fühlt sich meine Datei so nackt an. :)

bildschirmfoto-2015-02-18-um-20-40-26_2016

Ein kleiner Tip: Falls dir der Ausschnitt deiner Schrift nicht gefällt, kannst du durch klick auf das „Verbundene Ebenen“-Symbol   Verbundene Ebenendie Maske von der Ebene trennen und sie so seperat verschieben.

So nun kümmern wir uns darum, dass unsere Schrift strubblig wird. Dazu brauchen wir als erstes einen passenden Pinsel, praktischer weise hält Photoshop einen für uns bereit. Bei mir ist es die 112. Falls keinen der Photoshoppinsel verwenden möchtest, zeige ich dir HIER wie du eigene Pinsel verstellen kannst.

Bildschirmfoto 2015-02-18 um 20.42.42

Ich habe folgende Einstellungen genutzt:

bildschirmfoto-2015-02-18-um-20-28-07_2016

Da das Fell auf meiner Photographie vorallem von Rechts nach Links verläuft, habe ich meinen Pinsel dem entsprechend angepasst.

Achte darauf, dass du deine Ebenen Maske ausgewählt hast und das Weiss deine Vordergrundfarbe ist, danach kannst du beginnen die Ränder deiner Buchstaben mit dem Pinsel abzufahren.

bildschirmfoto-2015-02-18-um-20-59-48_2016

Am besten fährst du zuerst alle Buchstaben relativ gleichmäßig ab, sodass du eine haarige Basis hast. Wenn es nötig ist kannst du die Richtung des Pinsels ändern. Das kannst du über das „Steuerkreuz“ mit Rider Pinsel tun. 

richtung ändern pinsel

Jetzt kommen noch die Feinheiten, Um deine Schrift richtig schön haarig wirken zu lassen, verändere die Größe und die Richtung deines Pinsels und zeichne so Unregelmäßigkeiten ein.

richtung ändern pinsel

 Meine Fellbuchstaben sehen nun so aus.

fell_2016

Zum Schluss füge ich über  ebenenstilnoch einen Schatten hinzu. So bekommt meine Schrift noch etwas mehr Kontrast und Plastizität.

bildschirmfoto-2015-02-18-um-21-41-40_2016

Wenn du dieses Tutorial selbst ausprobierst, wirst du feststellen, wie schnell und einfach du eine haarige Schrift zaubern kannst.

fellfertig2_2016

Dass tolle ist, du kannst diese Anleitung auf viele Strukturen wie Gras oder Zweige übertragen, du benötigst nur einen geeigneten Pinsel. Falls du keinen geeigneten Pinsel hast kannst du die ganz leicht selbst welche machen. Diese Tutorial hilft dir dabei.

viel Spaß damit.

War dieses Tutorial hilfreich für dich? Dann hinterlasse mir einen Kommentar.

Wenn du mehr meiner Arbeiten sehen willst, dann findest du hier mein Portfolio und mein Tumblr hier.

______________________________

Ich verwende zum Zeichnen:
Wacom One Grafiktablett schwarz Medium

Wacom ACK-20003 Felt Pen nNibs für Intuos4 (5er Pack)

Ich verwende zum Drucken/Scannen
HP Photosmart 5520 e-All-in-One Tintenstrahl Multifunktionsdrucker

Hinweis: diese Links sind Affiliate Links. Das bedeutet, dass ich für die Empfehlung eine geringe Provision erhalte.

der einfache Weg, (Wasser)tropfen in Photoshop zu erstellen

Hallo, es ist Montagabend und meine Suche nach dem perfekten Tropfen endet nun. Ob er wirklich „perfekt“ ist wage ich zu bezweifeln aber es ist doch ein manierlicher, vorzeigbarer Tropfen, den man auch seinen Freunden vorstellen könnte.

 Ich habe also die letzten Stunden und tatsächlich auch Tage damit verbracht, Regler zu verschieben, Füllebenen  zu testen und Farben zu verändern. Herausgekommen ist: Der Tropfen…und dieses Tutorial.

Holzgarvur_Photoshop-01

Du beginnst mit einer neuen Ebene, die du über Datei > Neu erstellen kannst. Danach lädst du dir ein Hintergrundbild deiner Wahl über Datei > Platzieren.

Holzgarvur_Photoshop-02

Nun kümmern wir uns um unsere Tropfenform. Dazu benötigen wir als erstes eine weitere Ebene, drücke hierzu Shift – Cmd – N oder erstelle sie über die Schaltfläche Ebenen >  neue Ebene ps.

Die Form, für deinen Tropfen, kannst du über verschiedene Tools, wie zum Beispiel, den Pinsel oder das Pfadwerkzeug erstellen. Ich habe das Lasso-Werkzeug (L) verwendet und damit eine freie Form zu kreiert.

Holzgarvur_Photoshop-03

Deine Tropfenform füllst du nun mit einem schwarz/weiss Verlauf. Das Verlaufswerkzeug kannst du über G aufrufen und oben links erscheint daraufhin die Ansicht deines aktuellen Verlaufs. Wenn du auf diese Miniatur des Verlaufs klickst, öffnet sich ein Dialogfenster. Hier kannst du durch Klick auf die Pfeile, rechts und links des Vorschauverlaufs, die Farbe ändern. Stelle hier also jeweils schwarz und weiss ein.

Holzgarvur_Photoshop-04

Als nächstes stellst du die Füllmethode auf Ineinanderkopieren und schon hat deine Fläche den ersten Schritt Richtung Tropfen gemacht. Aber, dass reicht natürlich noch nicht, darum widmen wir uns nun den Ebenenstil.

Holzgarvur_Photoshop--120

Zum Fenster Ebenenstil kommst du entweder über einen Doppelklick auf deine Tropfenebene oder über die Schaltfläche Ebenen >  ebenenstil. Zuerst klickst du auf „Schlagschatten“. Dort stellst du die Füllmethode auf „Linear nachbelichten“ und die Deckkraft auf 35%. Den Winkel stellst du auf 120% und achte darauf, dass bei „globales Licht verwenden“ kein Häkchen gesetzt ist. Dann kommen Abstand: 10px, Überfüllen 0% und Größe 25px. Du kannst diese Werte natürlich nach belieben verändern.

Holzgarvur_Photoshop-06

Nun bekommt unser Tropfen noch einen „Schatten nach innen“, so wirken die Übergänge nicht so hart, außerdem wird er noch plastischer.

Also klick auf „Schatten nach innen“ und gib folgende Werte ein:  bei Füllmethode auf „Linear nachbelichten“, die Deckkraft auf 30% verringern und bei Winkel -30° einstellen. Achte wieder darauf, dass bei „globales Licht verwenden“ kein Häkchen gesetzt ist. Nun noch die Werte, Abstand auf 15px, Überfüllen auf 0% und Größe auf 40 px stellen und ok drücken.

Holzgarvur_Photoshop-08

Der Tropfen sieht nun schon ganz passabel aus. Doch für den letzten Schliff, geben wir ihm noch einen kleinen Lichteffekt.

Holzgarvur_Photoshop-09

Der Lichteffekt bekommt eine eigene Ebene, wieder über Shift – Cmd – N. Dann klickst du auf B, so gelangst du zum Pinsel-Werkzeug. Für den Lichteffekt benutzt du am Besten eine runde, weiche Pinselspitze. Die Werte deines Pinsels kannst du verändern, indem du auf das Pinselspitzensymbol oben links klickst. Über diesen Dialog kannst du Größe, Härtegrad und Form des Pinsels regulieren. Passe die Pinselspitze nun so an, dass du bequem über deinen Tropfen malen kannst. Bevor du aber drauflos pinselst, achte darauf, dass deine Vordergrundfarbe weis ist. Nun male ungefähr gegenüber der dunkelsten Stelle einen Lichtpunkt.

Holzgarvur_Photoshop-10

Gegebenenfalls, kannst du deinen Lichtpunkt über Filter > Weichzeichnungsfilter > Gausßscher Weichzeichner noch etwas bearbeiten.

Holzgarvur_Photoshop-11

 Ich habe außerdem noch die Deckkraft auf 80% gesetzt.

Holzgarvur_Photoshop-16

Nun bist du eigentlich fertig.

Wenn du jedoch nicht nur einen Wassertropfen, sondern vielleicht einen Wein- oder Saftspritzer in die digitale Welt spritzen möchtest, kommt hier noch einer kleiner Zusatz.

Es ist ein leichtes, die Farbe deines Tropfens noch zu verändern, dazu erstelle dir als erstes eine neue Ebene. Wie du dir sicher schon denken kannst, drückst du dafür Shift – Cmd – N.

Holzgarvur_Photoshop-13

Dann wählst du deinen Tropfen aus, indem du mit gedrückter Cmd-Taste auf die Ebene des Tropfens klickst. Es erscheint eine gestrichelte Linie um deine Tropfenform. Achte darauf, dass deine neue Ebene aktiv ist und färbe sie in der Farbe deiner Wahl. Um eine Fläche einzufärben kannst du das Füllwerkzeug  füllwerkzeugverwenden.

Holzgarvur_Photoshop-14

Nun stellst du noch die Füllmethode auf Ineinanderkopieren und die Deckkraft auf 40%.

Holzgarvur_Photoshop-15

fertig :)

viel Spaß damit.

War dieses Tutorial hilfreich für dich? Dann hinterlasse mir einen Kommentar.

Wenn du mehr meiner Arbeiten sehen willst, dann findest du hier mein Portfolio und mein Tumblr hier.

______________________________

Ich verwende zum Zeichnen:
Wacom One Grafiktablett schwarz Medium

Wacom ACK-20003 Felt Pen nNibs für Intuos4 (5er Pack)

Ich verwende zum Drucken/Scannen
HP Photosmart 5520 e-All-in-One Tintenstrahl Multifunktionsdrucker

Hinweis: diese Links sind Affiliate Links. Das bedeutet, dass ich für die Empfehlung eine geringe Provision erhalte.