{"id":251,"date":"2007-11-29T11:22:49","date_gmt":"2007-11-29T11:22:49","guid":{"rendered":"https:\/\/kunstunterricht.ch\/e\/2007\/11\/29\/vektorgrafikprogramm-am-bsp-illustrator\/"},"modified":"2023-10-20T08:18:19","modified_gmt":"2023-10-20T08:18:19","slug":"vektorgrafikprogramm-am-bsp-illustrator","status":"publish","type":"post","link":"https:\/\/kunstunterricht.ch\/e\/vektorgrafikprogramm-am-bsp-illustrator\/","title":{"rendered":"Vektorgrafikprogramm (am Bsp. Illustrator)"},"content":{"rendered":"\n

Ein Vektorgrafikprogramm dient der Erstellung und Bearbeitung von digitalen Grafiken wie Logos, Visitenkarten, Flyers, Stickers und dergleichen. Dieser Beitrag f\u00fchrt die grundlegenden Funktionen eines Vektorprogrammes zusammen. Obwohl dies hier am Beispiel von Adobe Illustrator gemacht wird, kann es auch auf andere Programme \u00fcbertragen werden (z.B. auf die Freeware Inkscape<\/a>, vectornator).<\/p>\n\n\n\n\n\n\n\n

Allgemein und Programmoberfl\u00e4che<\/h3>\n\n\n\n

Im Gegensatz zu Vektorbildern werden etwa durch Fotokamera erzeugte Pixelbilder vorzugsweise mit einem Pixelbildprogramm (z.B. Photoshop, Gimp) bearbeitet. Ein Pixelbild bzw. eine Rastergrafik<\/a> besteht aus einer festen Anzahl kleiner Bildelementen, die beim Vergr\u00f6ssern sichtbar werden (Pixel = picture element). Ein Vektorbild besteht hingegen aus Vektor definierten Objekten mit Linien, deren St\u00e4rken, Fl\u00e4chen, Farben und Effekten, die beim Vergr\u00f6ssern immer wieder neu ausgerechnet werden, ohne dass einzelne Pixel sichtbar werden. Dies spart nicht nur Datenmengen f\u00fcr grosse Bilder, sondern erlaubt auch ein anderes Arbeiten, das objektgebunden ist. Nichts desto trotz ist es mit einem Vektorbildbearbeitungsprogramm auch m\u00f6glich, ein Pixelbild in eine Vektordatei als Objekt einzubinden im Block weiterzubearbeiten oder sogar zu vektorisieren und danach als Vektorobjekt mit allen M\u00f6glichkeiten der Vektorobjektgestaltung zu bearbeiten.<\/p>\n\n\n\n

Die Programmoberfl\u00e4che von Illustrator setzt sich aus folgenden Bereichen zusammen: oberhalb befinden sich standardm\u00e4ssig die Optionen (Programmoptionen), links die Werkzeugpalette, rechts die Einstellungsfenster und zentriert die Arbeitsfl\u00e4che.<\/p>\n\n\n\n

a) Neues Dokument erstellen<\/h3>\n\n\n\n
    \n
  1. Option Datei<\/em> > Neu…<\/em><\/li>\n\n\n\n
  2. Gr\u00f6sse w\u00e4hlen (z.B. A4 f\u00fcr einen Ausdruck an einem handels\u00fcblichen Tintenstrahldrucker)<\/li>\n\n\n\n
  3. Quer- oder Hochformat bestimmen<\/li>\n\n\n\n
  4. Farbmodus f\u00fcr Druckgrafik CMYK bzw. f\u00fcr Bildschirmgrafik RGB w\u00e4hlen<\/li>\n\n\n\n
  5. Mit OK best\u00e4tigen und sofort Dokument in einem Arbeitsordner speichern (Option Datei <\/em>> Speichern<\/em>).<\/li>\n<\/ol>\n\n\n\n

    b) Ansicht steuern<\/h3>\n\n\n\n
      \n
    1. Hineinzoomen (mit Lupenwerkzeug aus der Werkzeugpalette im erw\u00fcnschten Bereich ein Rechteck aufziehen oder direkt hineinklicken. Kurzbefehl: CTRL Leertaste)<\/li>\n\n\n\n
    2. Herauszoomen (Lupenwerkzeug mit ALT. Kurzbefehl: CTRL Leertaste ALT)<\/li>\n\n\n\n
    3. Gesamte Zeichenfl\u00e4che (Kurzbefehl: CTRL mit 0)<\/li>\n\n\n\n
    4. Weitere M\u00f6glichkeiten finden Sie \u00fcber die Option Ansicht<\/em><\/li>\n<\/ol>\n\n\n\n

      c) Textobjekt erstellen<\/h3>\n\n\n\n
        \n
      1. Text mit Text-Werkzeug aus der Palette setzen (Ort anklicken oder Rechteck aufziehen)<\/li>\n\n\n\n
      2. Schriftfamilie und -schnitt ausw\u00e4hlen (Option Schrift<\/em> > Schrift<\/em>. Oder \u00fcber das Werkzeugfenster unter der Option Fenster<\/em> > Schrift<\/em> > Zeichen<\/em>)<\/li>\n\n\n\n
      3. Zur Farbwahl siehe unten<\/li>\n\n\n\n
      4. Unterschneiden, spationieren etc. (Werkzeugfenster unter der Option Fenster<\/em> > Schrift<\/em> > Zeichen<\/em>)<\/li>\n\n\n\n
      5. Zur weiteren Verformung kann die Schrift einmalig in ein Vektorobjekt umgewandelt werden, was aber nicht mehr R\u00fcckg\u00e4ngig gemacht werden kann (Option Schrift<\/em> > In Pfad umwandeln)<\/em><\/li>\n<\/ol>\n\n\n\n

        d) Vektorobjekte erstellen<\/h3>\n\n\n\n

        1. Regelm\u00e4ssiges Objekt (Elipse, Rechteck, regelm\u00e4ssiges Polygon und Stern)<\/h5>\n\n\n\n
          \n
        1. Beim Erstellen eines Vektorobjektes z.B. mit dem Elipse-Werkzeug kann durch aufziehen eines Feldes die Gr\u00f6sse und Form visuell bestimmt werden. Soll ein Quadrat (anstatt Rechteck) bzw. ein pr\u00e4ziser Kreis (anstatt Elipse) erstellt werden, muss gleichzeitig die Grossstelltaste gedr\u00fcckt werden.<\/li>\n\n\n\n
        2. Oder: Durch einmaliges Klicken in die Zeichenfl\u00e4che erfolgt ein Dialogfeld, wo Gr\u00f6sse und Form des Objektes nummerisch bestimmt werden kann. (So l\u00e4sst sich z.B. mit dem Stern-Werkzeug und der Angabe von 3 Zacken auch ein gleichseitiges Dreieck erstellen.)<\/li>\n\n\n\n
        3. Zur nachtr\u00e4glichen Manipulation der Form siehe weiter unten<\/li>\n<\/ol>\n\n\n\n
          2. Freies Objekt (eckig oder rund)<\/h5>\n\n\n\n
            \n
          1. Mit dem Zeichenstift-Werkzeug kann ein Objekt mit einer frei definierten Form erstellt werden, indem eine beliebige Anzahl Eckpunkt mit einem jeweiligen Klick definiert wird. Durch einem anschliessenden Doppelklick schliesst sich das Objekt zu einem Polygon.<\/li>\n\n\n\n
          2. Gerundete Formen k\u00f6nnen mit demselben Werkzeug durch jeweiliges Anklicken, Langziehen und Loslassen der Maus frei definiert werden.<\/li>\n<\/ol>\n\n\n\n

            e) Farbe, Fl\u00e4che und Kontur<\/h3>\n\n\n\n
              \n
            1. In der Werkzeugpalette befinden sich die Farbfelder der Fl\u00e4che und Kontur, die durch einen Doppelklick den Farbw\u00e4hler aktivieren.<\/li>\n\n\n\n
            2. Wenn ein oder mehrere Objekte markiert sind, kann die Farbe der Text- oder Vektorobjekte \u00fcber den Farbw\u00e4hler visuell oder nummerisch definiert werden.<\/li>\n\n\n\n
            3. Soll die Fl\u00e4che oder Kontur keine Farbe aufweisen (Durchsicht), kann in der Werkzeugpalette unterhalb der Farbfelder f\u00fcr das entsprechende Farbfeld keine Farbe<\/em> („Ohne“ = durchgestrichenes Feld) gew\u00e4hlt werden.<\/li>\n\n\n\n
            4. Mit dem Werkzeugfenster Kontur (Option Fenster <\/em>> Kontur<\/em>) k\u00f6nnen die Konturst\u00e4rke und die -form ge\u00e4ndert werden.<\/li>\n<\/ol>\n\n\n\n

              f) Bewegen, Transformieren und weitere Formver\u00e4nderung<\/h3>\n\n\n\n
                \n
              1. Text- und Vektorobjekte k\u00f6nnen mit dem Auswahl-Werkzeug (gef\u00fcllter Pfeil) der Palette frei bewegt werden. Anhand der Ankerpunkte am Objekt k\u00f6nnen diese auch gedreht oder skaliert werden. Zur proportionalen Skalierung muss gleichzeitig die Grossstelltaste gedr\u00fcckt werden. Weitere Transformationen wie Spiegeln oder Verbiegen befinden sich unter der Option Objekt<\/em> > Transformieren<\/em><\/li>\n\n\n\n
              2. Zur nummerischen \u00c4nderung kann das Werkzeugfenster Transformieren benutzt werden (Option Fenster<\/em> > Transformieren<\/em>)<\/li>\n\n\n\n
              3. Vektorobjekte k\u00f6nnen zus\u00e4tzlich in der Form durch eine Manipulation des Pfades ge\u00e4ndert werden. Mit den Direktauswahlwerkzeug (leerer Pfeil) k\u00f6nnen Ankerpunkte des Pfades versetzt (vorher den Punkt mit gleichzeitiger Bet\u00e4tigung der Grossstelltaste ausw\u00e4hlen) oder deren Tangenten in Richtung und St\u00e4rke (durch die L\u00e4nge) ge\u00e4ndert werden. Mit dem Zeichenstiftwerkzeug (F\u00fcllfeder) lassen sich Ankerpunkte l\u00f6schen oder zur nachtr\u00e4glichen Manipulation erstellen.<\/li>\n\n\n\n
              4. Weiter kann ein Vektorobjekt durch die Form eines dar\u00fcberliegenden Objektes gestanzt d.h. ausgeschnitten werden (Option Objekt<\/em> > Pfad <\/em>> Darunterliegende Objekte aufteilen<\/em>).<\/li>\n<\/ol>\n\n\n\n

                g) Ausrichten, Gruppieren und Anordnen<\/h3>\n\n\n\n
                  \n
                1. \u00dcber das Werkzeugfester Ausrichten (Option Fenster<\/em> > Ausrichten<\/em>) k\u00f6nnen Objekte b\u00fcndig ausgerichtet oder gleichm\u00e4ssig verteilt werden. Hierzu m\u00fcssen die gew\u00fcnschten Objekte zugleich markiert sein (mit dem Auswahlwerkzeug \u00fcber die gew\u00fcnschten Objekte ein Rechteck aufziehen oder mit Anklicken der Objekte und gleichzeitiger Bet\u00e4tigung der Grossstelltaste diese zusammenz\u00e4hlen).<\/li>\n\n\n\n
                2. Um mehrere Objekte wie ein Objekt zu behandeln (um z.B. en Block auszurichten), k\u00f6nnen mit einer beliebigen Anzahl Objekte Gruppen erstellt (Option Objekt<\/em> > Gruppieren<\/em>) und danach wieder aufgehoben werden<\/li>\n\n\n\n
                3. Weiter k\u00f6nnen zur \u00dcbersicht die Objekte mit dem Ebenen-Werkzeugfester in Ebenen organisiert werden (Option Fenster<\/em> > Ebenen<\/em>). Ebenen k\u00f6nnen dann gesperrt oder ausgeblendet werden.<\/li>\n\n\n\n
                4. Innerhalb einer Ebene kann die Reihenfolge der Objekte ge\u00e4ndert werden (Option Objekt<\/em> > Anordnen<\/em>)<\/li>\n<\/ol>\n\n\n\n

                  h) Drucken und Exportieren <\/h3>\n\n\n\n
                    \n
                  1. Mit dem Dialogfeld Datei <\/em>> Drucken<\/em>… l\u00e4sst sich der Ausdruck mit Vorschau gut steuern.<\/li>\n\n\n\n
                  2. Damit das Bild mit g\u00e4ngigen Programmen betrachtet bzw. weiterverarbeitet werden kann, kann das Resultat je nach Verwendungszweck mit der Option Datei<\/em> > Speichern unter…<\/em>  (PDF, SVG) oder Option Datei<\/em> > Exportieren…<\/em> (Tiff, PSD) exportiert werden. Damit die Schriften im PDF korrekt angezeigt werden, m\u00fcssen diese entweder in der Datei miteingebunden oder vorher vektorisiert werden (Option Schrift<\/em> > In Pfad umwandeln<\/em>).<\/li>\n\n\n\n
                  3. \u00dcber die Option Datei<\/em> > F\u00fcr Web speichern… <\/em>lassen sich die komprimierf\u00e4higen Webformate (GIF, PNG, JPG, SVG) in der Bildqualit\u00e4t vor dem Export visuell kontrollieren.<\/li>\n<\/ol>\n\n\n\n
                    <\/div>\n\n\n\n
                    \n\n\n\n
                    Beitragsbild: Kreisvisualisierung Pixel vs. Vektor (Creative-Commons via wikimedia<\/a>)<\/pre>\n","protected":false},"excerpt":{"rendered":"
                    Ein Vektorgrafikprogramm dient der Erstellung und Bearbeitung von digitalen Grafiken wie Logos, Visitenkarten, Flyers, Stickers und dergleichen. Dieser Beitrag f\u00fchrt die grundlegenden Funktionen eines Vektorprogrammes zusammen. Obwohl dies hier am Beispiel von Adobe Illustrator gemacht wird, kann es auch auf andere Programme \u00fcbertragen werden (z.B. auf die Freeware Inkscape, vectornator).<\/p>\n","protected":false},"author":1,"featured_media":5929,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[13],"tags":[34,33],"class_list":["post-251","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-leitfaeden","tag-grafikdesign-visuelle-kommunikation","tag-neue-medien"],"acf":[],"_links":{"self":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/251","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/comments?post=251"}],"version-history":[{"count":3,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/251\/revisions"}],"predecessor-version":[{"id":5936,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/posts\/251\/revisions\/5936"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/media\/5929"}],"wp:attachment":[{"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/media?parent=251"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/categories?post=251"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kunstunterricht.ch\/e\/wp-json\/wp\/v2\/tags?post=251"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}