7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Logo Design

Wie man in Illustrator ein Monogramm erstellt

Read Time: 8 mins

German (Deutsch) translation by Rebecca Priscilla (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Im folgenden Tutorial lernen Sie, wie Sie in Illustrator ein kreisförmiges Monogramm erstellen können.

Zunächst lernen Sie, wie Sie ein einfaches Raster einrichten und die Ausgangsform erstellen können, aus der Ihr Monogrammdesign bestehen wird.

Mithilfe grundlegender Techniken zur Erstellung von Vektorformen, einem linearen Farbverlauf und einigen subtilen Effekten lernen Sie, wie Sie einen zusammengesetzten Pfad für ein Monogramm erstellen und diesen gestalten können.

Wenn Sie keine Zeit haben, die Erstellung eines Monogramms zu erlernen, können Sie jederzeit Envato Elements besuchen, wo Sie viele Monogramm-Design-Ideen finden werden. Dieses Monogramm-Design ist nur eines der ganz vielen Beispiele, die Ihnen auf unseren Plattformen zur Verfügung stehen.

Wenn Sie Adobe Illustrator lernen möchten, haben wir viele Hilfsmittel und Lernmethoden, die Ihnen zur Verfügung stehen. Grundsätzlich ist es die optimale Zeit in Wissen zu investieren. Mit Adobe Illustrator kann man jede Art von Vektorgrafiken erstellen - somit kann es beruflich und aber auch privat nur von Vorteil sein, das Tool zu beherrschen. So können Sie sich auch mit komplexeren Themen auskennen wie z.B. mit einem isometrischen Raster.

monogram design ideasmonogram design ideasmonogram design ideas

Während manche Leute gerne einer detaillierten schriftlichen Anleitung folgen, bevorzugen es andere, sich ein Video anzuschauen. Wenn Sie zur letzteren Gruppe gehören, wird Ihnen dieses neue Video auf dem Envato Tuts+ YouTube-Kanal. sicher gefallen. Hier erfahren Sie, wie Sie ein Kreis-Monogramm in Illustrator erstellen können:

In diesem Illustrator-Tutorial zur Erstellung von Monogramme lernen Sie

  • Wie man ein Pixelraster einrichtet
  • Wie man Vektorformen erstellt und bearbeitet
  • Wie man die Grundform eines Monogramms erstellt
  • Wie man ein kreisförmiges Monogramm in Illustrator erstellen kann

1. Ein neues Dokument anlegen und Pixelraster erstellen

Drücken Sie Strg-N, um ein neues Dokument anzulegen. Wählen Sie Pixel aus dem Dropdown-Menü Maßeinheit, setzen Sie Breite und Höhe auf 850 px und klicken Sie dann auf die Schaltfläche Erweiterte Optionen. Wählen Sie RGB als Farbmodus und setzen Sie die Rastereffekte auf dem Bildschirm (72 ppi), und klicken Sie dann auf die Schaltfläche Erstellen.

Aktivieren Sie den Pixelraster (Ansicht > Raster ein/ausblenden oder Strg-") und klicken Sie auf Raster ausrichten (Ansicht > Am Raster ausrichten oder Umschalt-Strg-"). Sie benötigen alle 10 Pixel für ein Raster, also gehen Sie einfach zu Bearbeiten > Voreinstellungen > Hilfslinien & Raster und geben Sie 10 in das Feld Rasterlinie alle und 1 in das Feld Unterteilungen ein. Lassen Sie sich von dem Raster nicht entmutigen—es wird Ihnen die Arbeit erleichtern, und denken Sie daran, dass Sie es mit dem Tastaturkürzel Strg-" ganz einfach aktivieren oder deaktivieren können.

Mehr über das Rastersystem von Illustrator erfahren Sie in diesem kurzen Tutorial von Andrei Stefan:

Sie sollten auch das Info-Panel öffnen (Fenster > Info), um eine Live-Vorschau mit der Größe und Position Ihrer Formen zu erhalten. Vergessen Sie nicht, die Maßeinheit unter Bearbeiten > Voreinstellungen > Einheit auf Pixel einzustellen. All diese Optionen werden Ihre Arbeitsgeschwindigkeit deutlich erhöhen. Nun, da Sie bereit sind, lernen Sie, wie man ein Monogramm in Illustrator erstellt.

new documentnew documentnew document

2. Die Grundformen des Monogrammdesigns erstellen

Schritt 1

Wählen Sie in der Werkzeugleiste das Ellipse-Werkzeug (L) und dann die Farbeinstellungen. Wählen Sie die Füllung aus und entfernen Sie die Farbe, doppelklicken Sie dann auf die Kontur und setzen Sie sie auf Gelb.

Klicken und ziehen Sie bei gedrückter Umschalttaste oder klicken Sie einfach auf Ihre Zeichenfläche, um einen Kreis von 310 px zu erstellen—der Raster und die Funktion Am Raster ausrichten sollten dies erleichtern.

Vergewissern Sie sich, dass diese neue Form ausgewählt bleibt, und richten Sie den Fokus auf das Ausrichten-Bedienfeld. Erhöhen Sie die Konturstärke auf 40 pt und stellen Sie die Ausrichtung auf Zeichenfläche ein. Klicken Sie dann auf die Schaltflächen Horizontal zentriert ausrichten und Vertikal zentriert ausrichten, um den Kreis einfach in die Mitte der Zeichenfläche zu verschieben.

circle centercircle centercircle center

Schritt 2

Vergewissern Sie sich, dass der Kreis noch ausgewählt ist, und gehen Sie zweimal auf Objekt > Pfad > Ankerpunkte hinzufügen.

Wechseln Sie zum Direktauswahl-Werkzeug (A), wählen Sie den äußersten rechten Ankerpunkt (im ersten Bild hervorgehoben) und drücken Sie die Entf-Taste, um ihn zu entfernen.

delete anchor pointdelete anchor pointdelete anchor point

Schritt 3

Für diesen Schritt benötigen Sie alle 5 Pixel für den Raster. Gehen Sie also wieder zu Bearbeiten > Voreinstellungen > Hilfslinien & Raster und geben Sie in das Feld Rasterlinie alle 5 ein.

Wählen Sie das Rechteck-Werkzeug (M), erstellen Sie eine 130 x 135 px große Form und platzieren Sie sie wie in der folgenden Abbildung gezeigt. Stellen Sie sicher, dass die Konturstärke auf 40 pt eingestellt ist, und ändern Sie die Farbe in Rot.

rectanglerectanglerectangle

Schritt 4

Mit dem Rechteck noch immer ausgewählt, gehen Sie erneut zu Objekt > Pfad > Ankerpunkte hinzufügen.

Wählen Sie das Direktauswahl-Werkzeug (A), markieren Sie damit den im ersten Bild hervorgehobenen Ankerpunkt und ziehen Sie ihn einfach 50 px nach unten, wie im zweiten Bild gezeigt.

add anchor pointadd anchor pointadd anchor point

Schritt 5

Mit dem noch ausgewählten Direktauswahl-Werkzeug (A), wählen Sie den im ersten Bild markierten Ankerpunkt aus und drücken Sie die Entf-Taste, um ihn zu entfernen. Jetzt können Sie das Raster ausschalten (Ansicht > Raster ausblenden oder Strg-").

delete anchor pointdelete anchor pointdelete anchor point

3. Monogramm-Objekte als zusammengesetzter Pfad kombinieren

Schritt 1

Wählen Sie mit dem Auswahlwerkzeug (V) Ihre beiden Pfade aus und fügen Sie Kopien davor ein (Strg-C > Strg-V).

Halten Sie diese Kopien ausgewählt, ändern Sie die Farbe der Kontur auf grün, verringern Sie die Konturstärke auf 6 pt und vergessen Sie nicht, die Schaltfläche Abgerundet im Konturenbedienfeld zu aktivieren.

duplicate shapesduplicate shapesduplicate shapes

Schritt 2

Gehen Sie zu Ebenenbedienfeld (Fenster > Ebenen), um die roten und gelben Pfade erneut auszuwählen, und gehen Sie dann zu Objekt > Pfad > Konturlinie.

Halten Sie die resultierenden Formen ausgewählt und klicken Sie auf die Schaltfläche Vereinen im Pathfinder-Bedienfeld (Fenster > Pathfinder), um sie zu vereinigen.

Drücken Sie die Umschalttaste-X, um die Einstellungen für die Füll- und die Konturfarbe einfach zu ändern. Ändern Sie die Farbe der Kontur in Grün, erhöhen Sie die Stärke auf 12 pt, und vergessen Sie nicht, die Schaltfläche Abegrundete Ecken zu aktivieren.

monogram design outlinemonogram design outlinemonogram design outline

Schritt 3

Verwenden Sie das Auswahlwerkzeug (V), um alle Pfade auszuwählen, und gehen Sie zu Objekt > Pfad > Konturlinie.

Halten Sie die resultierenden Formen ausgewählt und klicken Sie auf die Schaltfläche Vereinen im Pfathfinder-Bedienfeld. Gehen Sie dann zu Objekt > Zusammengesetzter Pfad > Erstellen (Strg-8), um Ihre Formen in einen zusammengesetzten Pfad zu verwandeln.

monogram design compound pathmonogram design compound pathmonogram design compound path

4. Das Monogramm-Logo-Design stylen und gestalten

Schritt 1

Fügen wir zunächst einen einfachen Hintergrund für dieses Monogramm-Logo-Design hinzu.

Wählen Sie das Rechteck-Werkzeug (M) und erstellen Sie damit ein 870 px großes Quadrat. Füllen Sie es mit R=31 G=42 B=68, stellen Sie sicher, dass es Ihre gesamte Zeichenfläche bedeckt, und drücken Sie Umschalt-Strg-[, um es nach hinten zu verschieben.

monogram design backgroundmonogram design backgroundmonogram design background

Schritt 2

Wählen Sie Ihre Monogrammform erneut aus und füllen Sie sie mit einem linearen Farbverlauf. Stellen Sie den Winkel auf 90 Grad und verwenden Sie den unten gezeigten goldenen Farbverlauf.

Schauen Sie sich dieses Tutorial an, wenn Sie wissen möchten, wie Sie mit demselben goldenen Farbverlauf einen erstaunlichen goldenen Texteffekt erzeugen können:

    monogram design gold gradientmonogram design gold gradientmonogram design gold gradient

    Schritt 3

    Alternativ können Sie den goldenen Farbverlauf auch durch den silbernen Farbverlauf aus diesem Tutorial ersetzen:

      monogram design silver gradientmonogram design silver gradientmonogram design silver gradient

      Schritt 4

      Zum Schluss fügen wir einen feinen Schatten für dieses Monogrammdesign hinzu.

      Vergewissern Sie sich, dass es ausgewählt ist, und gehen Sie zu Effekt > Stilisierungsfilter > Schlagschatten. Geben Sie die im Fenster ganz links gezeigten Einstellungen ein, klicken Sie auf OK und gehen Sie erneut zu Effekt > Stilisierungsfilter > Schlagschatten. Geben Sie die im mittleren Fenster angezeigten Attribute ein, klicken Sie auf OK und gehen Sie noch einmal zu Effekt > Stilisierungsfilter > Schlagschatten. Geben Sie die im rechten Fenster angezeigten Einstellungen ein, klicken Sie auf OK, und mit diesem letzten Schliff ist dieses Illustrator-Monogramm-Tutorial abgeschlossen.

      monogram design shadowmonogram design shadowmonogram design shadow

      Herzlichen Glückwunsch! Sie haben es geschafft!

      Hier sehen Sie, wie Ihr Monogramm-Design aussehen sollte. Ich hoffe, dass Ihnen dieses Tutorial gefallen hat und dass Sie diese Techniken bei Ihren zukünftigen Monogramm-Logodesigns anwenden können.

      Sie können das endgültige Monogrammdesign gerne anpassen und es zu Ihrem eigenen machen. Sie können einige großartige Inspirationsquellen bei Envato Elements finden, mit interessanten Monogramm-Design-Ideen.

      monogram design illustratormonogram design illustratormonogram design illustrator

      Populäre Monogramm-Designs von Envato Elements

      Envato Elements ist eine hervorragende Ressource für Monogramm-Logo-Designs. Hier ist eine kurze Liste mit einigen der beliebtesten Monogramm-Design-Ideen.

      Monogram World Vintage (AI, EPS)

      Wenn Sie keine Zeit haben, um zu lernen, wie man ein Monogramm in Illustrator erstellt, können Sie diese Schriftart ausprobieren, die speziell für die Erstellung von Monogramm-Logo-Designs in Sekundenschnelle entwickelt wurde. Damit haben Sie über 600 Alternativen, um ein Monogramm in Illustrator zu erstellen.

      monogram makermonogram makermonogram maker

      A (A-Z) Monogram Logo Creator Pack (AI, EPS, PDF)

      Probieren Sie diesen Monogrammersteller aus, um mit nur wenigen Klicks ein elegantes und professionelles Monogrammdesign zu erstellen.

      monogram creatormonogram creatormonogram creator

      Monogram World Classic (AI, EPS)

      Hier ist eine weitere Monogramm-Schriften, mit der Sie im Handumdrehen atemberaubende Monogramme erstellen können. Jedes Zeichen ist so konzipiert, dass es sich perfekt miteinander kombinieren lässt und hervorragende Monogramme in Illustrator erstellt werden können.

      monogram creatormonogram creatormonogram creator

      10 Logo/Badge Templates Vol.5 (AI, PSD, PNG)

      Hier ist ein einfacheres Paket mit Monogramm-Designideen. Diese Monogramm-Designs verwenden ausschließlich kostenlose Schriftarten, sodass Sie nur auf den Text doppelklicken und ihn nach Belieben anpassen müssen.

      monogram templatemonogram templatemonogram template

      AE Vintage Monogram Logo Design (AI, EPS)

      Suchen Sie nach einem Vintage-Monogramm-Logo-Design? Dann könnte dieses Design genau das Richtige für Sie sein. Sie können dieses Monogrammdesign nach Belieben anpassen und ihm Ihre eigene Note verleihen.

      vintage monogramvintage monogramvintage monogram

      Möchten Sie mehr erfahren?

      Wir haben viele Tutorials auf Envato Tuts+, sowohl für Anfänger als auch Fortgeschrittene. Schauen Sie mal rein!

      Advertisement
      Did you find this post useful?
      Want a weekly email summary?
      Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
      Scroll to top
      Start your 7-day free trial*
      Start free trial
      *All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.