Halftone-Background mit Photoshop

Halftone-Background

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. Wie das mit Photoshop zu realisieren ist, zeigt dieses Tutorial.


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 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 alle Aktionen besser zu sehen sind.

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 dies am genauesten ist. Für die horizontale (x) und vertikale (y) Position ist der Wert 0 einzugeben; 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.

Auswahl mit Pfadauswahlwerkzeug
und wieder per [Alt+Command+T | Strg+Alt+T] dupliziert und transformiert. 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.

Foto: Levent Tonoz

Verwandte Beiträge

Schlagwörter:,

4 KOMMENTARE

  1. Balu am 20.05.2007 | Permalink

    Toll erklärt! Ich werde das bei Zeiten mal selber ausprobieren!

  2. Dave am 20.05.2007 | Permalink

    Gefällt mir auch. Werde es bei Gelegenheit auch mal auprobieren….

  3. Alena am 01.01.2008 | Permalink

    Super Effekt. Nur bei den 2 Kreisen wo das Raster dann mit der Grafik gefuellt wird haenge ich. Wenn ich da bei den 2 Kreisen dann druecke tut sich nichts, koennte mir da jemand sagen an was das liegen koennte ?! Waere super nett.
    Ansonsten super erklaert, spitze, weiter so.

  4. thomas am 01.01.2008 | Permalink

    Wenn ich Deine Frage richtig verstehe, dann hast Du ein Problem beim erstellen der Schnittmaske. Bei gedrückter ALT-Taste erscheinen das Symbol der zwei Kreise; richtig? Dann klickst Du auf die Trennlinie und die Schnittmaske müsste erstellt sein. Was hast Du für eine Photoshop Version?

DEIN KOMMENTAR BITTE

[muss sein]
[muss sein - wird aber nicht angezeigt]