Erstellen eines benutzerdefinierten Rasters für ein Logo in Illustrator

Ich habe mich immer gefragt, wie man diese benutzerdefinierten Raster erstellt, wie Sie sie in den Arbeiten von David Pache ( http://dribbble.com/helveticbrands ) und Igor Duibanov sehen können.

Ich habe herausgefunden, wie man von einem bestimmten Punkt aus eine Tangente zu einem Kreis erstellt, aber ich kann nicht finden, wie man eine Tangente zeichnet, die zwei Kreise wie hier schneidet:

Beispiel

Ich bin wirklich verliebt in dieses Thema, aber ich kann nicht verstehen, wie man so arbeitet, ich habe es versucht, aber ich bin gescheitert und nicht einmal annähernd gekommen.

Antworten (4)

Worauf Sie sich beziehen, sind nicht wirklich Gitter; Das sind Bauanleitungen. Das Raster ist genau das, was durch die horizontalen und vertikalen Komponenten gebildet wird.

Und obwohl einige dieser Bauanleitungen wirklich schick und komplex aussehen, waren sie wahrscheinlich nicht so schwer zu erstellen, wie Sie sich vorstellen. Normalerweise beginnt der Designer mit einer allgemeinen Vorstellung davon, was er bauen möchte, und legt dann nach und nach Richtlinien über einen langen Designprozess fest. Sie könnten also am Ende mit einem sehr komplexen Satz von Hilfslinien enden, aber sie haben wahrscheinlich nur mit ein paar horizontalen und vertikalen Linien oder vielleicht nur einem einzigen Kreis begonnen.

Aber zu dem Teil, den Sie wahrscheinlich nicht hören wollen ...

Erinnern Sie sich also an jene Tage in der High School, als Sie in Ihrem Geometrieunterricht saßen und Ihrem Mathelehrer zuhörten, der immer weiter über Axiome, Postulate und Theoreme brüllte, und Sie zu sich selbst murmelten: „Wann werde ich jemals etwas von diesem Zeug benutzen? " Nun... das ist eine dieser Zeiten.

Das ist eigentlich der Grund, warum viele der Konstruktionsanleitungen, die Sie sehen, so komplex sind – der Designer musste die Geometrie verwenden, um die genaue Positionierung eines Elements auf der Grundlage eines anderen Elements zu finden, und sie brauchten eine Menge zwischengeschalteter Anleitungen, um dorthin zu gelangen.

Das soll nicht heißen, dass alle diese Designer ihre Geometrieklassen mit Bravour bestanden haben. Viele von ihnen verstehen wahrscheinlich nicht einmal die geometrischen Theoreme, die sie anwenden, und sie wenden einfach Tricks an, die sie durch Versuch und Irrtum gelernt haben, vielleicht unterstützt durch ein wenig logische Intuition. Und das ist etwas, was fast jeder tun kann. Es braucht nur ein wenig Übung.

Hier ist eine schnelle und schmutzige Methode zum Zeichnen äußerer Tangenten für 2 Kreise:

  1. Beginnen Sie mit Ihren 2 Kreisen. Ausrichtung und Größe spielen keine Rolle, solange ein Kreis nicht vollständig vom anderen umgeben ist.
    Kreise brauchen auch Tangenten

  2. Zeichne ein Rechteck mit einer Breite (oder Länge) gleich dem Durchmesser des kleineren Kreises. Seine Länge (oder Breite) sollte mindestens so lang sein wie der Abstand zwischen den beiden Zentren. Das Ende des Rechtecks ​​sollte auf der Mitte des kleineren Kreises zentriert sein.
    Grundstruktur

  3. Verwenden Sie Ihr RotateWerkzeug und setzen Sie den Rotationsbezugspunkt in die Mitte des kleineren Kreises, ziehen Sie dann eine Kante des Rechtecks, bis sie eine Tangente an den größeren Kreis bildet.
    Grobe Außentangente

  4. Bereinigen Sie Ihre Rechtecklänge und duplizieren Sie Ihre Bemühungen auf der anderen Seite.
    Endgültige Struktur

Das Ergebnis mag mathematisch nicht perfekt sein, aber es kann so gut sein, wie Sie es wünschen.

Fertig

Wenn es ganz genau sein soll, können Sie den kleinen Kreis und das Rechteck in Schritt 3 auch so drehen, dass sie waagerecht liegen. Dadurch wird sichergestellt, dass der große Kreis tangential daran einrastet, wenn Sie intelligente Hilfslinien aktiviert haben. Sie können auch Tangentenpunkte finden, indem Sie eine Linie erstellen, die den Kreis horizontal oder vertikal halbiert, und ihn dann in den gewünschten Winkel drehen. Sie können dies dann zu einer Hilfslinie machen und dem Kreis einen Punkt hinzufügen, der zum Einrasten verwendet werden kann.
Auf jeden Fall ein toller Weg, danke. Wenn ich euch nur bewerten könnte, weil ihr mir wirklich helft und ich das wirklich schätze, macht weiter mit den Ratschlägen und Meinungen! :)
@Lèsemajesté Der einzige Nachteil dabei ist, dass nur eine Seite einrastet. Die einzige Möglichkeit, die andere Seite genauso genau zu bekommen, besteht darin, die gesamte Baugruppe zu drehen, bis die andere Seite ebenfalls horizontal ausgerichtet ist. Wenn wir die genauen Winkel kennen würden, um diese Transformation durchzuführen ...
Das sollte kein Problem sein. Eine Möglichkeit besteht darin, eine horizontale Hilfslinie durch die Mitte eines der Kreise zu erstellen. Drehen Sie dann um diese Mitte, bis die Mitte des anderen Kreises auf der Führung einrastet. Doppelklicken Sie auf das Drehwerkzeug, und Sie können erneut um denselben Betrag drehen. Und Sie sollten alle für die andere Seite aufgereiht sein.

