Wie verwende ich Fibonacci-Zahlen / den Goldenen Schnitt im Logo-Design in Illustrator oder Sketch?

Ich versuche, für einige Universitätsarbeiten in Fibonacci / Golden Ratio-Logos einzusteigen, bin jedoch ziemlich neu in Illustrator. Ich benutze Photoshop seit ungefähr 8 Jahren und Sketch v3 seit seiner Veröffentlichung. Ich kann jedoch nicht herausfinden, wie Menschen diese Logos erstellen.

Ich versuche herauszufinden, wie Sie beispielsweise von einem Sechseck mit spitzen Kanten zu Kreisen übergehen können, um die Spitzen in abgerundete Kanten zu ziehen.

Für Hilfe/Tipps oder Links zu Tutorials wäre ich sehr dankbar.

Vielen Dank

BEARBEITEN

Hier sind einige Beispiele (danke Bakabaka für die Nachfrage)

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Ich kann mich des Eindrucks nicht erwehren, dass diese Diagramme erstellt und die Logos neu konstruiert wurden, nachdem die eigentliche Logoform festgelegt worden war. Also ... entwerfen Sie zuerst eine Form und versuchen Sie dann, Kreise und Spiralen in schönen Proportionen darum herum zu platzieren.
Auch - wenn Sie "Goldener Schnitt" oder "Fibonacci" in Dribbble eingeben, könnte das helfen.
Hoppla - Entschuldigung - Kommentar nicht beendet. Ich wollte sagen, dass es viele Beispiele gibt, die wahrscheinlich besser auf Dribbble dargelegt sind. Außerdem - ich verstehe, was Sie meinen, aber insbesondere für das oberste Bild - das kleine Navigationsstil-Bild - wie kombiniert die Person die Kreise und Formen miteinander, um die Form zu erstellen?
Wenn ich also diese Grundform machen wollte, die das runde Objekt mit der Spitze ist, würde ich mit einem großen Kreis beginnen, ein Dreieck auf halber Höhe hinzufügen und dann einen Kreis, um die Enden der Dreiecksspitze abzurunden. Ich kann nicht herausfinden, wie ich das Dreieck mit dem Kreis kombinieren soll, damit ich die Punkte abrunden kann.
Versuchen Sie, einige Tutorials zu entweder dem Pathfinderoder dem Shape BuilderTool zu finden. Sie könnten helfen.
Ich stimme @Bakabaka in seinem Eindruck zu ... Das Rechteck mit dem goldenen Schnitt im Twitter-Beispiel ist ziemlich nutzlos. Sie hätten es stattdessen auf den Platz stellen können. Ich denke, es könnte auf der Ebene des Verkaufsgesprächs helfen, indem es nach großartigem Fachwissen aussieht.
Danke Bakabaka und @Emilie - das Twitter war wahrscheinlich ein schlechtes Beispiel - was ich eigentlich suche, ist der Prozess mit Illustrator, mit dem ich das erste Bild oder ähnliches erstellen kann.
Ich habe die technische Seite Ihrer Frage unten beantwortet. Sie könnten ein Rechteck mit goldenem Schnitt verwenden, um Sechsecke darin einzupassen (wie in Ihrem ersten Beispiel) und ein ähnliches Projekt mit Sechsecken durchführen.
Komisch ist, dass keines der Beispiele tatsächlich den Goldenen Schnitt verwendet. Der Goldene Schnitt ist um das Logo „zertrümmert“, aber wie Sie sehen können, gibt es keine wirkliche direkte Beziehung. @Bakabaka hat Recht, da dies alles wahrscheinlich nachträglich erstellte Raster sind und wirklich keinen tatsächlichen Einfluss auf das ursprüngliche Logodesign haben. FYI, der Goldene Schnitt ist nicht wirklich so relativ, wie die Leute denken. Es hat etwas mit der Architektur in der Antike zu tun, aber das war es auch schon.
Außerdem ist deine Frage verwirrend. Sie beziehen sich auf Sechsecke, zeigen dann aber Beispiele für Gitter. Können Sie erklären, wonach Sie suchen?

Antworten (2)

Ihre Frage sieht theoretisch aus, aber wenn Sie genauer lesen, klingt es so, als würden Sie fragen, wie Sie Formen in Illustrator zusammenführen können. Es gibt mehrere Möglichkeiten, ein Sechseck mit abgerundeten Spitzen zu erstellen. Hier ist eine, die saubere Ergebnisse liefert, aber je nach gewähltem Wert möglicherweise nicht perfekt abgerundet aussieht:

  • Zeichnen Sie mit dem Polygon-Werkzeug ein Sechseck. Sie können mit der Maus auf die Leinwand klicken, um genaue Maße einzugeben.
  • Wählen Sie das Sechseck aus und gehen Sie in die obere Menüleiste Effekte > Spezial > Abgerundete Ecken
  • Aktivieren Sie die Vorschau, um zu sehen, was Sie tun, und finden Sie einen Wert, der gut aussieht. Dies ist der Radius. Wenn Sie also die Proportionen der goldenen Ration mit den genauen Maßen Ihres Sechsecks trainieren möchten, können Sie dies dort tun.

Wenn Sie es jedoch ein bisschen wie die Aufnahmen, die Sie in Ihre Frage aufgenommen haben, von Hand machen möchten, würde ich es so machen:

  • Zeichnen Sie mit dem Polygon-Werkzeug ein Sechseck. Sie können mit der Maus auf die Leinwand klicken, um genaue Maße einzugeben.

