Hey,mein Name ist Christian Engel. Ich bin Web-Entwickler

Schonmal gebraucht? Heute in der Agentur hatten wir plötzlich den Bedarf mal eine Box in einem Layout anzulegen die eine gestrichelte Linie als Kontur hat. Aber wie macht man das am blödsten?

Nach einigem Überlegen hatten wir dann die Lösung:

1. Kontur um die Box erstellen, Strichstärke 1px.
2. Füllart der Kontur auf “Muster” stellen und dieses Muster einstellen.

So sind die Einstellungen (klick)

Das Muster eignet sich übrigens auch noch für andere schöne Effekte, aber egal.
Wenn man die Skalierung nun hoch- und runterschraubt kann man schön die Feinheit der Striche bestimmen.

Sieht blöd aus

Aber ein Problem bleibt: was, wenn man eine Kontur will die stärker als 1px ist?
Das sieht mit dieser Methode seltsam aus.

Aber auch dafür ist mir eine Methode eingefallen:

1. Selbe Vorgehensweise wie vorher: auch wieder eine 1px Kontur erstellen, allerdings die Skalierung nicht zu klein machen, am Besten auf 100% lassen und auf jeden Fall die Transparente Streifenvariante nehmen.
2. Nun in der Ebenenpalette rechtsklick auf den Effekt und “Ebene erstellen” anklicken.
3. Nun auf die erstellte Ebene wiederum einen Kontureffekt, aber einfach Schwarz mit 1px stärke anwenden.
4. STRG+Klick auf das kleine Vorschaubild der darüberliegenden Ebene um diese als Auswahl anzuwählen, danach STRG+SHIFT+I um die Auswahl umzukehren. Anschliessend anhand dieser Auswahl eine Ebenenmaske auf die Konturebene hinzufügen, tadaa.

Schon besser

Nun ist die Kontur schon 2px dick. Wenn man die Konturebene noch über die Fläche legt wird sie sogar 3px dick. Und das ohne den lästigen schrägen Effekt.

War nur eine kleine Erfahrung von heute, vielleicht könnt Ihr das ja auch mal gebrauchen.