Gepunktete Linien und Formen

Gepunktete Linien und Formen

Ich denke wenn ihr mit Photoshop arbeitet, habt ihr sicherlich auch schon gepunktete Linien oder Rechtecke benötigt. Hierzu gibt es ja einige Methoden um ans Ziel zu gelangen. Einige wären da z.B:

  • Textwerkzeug und simpel einfach einige Punkte reinmachen (mühselig aber pixelgenaue Ausrichtung möglich)
  • 2px grosses Muster erstellen und kreuzweise zwei Pixel in schwarz einfärben, danach 1px Auswahl erstellen, füllen und als Hintergrundmuster das soeben erstelle Muster nehmen

Habt ihr jedoch gewusst, dass ihr dies auch anhand von Ebeneneffekten realisieren könnt? Nicht super, dann mal weiter im Text ;-) Photoshop kommt von Haus aus mit einer Bibliothek names “Gepunktete Linien”. Und genau dieser Bibliothek bedienen wir uns jetzt. Was ihr tun müsst um diese zu laden beschreibe ich euch kurz:

  1. Photoshop öffnen
  2. Neue Ebene erstellen
  3. Ebene mit einer Linie anhand 1px Bleistift ziehen (oder alternativ via 1px Auswahl undFarbe füllen)
  4. Ebene doppelklicken um die Ebeneneffekte aufzurufen
  5. Im linken Bereich ganz oben auf Stile klicken
  6. Ihr seht jetzt eure zurzeit geladenen Stile
  7. Ladet nun die “gepunktete Linien” Bibliothek indem ihr auf den kleinen Pfeil Button neben den Stilen klickt
  8. Dort wählt ihr die “Gepunktete Linien” Bibliothek und ihr seht die dazugehörenden Stile
  9. Auf Stil klicken und Vorschau geniessen ;-)
  10. Fertig

So einfach gehts um in Photoshop gepunktete Linien oder Rechtecke/Quadrate zu erstellen. Um das ganze noch ein wenig zu verdeutlichen habe ich unten noch einen kleinen Screenshot angehängt.

Photoshop gepunktete Linien erstellen

Gepunktete Linien und Formen

Bei den Rechtecken geht ihr genau so vor wie bei den Linien, nur dass ihr die Auswahl via “Kontur füllen” im Kontextmenü füllt. Vorzugsweise mit einer 1 Pixel Kontur, um die Stile auch sauber nutzen zu könnn. Viel Spass beim testen…

1 Antwort to “Gepunktete Linien und Formen”

  1. Alex sagt:

    Den kannte ich noch nicht, ich mache es jedoch so:

    Neue Datei 2 x 2 px, und zwei punkte rein,

    0 X
    x 0

    Mit entsprechenden Farben füllen und in CSS kacheln lassen, soll es ein Rahmen sein, dann kommt noch ein div mit bg-color rein.
    Hat den Vorteil, das man diese Grafik immer wiederverwenden kann, auch um Text zu gestrichelt zu unterstreichen usw.

Leave a Reply

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>