photoshop Archive - by Rebecca Kiessus

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.

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:

Schritt 2

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

In der Animationsleiste erstellst du nun so viele zusätzliche Frames ( ) wie du brauchst, bei mir sind es 7.

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.

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.
Mit 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.

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.

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.

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.

Wenn 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.

step by step – eine Zeichenanleitung für Photoshop

Am Wochenende habe ich mir etwas Zeit zum Zeichnen genommen. Daraus entstand ein Bild, dass ich nutzen möchte um eine kleine Anleitung zum Zeichnen in Photoshop mit dir zu teilen. Es ist eine einfache Methode, in der ich vor allem mit Pfaden und Ebenen arbeite.

Ich beginne immer mit einer Skizze, manchmal direkt in Photoshop, manchmal per Bleistift. Meine Seehexe ist aus einer Skizze beim Telefonieren entstanden, die prompt zum Scanner gewandert ist.

In Photoshop habe ich die Skizze erst einmal nachgezeichnet (das ist nicht zwingend notwendig, aber für mich immer der erste Schritt). Dafür verwende ich eine einfache harte Pinselspitze in 6 px. Du kannst dir in Photoshop auch jeder Zeit eigene Pinselspitzen erstellen. Wie das geht, findest du HIER.

Sobald man fertig ist, geht’s auch schon ans ausmalen. Ich erstelle dazu eine neue Ebene und platziere diese unter deiner Skizzen-Ebene. Wähle nun den für dich passenden Pinsel und Farbe. Beginne am besten mit den größten Flächen, das wären bei mir die Haut, die Kleidung und die Haare.

Zum Ausmalen habe ich verschiedene Pinsel verwendet.

So nun können wir schon an den Details arbeiten. Dazu blende ich die Skizzenebene aus, oder ich schiebe sie in der Ebenenhierarchie nach unten.

Eine Möglichkeit an den Details zu arbeiten, ist die Anwendung von Verläufen. Wenn auch du mit Verläufe arbeiten willst, wählst du am besten zuerst den Bereich aus, auf den du deinen Verlauf anwenden willst (Zauberstab oder Lassowerkzeugen sind hierfür am besten geeignet) und drückst dann G oder . Links oben wird dann ein Verlauf dargestellt, durch einen Klick auf ihn, gelangst du zum Verlaufs-Editor. Hier kannst du nun deinen Verlauf bearbeiten. Mit Klick auf die unteren Pfeile veränderst du die Farbgebung, mit Klick auf die oberen, kannst du die Transparenz einstellen.

Widmen wir uns nun dem Gesicht. Bei meiner Zeichnung gibt es da nicht viel zu tun, da das Gesicht meiner Seehexe fast nur aus Augen besteht. Die Outlines habe ich mit mit dem Pfadwerkzeug ( P ) erstellt und dann über die Tastenkombination Alt+Rückschritt / CMD+Rückschritt eingefärbt. Die Lippen habe ich mit dem Pinsel gezeichnet.

Tipp: Zeichne die Oberlippe etwas dunkler als die Unterlippe, denn normalerweise fällt auf die Unterlippe mehr Licht, dass hellt sie auf.

Nun geht’s ans Schattieren. Ich habe die Schatten mit einem Pinsel und einer dunkleren Hautfarbe eingezeichnet, du kannst aber auch das Pfadwerkzeug benutzen und die Schatten so definieren.

Als nächstes habe ich mich um ein paar Details, wie die Kette und die Innenseite des Rocks gekümmert.

Im Detail: Für den Unterrock habe ich eine neue Ebene angelegt und die abgebildete Pinseleinstellungen verwendet. Die Kette besteht nur aus Kreisen ( mit dem Keiswerkzeug M erstellt und mit dem gefüllt), durch das Setzen eines Lichtpunktes (heller Bereich) mit einem weichen Pinsel und das Definieren eines Schattens (demzufolge der dunkle Bereich :D) entsteht ihre plastische Wirkung.

Nun lassen wir die Seehexe strahlen: Zuerst habe ich die Richtung des Lichts vordefiniert, dann habe ich eine neue Ebene erstellt und mit einem weichen Pinsel, das Licht strahlenförmig vom Augapfel ausgehend eingezeichnet. Bei der Farbauswahl habe ich mich für einen gelben und einen orangen Farbton entschieden. Anschließend habe ich noch den gaußschen Weichzeichner mit einen Radius von 35 Pixeln verwendet und die Transparenz auf 80% heruntergesetzt. Das ist auch ein guter Zeitpunkt, die Füllmethoden zu Hilfe zu nehmen, besonders gut eignet sich die Füllmethode aufhellen.

Die Seehexe lebt natürlich in den Tiefen es Meeres, darum ist sie meistens von Dunkelheit umgeben und nur ihre strahlenden Augen können diese durchbrechen.
Dementsprechend habe ich den Hintergrand in Dunkelblau gehalten und ihn nur um den Lichtkegel herum aufgehellt. Du kannst diesen und ähnliche Effekte ganz einfach mit einen weichen Pinsel und einer 50% Deckkraft erzeugen.

So sieht der Hintergrund natürlich noch etwas langweilig aus, darum habe ich eine neue Ebene erstellt und noch ein paar Details hinzugefügt. Die Ebene ist die erste in der Ebenenhierarchie und die Füllmethode habe ich auf Aufhellen gestellt.
Die Formen an sich entstehen wieder durch die Modifikation eines Pinsels, die genauen Einstellungen siehst du im Bild. Ich habe diesen Pinsel vorallem an den Rändern und in den Ecken eingesetzt, Achte darauf, solche Effekte möglichst unregelmäßig über das Bild zu verteilen – das wirkt natürlicher. Wenn beim Auftragen zu viele Punkte entstanden sind, kannst du sie natürlich jederzeit wieder ausradieren, ich empfehle dir dabei einen Radierer mit 50% Deckkraft zu verwenden, denn dadurch können weitere sehr schöne Formen enstehen.

