[{"data":1,"prerenderedAt":499},["ShallowReactive",2],{"help-article-\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fpath-editing":3},{"id":4,"title":5,"body":6,"category":476,"description":477,"extension":478,"keywords":479,"meta":489,"navigation":490,"order":491,"path":492,"published":493,"rawbody":494,"seo":495,"stem":496,"updated":497,"__hash__":498},"helpDe\u002Fhelp\u002Fdesign-elements-and-tools\u002Fpath-editing.de.md","Pfad zeichnen und bearbeiten: eigene Formen und Linien erstellen",{"type":7,"value":8,"toc":469},"minimark",[9,23,26,48,53,152,168,172,355,373,377,382,439],[10,11,12,13,17,18,22],"p",{},"Im ",[14,15,16],"place",{},"Template-Editor"," zeichnest du mit dem Werkzeug ",[19,20,21],"strong",{},"Add path"," eine eigene Form, Punkt für Punkt. Ein Pfad kann eine gerade Linie sein, eine Kurve oder ein geschlossener Umriss, etwa eine Sprechblase oder eine Welle.",[10,24,25],{},"Das geht in drei Schritten:",[27,28,29,37,42],"ol",{},[30,31,32,33,36],"li",{},"Zeichne den Pfad auf dem ",[14,34,35],{},"Canvas",".",[30,38,39,40,36],{},"Bearbeite seine Punkte auf dem ",[14,41,35],{},[30,43,44,45,36],{},"Gestalte den Pfad im ",[14,46,47],{},"Properties-Panel",[49,50,52],"h2",{"id":51},"pfad-zeichnen","Pfad zeichnen",[27,54,55,77,85,123],{},[30,56,57,61,62,65,66,36,68,71],{},[58,59,60],"click",{},"Klicke"," in der Mitte der ",[14,63,64],{},"Toolbar"," auf die Federspitze. Das ist das Werkzeug ",[19,67,21],{},[69,70],"br",{},[72,73],"img",{"alt":74,"src":75,"width":76},"Toolbar mit markiertem Werkzeug Add path.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-path-editing-03\u002Fpublic",632,[30,78,79,81,82,84],{},[58,80,60],{}," auf den ",[14,83,35],{},", um den ersten Punkt zu setzen.",[30,86,87,90,91,113,115,116,118],{},[58,88,89],{},"Setze"," den nächsten Punkt:",[92,93,94,103],"ul",{},[30,95,96,99,100,102],{},[97,98],"right",{}," Für eine gerade Linie: ",[58,101,60],{}," an eine andere Stelle.",[30,104,105,107,108,112],{},[97,106],{}," Für eine Kurve: ",[109,110,111],"drag",{},"Ziehe"," nach dem Klick mit gedrückter Maustaste. Die Linie biegt sich, während du ziehst.",[69,114],{},"Setze so alle weiteren Punkte.",[69,117],{},[72,119],{"alt":120,"src":121,"width":122},"Ein Pfad beim Zeichnen: Punkte auf dem Canvas und eine Kurve mit ihrem Griff.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-path-editing-01\u002Fpublic?v=1df72503",894,[30,124,125,126,149,151],{},"Je nach Form beendest du den Pfad so:",[92,127,128,136],{},[30,129,130,132,133,135],{},[97,131],{}," Für eine geschlossene Form: ",[58,134,60],{}," noch einmal auf den ersten Punkt. Der Umriss schließt sich, und du kannst seine Punkte gleich bearbeiten.",[30,137,138,140,141,145,146,36],{},[97,139],{}," Für eine offene Linie: ",[142,143,144],"press",{},"Drücke"," ",[19,147,148],{},"Esc",[69,150],{},"Der Pfad ist jetzt fertig. Er hat einen schwarzen Umriss und keine Füllung.",[153,154,155],"tip",{},[10,156,157,158,161,162,165,166,36],{},"An ein offenes Ende kannst du später weitere Punkte anhängen: ",[58,159,160],{},"Wähle"," den Pfad aus und ",[58,163,164],{},"klicke"," noch einmal auf ",[19,167,21],{},[49,169,171],{"id":170},"punkte-bearbeiten","Punkte bearbeiten",[27,173,174,196,229,298,336,348],{},[30,175,176,61,178,180,181,185,186,189,190,192],{},[58,177,60],{},[14,179,64],{}," auf den Cursor-Button links neben dem Bild-Symbol. Zeigt er keinen Pfeil, ",[182,183,184],"hover",{},"fahre mit der Maus"," darüber und wähle ",[19,187,188],{},"Select",". Ein Klick wählt jetzt Punkte aus, statt neue zu setzen.",[69,191],{},[72,193],{"alt":194,"src":195,"width":76},"Toolbar mit markiertem Werkzeug Select.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-path-editing-04\u002Fpublic",[30,197,198,201,202,204,205,208,209],{},[58,199,200],{},"Doppelklicke"," auf den Pfad. Die Punkte erscheinen auf dem Pfad, und oben auf dem ",[14,203,35],{}," erscheint eine Leiste mit Pfad-Werkzeugen. Du kannst den Pfad auch auswählen und ",[19,206,207],{},"Enter"," drücken.",[210,211,213],"trouble",{"symptom":212},"Es erscheinen keine Punkte?",[10,214,215,216,218,219,221,222,224,225,228],{},"Liegt der Pfad in einer Gruppe oder Maske, wählt der erste Doppelklick nur den Pfad aus. ",[58,217,200],{}," noch einmal. Gesperrte Pfade öffnen sich auf dem ",[14,220,35],{}," nicht: ",[58,223,60],{}," im ",[14,226,227],{},"Layers-Panel"," auf das Schloss in seiner Zeile, um ihn zu entsperren.",[30,230,231,232],{},"Je nachdem, was du ändern willst:",[92,233,234,242,261,269,287],{},[30,235,236,238,239,241],{},[97,237],{}," Punkt verschieben: ",[109,240,111],{}," den Punkt.",[30,243,244,246,247,145,250,253,254,256,257,260],{},[97,245],{}," Mehrere Punkte auswählen: ",[142,248,249],{},"Halte",[19,251,252],{},"Shift"," gedrückt und ",[58,255,164],{}," die Punkte an. Oder ",[109,258,259],{},"ziehe"," auf einer freien Stelle einen Rahmen um sie auf. Der Rahmen geht nur, wenn das Layout-Raster aus ist.",[30,262,263,265,266,268],{},[97,264],{}," Punkt hinzufügen: ",[58,267,60],{}," auf die Linie zwischen zwei Punkten. Den neuen Punkt kannst du gleich weiterziehen.",[30,270,271,273,274,276,277,145,280,283,284,36],{},[97,272],{}," Punkte löschen: ",[58,275,160],{}," sie aus und ",[142,278,279],{},"drücke",[19,281,282],{},"Backspace"," oder ",[19,285,286],{},"Entf",[30,288,289,291,292,294,295,297],{},[97,290],{}," Kurve ändern: ",[58,293,60],{}," auf einen Punkt und ",[109,296,259],{}," an den kleinen eckigen Griffen daneben. Bei einem Bogen ziehst du am runden Griff in seiner Mitte.",[30,299,300,301,303,304,330,332],{},"Je nachdem, was du in der Leiste oben auf dem ",[14,302,35],{}," ändern willst:",[92,305,306,314],{},[30,307,308,310,311,313],{},[97,309],{}," Linie zum ausgewählten Punkt ändern: ",[58,312,60],{}," auf eines der sechs Symbole rechts. Die Linie wird zur Lücke, zur geraden Linie, zu einer von drei Kurvenarten oder zu einem Bogen.",[30,315,316,318,319,321,322,325,326,329],{},[97,317],{}," Pfad schließen oder öffnen: ",[58,320,60],{}," auf den Button ganz links. Sein Tooltip lautet ",[19,323,324],{},"Close path",". Bei einem geschlossenen Pfad lautet er ",[19,327,328],{},"Open path"," und trennt den letzten Punkt wieder vom ersten.",[69,331],{},[72,333],{"alt":334,"src":335,"width":122},"Punkte bearbeiten: oben auf dem Canvas die Leiste mit Pfad-Werkzeugen, darunter ein ausgewählter Punkt mit seinen Kurvengriffen.","https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-path-editing-02\u002Fpublic?v=605923c4",[30,337,338,145,340,283,342,81,345,347],{},[142,339,144],{},[19,341,148],{},[58,343,344],{},"doppelklicke",[14,346,35],{},", um die Punktbearbeitung zu verlassen.",[30,349,350,354],{},[351,352,353],"look",{},"Prüfe"," das Ergebnis, wenn der Pfad nicht mehr ausgewählt ist.",[10,356,357,358,361,362,365,366,361,369,372],{},"Mit ",[19,359,360],{},"Cmd + Z"," (unter Windows ",[19,363,364],{},"Strg + Z",") machst du beim Bearbeiten deine letzte Änderung an den Punkten rückgängig. Mit ",[19,367,368],{},"Cmd + Shift + Z",[19,370,371],{},"Strg + Shift + Z",") stellst du sie wieder her.",[49,374,376],{"id":375},"pfad-gestalten","Pfad gestalten",[10,378,12,379,381],{},[14,380,47],{}," stellst du die Eigenschaften des ausgewählten Elements ein, hier die des Pfads.",[27,383,384,394,407,425],{},[30,385,386,388,389,391,392,36],{},[58,387,60],{}," auf dem ",[14,390,35],{}," auf den Pfad. Seine Eigenschaften erscheinen im ",[14,393,47],{},[30,395,396,398,399,402,403,406],{},[58,397,89],{}," im Abschnitt ",[19,400,401],{},"Appearance"," einen Haken bei ",[19,404,405],{},"Fill Color",", wenn der Pfad eine Füllung bekommen soll. Er ist dann zuerst weiß gefüllt, und du wählst die Farbe darunter.",[30,408,409,412,413,416,417,420,421,424],{},[58,410,411],{},"Stelle"," den Umriss mit ",[19,414,415],{},"Stroke Color",", ",[19,418,419],{},"Stroke Width"," und ",[19,422,423],{},"Dash"," ein.",[30,426,427,429,430,433,434,438],{},[58,428,60],{}," auf den Abschnitt ",[19,431,432],{},"Path",", wenn du Punkte genau platzieren willst. Er zeigt jeden Punkt mit seinen X- und Y-Werten. Dort kannst du Werte eingeben oder einen Punkt mit ",[435,436,437],"close",{},"×"," löschen.",[440,441,442],"related",{},[92,443,444,451,457,463],{},[30,445,446],{},[447,448,450],"a",{"href":449},"\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fcolors-and-gradients","Farben und Verläufe einstellen",[30,452,453],{},[447,454,456],{"href":455},"\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fcurved-text","Text auf eine Kurve setzen",[30,458,459],{},[447,460,462],{"href":461},"\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fmask-elements","Elemente maskieren: Bild auf eine Form zuschneiden",[30,464,465],{},[447,466,468],{"href":467},"\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-elements","Design-Elemente (Bilder, Text, Formen)",{"title":470,"searchDepth":471,"depth":471,"links":472},"",2,[473,474,475],{"id":51,"depth":471,"text":52},{"id":170,"depth":471,"text":171},{"id":375,"depth":471,"text":376},"design-elements-and-tools","Zeichne mit dem Werkzeug Add path eigene Formen und Linien, ändere danach ihre Punkte und gestalte Füllung und Umriss.","md",[480,21,481,482,483,328,324,484,485,486,487,488],"path","points","curve","bezier","vector shape","Pfad","Punkte","Kurve","Form zeichnen",{},true,22,"\u002Fhelp\u002Fdesign-elements-and-tools\u002Fpath-editing.de","2026-10-13","---\ntitle: \"Pfad zeichnen und bearbeiten: eigene Formen und Linien erstellen\"\ndescription: \"Zeichne mit dem Werkzeug Add path eigene Formen und Linien, ändere danach ihre Punkte und gestalte Füllung und Umriss.\"\ncategory: design-elements-and-tools\norder: 22\nkeywords: [\"path\", \"Add path\", \"points\", \"curve\", \"bezier\", \"Open path\", \"Close path\", \"vector shape\", \"Pfad\", \"Punkte\", \"Kurve\", \"Form zeichnen\"]\n---\n\nIm :place[Template-Editor] zeichnest du mit dem Werkzeug **Add path** eine eigene Form, Punkt für Punkt. Ein Pfad kann eine gerade Linie sein, eine Kurve oder ein geschlossener Umriss, etwa eine Sprechblase oder eine Welle.\n\nDas geht in drei Schritten:\n\n1. Zeichne den Pfad auf dem :place[Canvas].\n2. Bearbeite seine Punkte auf dem :place[Canvas].\n3. Gestalte den Pfad im :place[Properties-Panel].\n\n\n## Pfad zeichnen\n\n1. :click[Klicke] in der Mitte der :place[Toolbar] auf die Federspitze. Das ist das Werkzeug **Add path**.\n\n   ![Toolbar mit markiertem Werkzeug Add path.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-path-editing-03\u002Fpublic){width=\"632\"}\n\n2. :click[Klicke] auf den :place[Canvas], um den ersten Punkt zu setzen.\n3. :click[Setze] den nächsten Punkt:\n\n   - :right Für eine gerade Linie: :click[Klicke] an eine andere Stelle.\n   - :right Für eine Kurve: :drag[Ziehe] nach dem Klick mit gedrückter Maustaste. Die Linie biegt sich, während du ziehst.\n\n   Setze so alle weiteren Punkte.\n\n   ![Ein Pfad beim Zeichnen: Punkte auf dem Canvas und eine Kurve mit ihrem Griff.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-path-editing-01\u002Fpublic?v=1df72503){width=\"894\"}\n\n4. Je nach Form beendest du den Pfad so:\n\n   - :right Für eine geschlossene Form: :click[Klicke] noch einmal auf den ersten Punkt. Der Umriss schließt sich, und du kannst seine Punkte gleich bearbeiten.\n   - :right Für eine offene Linie: :press[Drücke] **Esc**.\n\n   Der Pfad ist jetzt fertig. Er hat einen schwarzen Umriss und keine Füllung.\n\n::tip\nAn ein offenes Ende kannst du später weitere Punkte anhängen: :click[Wähle] den Pfad aus und :click[klicke] noch einmal auf **Add path**.\n::\n\n## Punkte bearbeiten\n\n1. :click[Klicke] in der Mitte der :place[Toolbar] auf den Cursor-Button links neben dem Bild-Symbol. Zeigt er keinen Pfeil, :hover[fahre mit der Maus] darüber und wähle **Select**. Ein Klick wählt jetzt Punkte aus, statt neue zu setzen.\n\n   ![Toolbar mit markiertem Werkzeug Select.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-path-editing-04\u002Fpublic){width=\"632\"}\n\n2. :click[Doppelklicke] auf den Pfad. Die Punkte erscheinen auf dem Pfad, und oben auf dem :place[Canvas] erscheint eine Leiste mit Pfad-Werkzeugen. Du kannst den Pfad auch auswählen und **Enter** drücken.\n\n   ::trouble{symptom=\"Es erscheinen keine Punkte?\"}\n   Liegt der Pfad in einer Gruppe oder Maske, wählt der erste Doppelklick nur den Pfad aus. :click[Doppelklicke] noch einmal. Gesperrte Pfade öffnen sich auf dem :place[Canvas] nicht: :click[Klicke] im :place[Layers-Panel] auf das Schloss in seiner Zeile, um ihn zu entsperren.\n   ::\n\n3. Je nachdem, was du ändern willst:\n\n   - :right Punkt verschieben: :drag[Ziehe] den Punkt.\n   - :right Mehrere Punkte auswählen: :press[Halte] **Shift** gedrückt und :click[klicke] die Punkte an. Oder :drag[ziehe] auf einer freien Stelle einen Rahmen um sie auf. Der Rahmen geht nur, wenn das Layout-Raster aus ist.\n   - :right Punkt hinzufügen: :click[Klicke] auf die Linie zwischen zwei Punkten. Den neuen Punkt kannst du gleich weiterziehen.\n   - :right Punkte löschen: :click[Wähle] sie aus und :press[drücke] **Backspace** oder **Entf**.\n   - :right Kurve ändern: :click[Klicke] auf einen Punkt und :drag[ziehe] an den kleinen eckigen Griffen daneben. Bei einem Bogen ziehst du am runden Griff in seiner Mitte.\n\n4. Je nachdem, was du in der Leiste oben auf dem :place[Canvas] ändern willst:\n\n   - :right Linie zum ausgewählten Punkt ändern: :click[Klicke] auf eines der sechs Symbole rechts. Die Linie wird zur Lücke, zur geraden Linie, zu einer von drei Kurvenarten oder zu einem Bogen.\n   - :right Pfad schließen oder öffnen: :click[Klicke] auf den Button ganz links. Sein Tooltip lautet **Close path**. Bei einem geschlossenen Pfad lautet er **Open path** und trennt den letzten Punkt wieder vom ersten.\n\n   ![Punkte bearbeiten: oben auf dem Canvas die Leiste mit Pfad-Werkzeugen, darunter ein ausgewählter Punkt mit seinen Kurvengriffen.](https:\u002F\u002Fimagedelivery.net\u002FmudX-CmAqIANL8bxoNCToA\u002Fhelp\u002FKB-path-editing-02\u002Fpublic?v=605923c4){width=\"894\"}\n\n5. :press[Drücke] **Esc** oder :click[doppelklicke] auf den :place[Canvas], um die Punktbearbeitung zu verlassen.\n6. :look[Prüfe] das Ergebnis, wenn der Pfad nicht mehr ausgewählt ist.\n\nMit **Cmd + Z** (unter Windows **Strg + Z**) machst du beim Bearbeiten deine letzte Änderung an den Punkten rückgängig. Mit **Cmd + Shift + Z** (unter Windows **Strg + Shift + Z**) stellst du sie wieder her.\n\n## Pfad gestalten\n\nIm :place[Properties-Panel] stellst du die Eigenschaften des ausgewählten Elements ein, hier die des Pfads.\n\n1. :click[Klicke] auf dem :place[Canvas] auf den Pfad. Seine Eigenschaften erscheinen im :place[Properties-Panel].\n2. :click[Setze] im Abschnitt **Appearance** einen Haken bei **Fill Color**, wenn der Pfad eine Füllung bekommen soll. Er ist dann zuerst weiß gefüllt, und du wählst die Farbe darunter.\n3. :click[Stelle] den Umriss mit **Stroke Color**, **Stroke Width** und **Dash** ein.\n4. :click[Klicke] auf den Abschnitt **Path**, wenn du Punkte genau platzieren willst. Er zeigt jeden Punkt mit seinen X- und Y-Werten. Dort kannst du Werte eingeben oder einen Punkt mit :close[×] löschen.\n\n::related\n- [Farben und Verläufe einstellen](\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fcolors-and-gradients)\n- [Text auf eine Kurve setzen](\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fcurved-text)\n- [Elemente maskieren: Bild auf eine Form zuschneiden](\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fmask-elements)\n- [Design-Elemente (Bilder, Text, Formen)](\u002Fde\u002Fhelp\u002Fdesign-elements-and-tools\u002Fdesign-elements)\n::\n",{"title":5,"description":477},"help\u002Fdesign-elements-and-tools\u002Fpath-editing.de","2026-10-22","6GkaNwfbi77SKvVt-NMmPQBWxbS-jt9gKYjmy9iiBWU",1792680562839]