Ich habe KI schon lange nicht mehr verwendet, daher bin ich mir nicht sicher, ob es sich um Features handelt, die jetzt existieren, aber damals gab es keine Werkzeuge zum Herstellen geometrischer Verbindungen wie Tangentenlinien und dergleichen. CAD-Software hingegen ist speziell dafür entwickelt worden, also ist es oft der Weg, auf den Sie sich verlassen würden. Um dies in der KI zu tun, muss viel gezoomt und geschaut werden.

Denken Sie daran, dass viele dieser Designraster, die Sie an Orten wie Dribble sehen, NACHDEM hinzugefügt werden. Sie sind ein nettes Präsentationstool, aber wahrscheinlich werden sie nicht so oft für die eigentliche Erstellung des Designs verwendet, wie Sie denken.

Ich bin mir sicher, dass die meisten von ihnen später hinzugefügt werden, aber es gibt einige Projekte, bei denen Sie sehen können, dass dies Teil seiner Prozesse ist, wie hier: behance.net/gallery/Nick-Oldschool/1080185 .
@Ron: Ich weiß nicht, dass die meisten danach hinzugefügt werden. Ich denke, unter professionellen Logo-/Schriftdesignern ist die Verwendung von Bauanleitungen gängige Praxis. (Es ist ziemlich schwer, dies nicht zu tun.) Was sie jedoch tun könnten, ist, eine grobe Version des Logos ohne die Hilfslinien zu zeichnen (normalerweise viele verschiedene Variationen zu zeichnen, um verschiedene Richtungen zu erkunden), und dann, sobald sie das grobe Design ausgewählt haben, sie Ich werde die Bauanleitungen hinzufügen, um das Design mit einer saubereren, geometrischeren Konstruktion neu zu erstellen.
@Lèsemajesté aber wie integriere ich Geometrie in Illustrator? Ich bin in meinem letzten Jahr in der High School und ich kann über einen Weg nachdenken, beides zu integrieren.
+1 dafür, dass dies eine integrierte Funktion von Autocad (und wahrscheinlich anderer CAD-Software) ist.

Ein einfacherer und präziserer Weg ist die Verwendung von Hiroyuki Satos „Common Tangent“-Skript für Illustratoren

  1. Erstellen und wählen Sie die Kreise aus, die Sie kombinieren möchten
  2. Befehl + F12, um das Illustrator-Skript zu öffnen, öffnen Sie „Common Tangents.js“.
  3. Die gemeinsamen Tangenten werden für Sie gezeichnet, Sie können die Linien mit dem Stiftwerkzeug schließen, um aus den Linien feste Formen zu erstellen
  4. Verwenden Sie den Pfadfinder, um alle Formen zu einem Objekt zusammenzuführen

Es ist in seiner ausgezeichneten Suite von Skripten enthalten: http://park12.wakwak.com/~shp/lc/et/en_aics_script.html

Erstellen eines benutzerdefinierten Rasters für ein Logo in Illustrator
AntwortenHierDatenschutz-Bestimmungen1y, 0v