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

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