Halftone-Background mit Photoshop

20. Mai 2007 - Sonntag

halftone.png

Um die Aufmerksamkeit auf einen bestimmten Bildteil zu lenken gibt es einige Möglichkeiten. Versucht doch einmal den Hintergrund in ein Halftone-Raster zu bringen.

Ausgangsbild

Als erstes ist das zu bearbeitende Bild in Photoshop zu laden. Auf dieses Bild wird ein schwarzer Kreis gezeichnet (am besten per Tastatur mit [D] die Standardfarben einschalten, dann ist schwarz automatisch die Vorderfrundfarbe).

Ellipse-WerkzeugNach Auswahl des Ellipse-Werkzeugs (Taste [U]) und mit gedrückter Shift-Taste, damit es auch ein Kreis wird, wird der Kreis aufgezogen. Damit wird auch automatisch eine neue Vektorebene erstellt (Form 1). Über Größe und Platzierung braucht man sich keine Gedanken zu machen.

Ich zeige diese Aktionen hier auf einer leeren Ebene, damit es besser nachzuvollziehen ist.

Kreis zeichnen

Nun wird diese Vektorform über Transformieren [Mac: Command+T | Windows: Alt+T] angepasst. Es ist empfehlenswert die entsprechenden Parameter in die Felder einzutragen, da die am genauesten ist. Für die horizontale (x) und vertikale (y) Position ist der Wert 0einzugeben; die Größe des Kreises variiert in Abhängigkeit der Größe des Orignalbildes. Hier muss ein bisschen probiert werden. Im Beispielfall bei einer Originalgröße von 450×300 Pixel ist der Durchmesser des Kreises 15 Pixel.

Transformieren

Die letzte Eingabe mit der Eingabetaste und das Transformieren ebenfalls bestätigen. Danach sollte der Kreis nur noch zu einem Viertel in der oberen linke Ecke zu sehen sein.

transformierter Kreis

Dieser Kreis wird nun mit [Alt+Command+T | Strg+Alt+T] dupliziert und transformiert. Mit der Eingabe von 15px (=Durchmessers des Kreis) für die horizontale Transformation (x) um diesen Faktor nach rechts versetzt.

transformieren nach unten

Diese Transformation wird nun mit [Umschalten+Alt+Command+T | Umschalten+Strg+Alt+T] so oft wiederholt, bis der Arbeitsbereich durch eine komplette Reihe aufgefüllt ist.

komplette Reihe transformiert

PfadauswahlwerkzeugÜber das Pfadauswahl-Werkzeug [A] wird diese erste Reihe nun markiert bzw. ausgewählt und wie oben wieder per [Mac: Alt+Command+T | Windows: Strg+Alt+T] dupliziert und transformiert.

Auswahl mit Pfadauswahlwerkzeug

Diesmal wird die Transformation nach unten (y) wieder um 15px (=Durchmessers des Kreis) ausgeführt

transformieren nach unten

und wie oben bestätigt. Anschließend wird das Transformieren wieder mit [Umschalten+Alt+Command+T | Umschalten+Strg+Alt+T] so oft wiederholt bis der komplette Arbeitsbereich gefüllt ist. Das fertige Ergebnis sollte folgendermaßen aussehen.

fertiges Raster

Nun wird eine neue Ebene über das Symbol „Neue Ebene erstellen“ rechts unten in der Ebenenpalette erstellt (diese wird später einen farbigen Hintergrund ermöglichen) und die Ebenen werden wie folgt angeordnet.

Ebenenpalette

Das erstellte Raster wird als Schnittmaske genutzt, indem der Mauszeiger genau zwischen die Ebene des Bildes und der Vektorebene (Form 1) in der Ebenenpalette platziert wird. Durch drücken der Alt-Taste, wechselt der Cursor zu zwei überlappenden Kreisen.

Schnittmaske erstellen

Ein Klick auf die Trennlinie der beiden Ebenen und das Raster ist mit der Grafik gefüllt.

Schnittmaske erstellt

Das so entstandene Bild hat aktuell keinen Hintergrund. In Abhängigkeit des Ausgangsbild wird die vorhin neu erstellte Ebene ausgewählt und mit einer Farbe gefüllt (hier schwarz).

Um den gewünschten Bildausschnitt nun zu betonen, wird die Vektorform ausgewählt und der Pinsel aktiviert [B]. Über die Pinselvorgaben wird ein relativ großer weicher Pinsel gewählt. Da auf der Vektorebene der Pinsel nicht genutzt weren kann, erscheint der Mauszeiger als Verbotszeichen. Der Versuch dennoch zu zeichnen, bringt die Meldung

Fehlermeldung

die mit [OK] bestätigt wird.

Über [D] werden die Standardfarben gewählt und mit schwarz als Vordergrundfarbe über den Bereich des Bildes gezeichnet der wieder komplett sichtbar gemacht werden soll.

fertig

Die Photoshop-Datei für dieses Tutorial steht hier zum Download bereit. Viel Spaß beim Ausprobieren.

Bild: Levent Tonoz


4 Kommentare zu ::Halftone-Background mit Photoshop::

  1.  
    20. Mai 2007 | 10:47
     

    Also ich…., ich würde das mit pattern lösen, anstatt das ding zu wiederholen wie blöd :) und dann noch ein bisschen weich zeichnen und dann kommts richtig geil ;)

  2.  
    20. Mai 2007 | 13:52
     

    Ich, als Photoshop-Amateur, würde mich freuen, wenn Du uns das mit dem „Muster“ erklären könntest. Denn ich schaffe es nicht die Ebenen, die mit dem Muster gefüllt ist, entsprechend als Schnittmaske zu nutzen. Danke!

  3.  
    22. Mai 2007 | 00:42
     

    Hi Thomas

    Du kannst auch einfach zwischen die beiden ebenen mit der alt taste klicken, dann passiert das gleiche wie bei folgendem tut:

    http://pixelchen.net/?p=174

  4.  
    Alena
    01. Jan 2008 | 18:09
     

    Super Effekt, hat alles geklappt. Respekt! :)

Denken hilft!

(ist erforderlich)

(ist erforderlich)


Gut zu Wissen
Zeilen und Leerstellen werden automatisch generiert. Deine eMail Adresse wird nicht angezeigt und ich verkaufe auch kein Viagra. Links werden aber von mir angeschaut.


RSS | TrackBack-URI