und das ist das Ergebnis:

viel Spaß beim Zeichnen.

Step by Step – Seefee

Wenn dir meine Seefee gefällt, kannst du sie hier kostenlos als Wallpaper downloaden.

Jetzt herunterladen!0 Downloads

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

________________________________________________

Ich zeichne mit:
einen Druckminenbleistift von Faber-Castell

Knetgummi von Faber-Castell

LYRA Bleistiftset

Skizzenbuch A3

Skizzenbuch A4

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:

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“.

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.

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

Über Cmd+J kannst du die Ebene des Dreiecks kopieren. Anschließend drehst du sie mit dem Verschieben-Werkzeug 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.

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

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.

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 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“.

Deine Datei sieht nun so aus.

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.

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 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.

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.

Nun geht’s zurück zur eigentlichen Datei. Erstelle eine neue Ebenen, über oder ü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.

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

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

Du benötigst nun wieder eine neue Ebene. Dann wählst du das Pfadwerkzeug / P aus und erstellst ein Viereck, das genau das Innere einer Kachel ausfüllt. Klicke im Reiter Pfad auf „Lade Pfad als Auswahl“. Die entstandene Auswahl kannst du jetzt nach Herzenslust füllen , 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.

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.

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.

______________________________

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.

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.

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.

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:

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

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

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.

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.

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.

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 eine Maske.

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

Ein kleiner Tip: Falls dir der Ausschnitt deiner Schrift nicht gefällt, kannst du durch klick auf das „Verbundene Ebenen“-Symbol die 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.

Ich habe folgende Einstellungen genutzt:

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.

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.

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.

Meine Fellbuchstaben sehen nun so aus.

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

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

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.

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.

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 > .

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.

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.

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.

Zum Fenster Ebenenstil kommst du entweder über einen Doppelklick auf deine Tropfenebene oder über die Schaltfläche Ebenen > . 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.

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.

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

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.

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

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

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.

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 verwenden.

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

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.

Meerjungfrau am Hacken

Meine Meerjungfrau. Die Ärmste wurde von einem Hacken verwischt, der als blinder Passagier einer kleinen Müllinsel durch die Meere treibt. Leider weis ich nicht was aus ihr geworden ist, aber ich wünsche ihr viel Glück…

Ein kleiner aber sehr effizienter Trick bei Zeichnen ist das spiegeln (in Photoshop: Strg+T / Cmd+T so gelangst du zum frei Transformieren Tool, mit dem Rechtsklick öffnest du das Drop Down Menü. DorT findest du: horizontal / vertikal spiegeln.

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

SCHRITT 1

Schritt 2

Schritt 3

Schritt 4

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

Am Wochenende habe ich mir etwas Zeit zum Zeichnen genommen. Daraus entstand ein Bild, dass ich nutzen möchte um eine kleine Anleitung zum Zeichnen in Photoshop mit dir zu teilen. Es ist eine einfache Methode, in der ich vor allem mit Pfaden und Ebenen arbeite.

Ich beginne immer mit einer Skizze, manchmal direkt in Photoshop, manchmal per Bleistift. Meine Seehexe ist aus einer Skizze beim Telefonieren entstanden, die prompt zum Scanner gewandert ist.

Sobald man fertig ist, geht’s auch schon ans ausmalen. Ich erstelle dazu eine neue Ebene und platziere diese unter deiner Skizzen-Ebene. Wähle nun den für dich passenden Pinsel und Farbe. Beginne am besten mit den größten Flächen, das wären bei mir die Haut, die Kleidung und die Haare.

Zum Ausmalen habe ich verschiedene Pinsel verwendet.

So nun können wir schon an den Details arbeiten. Dazu blende ich die Skizzenebene aus, oder ich schiebe sie in der Ebenenhierarchie nach unten.

Tipp: Zeichne die Oberlippe etwas dunkler als die Unterlippe, denn normalerweise fällt auf die Unterlippe mehr Licht, dass hellt sie auf.

Nun geht’s ans Schattieren. Ich habe die Schatten mit einem Pinsel und einer dunkleren Hautfarbe eingezeichnet, du kannst aber auch das Pfadwerkzeug benutzen und die Schatten so definieren.

Als nächstes habe ich mich um ein paar Details, wie die Kette und die Innenseite des Rocks gekümmert.

und das ist das Ergebnis:

viel Spaß beim Zeichnen.

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

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

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“.

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

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.

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.

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.

Deine Datei sieht nun so aus.

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.

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

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.

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

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

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.

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

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

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.

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.

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.

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

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

viel Spaß damit. rk.

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

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

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:

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.

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.

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

Ich habe folgende Einstellungen genutzt:

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.

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.

<img loading="lazy" class="aligncenter size-full wp-image-1525" src="http://pixus-punktus.de/wp-content/uploads/2015/02/richtung-ändern-pinsel.jpg" alt="richtung ändern pinsel" width="220" height="215" />

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.

Meine Fellbuchstaben sehen nun so aus.

Zum Schluss füge ich über <img loading="lazy" class="size-full wp-image-1529 alignnone" src="http://pixus-punktus.de/wp-content/uploads/2015/02/ebenenstil.png" alt="ebenenstil" width="30" height="18" />noch einen Schatten hinzu. So bekommt meine Schrift noch etwas mehr Kontrast und Plastizität.

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

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.

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.

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

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.

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.

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.

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.

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

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

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

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

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.

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