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


10

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

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

Jede Hilfe / Tipps oder Links zu Tutorials wäre 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


3
Ich kann den Eindruck nicht loswerden, dass diese Diagramme erstellt und die Logos neu erstellt wurden, nachdem die tatsächliche Logo-Form festgelegt wurde. Also ... entwerfe zuerst eine Form und versuche dann, Kreise und Spiralen in schönen Vorsprüngen darum zu passen.
Vincent

Auch - wenn Sie "Goldener Schnitt" oder "Fibonacci" in Dribbble eingeben, könnte dies hilfreich sein.
James

Whoops - sorry - hat den Kommentar nicht beendet. Ich wollte damit sagen, dass es viele Beispiele gibt, die wahrscheinlich besser auf Dribbble dargelegt sind. Außerdem - ich verstehe, was Sie meinen, aber besonders für das oberste Bild - das kleine Navigationsstil - wie kombiniert die Person die Kreise und Formen miteinander, um die Form zu erhalten?
James

2
Ich stimme @Bakabaka in seinem Eindruck zu ... Dieses Rechteck mit dem goldenen Schnitt im Twitter-Beispiel ist so ziemlich nutzlos. Sie hätten es stattdessen auf den Platz legen können. Ich denke, es könnte auf der Ebene der Verkaufsargumente helfen, wenn es nach großem Fachwissen aussieht.
neugierig

1
Was lustig ist, ist, dass keines der Beispiele tatsächlich den Goldenen Schnitt verwendet. Der goldene Schnitt ist um das Logo herum "zerschlagen", aber wie Sie sehen können, gibt es keine tatsächliche direkte Beziehung. @ Bakabaka ist insofern richtig, als dies alles wahrscheinlich Gitter sind, die nachträglich erstellt wurden und wirklich keinen Einfluss auf das ursprüngliche Logo-Design haben. Zu Ihrer Information, der Goldene Schnitt ist nicht wirklich so relativ, wie die Leute denken. Es hat etwas mit Architektur in der Antike zu tun, aber das war es auch schon.
DA01

Antworten:


4

Ihre Frage sieht theoretisch aus, aber wenn Sie sie genauer lesen, fragen Sie sich, wie Sie Formen in Illustrator zusammenführen. Es gibt mehrere Möglichkeiten, ein Sechseck mit abgerundeten Punkten zu erstellen. Hier ist eine, die saubere Ergebnisse liefert, aber je nach ausgewähltem Wert möglicherweise nicht perfekt gerundet 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 um einen Wert zu finden, 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 machen möchten, die Sie in Ihre Frage aufgenommen haben, würde ich es folgendermaßen tun:

  • 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 Anteil (dann können Sie auch hier 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 genau (Sie sollten die Gliederungsvorschau in Illustrator verwenden (Strg + Y). Dieser Schritt ist äußerst wichtig, der Kreis muss sich berühren, sollte sich aber nicht überlappen erfordern einige Versuche.

Setzen Sie in jeden Punkt einen Kreis

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

Shape Builder-Tool

  • Lassen Sie Alt los und klicken Sie 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 ...
joojaa

Es gibt unzählige Möglichkeiten, dies zu tun, aber da OP zu sagen schien, dass seine Erfahrung mit Illustrator begrenzt ist, habe ich eine einfache ausgewählt. Fühlen Sie sich frei, eine andere Option zu posten :-)
neugierig

1
Danke @Emilie, genau das habe ich gesucht. Vielen Dank an alle anderen für Ihre Hilfe und an die Entschuldigung, dass Sie sich bemüht haben, die Frage richtig zu formulieren. Sie waren sich nicht sicher, wie Sie den Punkt am besten vermitteln können.
James

Ich war mir nicht sicher, ob das genug war, um zu wissen, dass ich dir geholfen habe, es herauszufinden :-)
neugierig

3

Ich verstehe Ihre Frage als: Wie erstellen Sie 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 beginnt das beste Logo. Versuchen Sie NICHT, das obige Schema zu erstellen und ein Logo darin anzubringen. Wie andere bereits gesagt haben, dienen diese Bilder eher dem Marketing als der tatsächlichen Erstellung durch den Designer.

Nachdem Sie Ihre Grundidee (IE: Verwenden Sie das Twitter-Logo, nehmen wir an, Sie möchten, dass Ihr Logo ein Vogel ist und Sie die Grundform des Twitter-Logos skizziert haben), können Sie die Skizze in Illustrator einfügen und mit dem Erstellen beginnen Mathematik. (IE: Stellen Sie sicher, 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 es Ihnen helfen soll, können Sie mit dem Rechnen beginnen.

Wir werden Twitter als Beispiel verwenden. Was wir in diesem Fall sehen, 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, mit der viele Künstler einen gerichteten Augenfluss in ihren Stücken erzeugen). Sie sehen also den "Haupt", großen Kreis hier ist die Größe des Vogelkörpers. 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 gelegt, über das wir gesprochen haben. Ich habe auch eine Formdatei in Photoshop und Illustrator, um den goldenen Schnitt zu messen. Was sie jedoch wahrscheinlicher taten, war, den Umfang des Körpers des Vogels zu nehmen und durch 1,6 zu teilen. 1,6 ist die gerundete goldene Schnittzahl. Aber visuell bewirkt dies tatsächlich, dass der zweitkleinste Kreis, den Sie sehen, die richtige Größe in Bezug auf den ersten, größeren Kreis hat.

"Warum ist das wichtig? Warum nicht einfach einen kleineren Kreis bilden und ihn einen Tag nennen?" Die Antwort ist, dass alles darauf ankommt, wie unser Gehirn die Welt um uns herum wahrnimmt. Natürlich schöne Dinge - viele Dinge, die in der Natur vorkommen - haben eine Größe oder räumliche Beziehung, die dieses Verhältnis nutzt. Dies bedeutet, dass unser Gehirn diese Beziehungen eher unbewusst als schön erkennt. Ich habe noch keinen Fall gehabt, in dem ich diese Beziehung richtig genutzt habe, um zu beweisen, dass diese Aussage oder Philosophie unwirksam ist. Als sekundärer Vorteil, wenn

Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.