Tutorials

Gepunktete & gestrichelte Linien: umfassendes Tutorial für Illustrator, Photoshop, Canva, Word und CSS

Melden

Gepunktete oder gestrichelte Linien werden in fast jedem Design- oder Textprogramm anders erstellt. Hier ist ein umfassendes Tutorial für die gängigsten Tools: Adobe Illustrator, Photoshop, Canva, Microsoft Word und CSS.

1. Adobe Illustrator (Der Profi-Weg)

Illustrator bietet die präziseste Kontrolle über gepunktete Linien.

  1. Linie zeichnen: Wähle das Linien-Segment-Werkzeug () oder das Zeichenstift-Werkzeug (P) und ziehe eine Linie.
  2. Kontur-Fenster öffnen: Gehe zu Fenster > Kontur (oder Ctrl + F10).
  3. Gestrichelte Linie aktivieren: Setze ein Häkchen bei „Gestrichelte Linie“.
  4. Echte Punkte erstellen (Wichtig!):
    • Stelle die Strichlänge auf 0 pt.
    • Stelle die Lücke (Abstand) auf einen Wert ein (z. B. 10 pt).
    • Wähle bei Abschluss das mittlere Symbol: Abgerundeter Abschluss.
    • Erhöhe die Stärke, um die Punkte größer zu machen.

2. Adobe Photoshop

In Photoshop funktioniert es am besten über die Form-Werkzeuge.

  1. Form-Werkzeug wählen: Wähle das Linien-Werkzeug oder das Rechteck-Werkzeug (U).
  2. Modus einstellen: Stelle oben in der Optionsleiste den Modus auf „Form“ (nicht Pfad).
  3. Kontur wählen: Klicke auf das Feld neben „Kontur“, wähle eine Farbe.
  4. Linien-Typ ändern: Klicke daneben auf die Linien-Optionen (das Symbol mit der Linie).
  5. Punkte wählen: Dort kannst du zwischen durchgezogen, gestrichelt oder gepunktet wählen.
    • Tipp: Unter „Weitere Optionen“ kannst du die exakte Länge der Striche und Lücken definieren.

3. Canva (Der schnelle Weg)

Ideal für Social Media und einfache Grafiken.

  1. Element hinzufügen: Drücke die Taste „L“ auf deiner Tastatur, um sofort eine Linie zu erstellen.
  2. Linienstil ändern: Klicke oben in der Werkzeugleiste auf das Symbol mit den drei Linien (Linienstil).
  3. Stil wählen: Hier kannst du zwischen einer durchgezogenen, gestrichelten oder gepunkteten Linie wählen.
  4. Anpassen: Mit dem Schieberegler „Linienstärke“ änderst du die Größe der Punkte.

4. Microsoft Word / PowerPoint

Perfekt für Dokumente oder Präsentationen.

  1. Form einfügen: Gehe auf Einfügen > Formen und wähle eine Linie.
  2. Formatieren: Klicke die Linie rechts an und wähle „Form formatieren“.
  3. Strichtyp ändern: Suche im rechten Menü nach „Strichart“.
  4. Wählen: Wähle hier „Rund gepunktet“ oder „Quadratisch gepunktet“.
    • Tipp: Erhöhe die „Breite“, damit die Punkte deutlicher sichtbar werden.

5. Webdesign (CSS)

Wenn du eine gepunktete Linie auf einer Website erstellen willst.

Variante A: Rahmen (Border)

.dotted-line {
  border-bottom: 3px dotted black; /* Breite, Stil, Farbe */
  width: 100%;
}

Variante B: Horizontale Linie (HR)

<hr style="border: none; border-top: 5px dotted blue; color: #fff; background-color: #fff; height: 1px; width: 50%;">

Profi-Tipp: Der Unterschied zwischen "Dashed" und "Dotted"

  • Gestrichelt (Dashed): Besteht aus kleinen Rechtecken/Strichen.
  • Gepunktet (Dotted): Besteht aus Kreisen oder Quadraten.
    • In Grafikprogrammen wie Illustrator musst du oft die Ecken/Enden auf "Rund" stellen, damit aus den kleinen Quadraten echte Kreise werden!

Welches Programm nutzt du gerade? Wenn du mir das sagst, kann ich dir eine noch spezifischere Anleitung geben!

0