Zeichne ein Sechseck

  • Zeichnen Sie einen Kreis mit dem gewünschten Verhältnis (Sie können auch direkt auf die Leinwand klicken, um einen genauen Wert einzugeben).
  • Duplizieren Sie Ihren Kreis an jedem Punkt des Sechsecks und platzieren Sie ihn äußerst präzise (Sie sollten die Umrissvorschau in Illustrator verwenden (Strg + Y). Dieser Schritt ist äußerst wichtig, der Kreis muss sich berühren, sollte sich aber nicht überlappen. Es könnte sein erfordern ein paar Versuche.

Zeichne in jeden Punkt einen Kreis

  • Wählen Sie Ihr Sechseck und alle Ihre Kreise auf einmal aus.
  • Drücken Sie mit dem Shape Builder-Tool (Umschalt + M) die Alt-Taste, um ein Minuszeichen auf Ihrem Cursor zu erhalten. Klicken Sie auf die Leinwand und ziehen Sie zu jedem sechseckigen Punkt, um ihn zu entfernen. (Wenn der Punkt nicht als separater Bereich angezeigt wird, liegt das daran, dass sich Ihre Formen nicht richtig berühren).

Shape-Builder-Tool

  • Lassen Sie Alt los und klicken und ziehen Sie Ihre anderen Formen zusammen, um sie zu vereinen.

Fertige Form

Es ist einfacher, einen Kreis zu zeichnen als den zweiten zu verbinden und dann um 60 Grad zu drehen, aber ja sicher ...
Es gibt unzählige Möglichkeiten, dies zu tun, aber da OP zu sagen schien, dass seine Erfahrung mit Illustrator begrenzt ist, habe ich mich für eine einfache entschieden. Du kannst gerne eine andere Option posten :-)
Danke @Emilie, das ist genau das, wonach ich gesucht habe. Vielen Dank auch an alle anderen für Ihre Hilfe und Entschuldigung für die Mühe, die Frage richtig zu formulieren. Ich war mir nicht sicher, wie ich den Punkt am besten vermitteln könnte.
Ich war mir nicht sicher, ob das genug war, also bin ich froh zu wissen, dass ich dir geholfen habe, es herauszufinden :-)

Ich verstehe Ihre Frage, wie erstellt man ein Logo mit dem Goldenen Schnitt? Ich habe das Gefühl, dass Ihre Frage eher theoretisch als programmbasiert ist? Hier ist meine theoretische Antwort und ich werde hier der Anwalt des Teufels für den Goldenen Schnitt sein (da ich glaube, dass viele der obigen Kommentare die Bedeutung nicht vollständig verstehen).

Skizze auf Papier. So fängt das beste Logo an. Versuchen Sie NICHT, das obige Schema zu erstellen und ein Logo darin einzufügen. Wie andere gesagt haben, sind diese Bilder, die Sie oben haben, eher für das Marketing als dafür, wie der Designer sie tatsächlich erstellt hat.

Nachdem Sie Ihre Grundidee haben (IE: Verwenden Sie das Twitter-Logo, sagen wir, Sie wissen, dass Ihr Logo ein Vogel sein soll, und Sie haben die Grundform des Twitter-Logos skizziert), können Sie die Skizze in Illustrator bringen und damit beginnen Mathematik. (IE: sicherstellen, dass es zum goldenen Schnitt passt).

Sie müssen diese Art von "Raster" nicht erstellen, wie Sie auf diesen Fotos sehen, und dann das Logo hineinpassen. Stattdessen müssen Sie verstehen, was der Goldene Schnitt ist und wie er Ihnen helfen kann. Wenn Sie wissen, wie Sie es unterstützen möchten, können Sie mit der Berechnung beginnen.

Wir verwenden Twitter als Beispiel. Was wir uns hier ansehen, ist die Größe der Kreise (das ist wichtig). Dieses „goldene Rechteck“, das Sie überall sehen, ist eigentlich die Fibonacci-Zahlenfolge (Sie sehen es auch mit einer Spirale, die viele Künstler verwenden, um einen gerichteten Augenfluss in ihren Stücken zu erzeugen). Sie sehen also, dass der "große" Hauptkreis hier die Größe des Vogelkörpers hat. Oder zumindest folgt die Unterseite des Vogelkörpers der Kurve dieses Kreises. Dies ist der Hauptdurchmesser (Breite), den wir verwenden, um den Goldenen Schnitt zu verwenden, um die Größe der Flügel, Federn und des Kopfes des Vogels basierend auf der Größe seines Körpers zu ermitteln.

Um Ihnen die Beziehung zwischen den Objekten zu ZEIGEN, haben die Designer den Twitter-Vogel in das goldene Rechteck platziert, über das wir gesprochen haben. Auch ich habe eine Formdatei in Photoshop und Illustrator, um mit dem Goldenen Schnitt zu messen. Was sie jedoch wahrscheinlicher taten, war, den Umfang des Vogelkörpers zu nehmen und ihn durch 1,6 zu teilen. 1,6 ist die gerundete Zahl des Goldenen Schnitts. Was dies jedoch visuell bewirkt, ist, dass der zweitkleinste Kreis, den Sie sehen, die richtige Größe im Verhältnis zum ersten, größeren Kreis hat.

„Warum ist das wichtig? Warum nicht einfach einen kleineren Kreis bilden und Feierabend machen?“ Die Antwort ist, weil alles darauf ankommt, wie unser Gehirn die Welt um uns herum wahrnimmt. Natürlich schöne Dinge – viele Dinge, die man in der Natur findet – haben eine Größe oder räumliche Beziehung, die dieses Verhältnis nutzt. Das bedeutet, dass unser Gehirn diese Beziehungen eher unbewusst als schön erkennt. Ich hatte noch keinen Fall, in dem ich diese Beziehung korrekt genutzt habe, um zu beweisen, dass diese Aussage oder Philosophie unwirksam ist. Als Nebenleistung ggf