Comment utiliser les nombres de Fibonacci / Golden Ratio dans la conception de logo dans Illustrator ou Sketch?


10

J'essaie d'entrer dans les logos Fibonacci / Golden Ratio pour certains travaux universitaires, mais je suis assez nouveau pour Illustrator. J'utilise Photoshop depuis environ 8 ans et Sketch v3 depuis sa sortie. Cependant, je ne peux pas comprendre comment les gens créent ces logos.

J'essaie de comprendre comment, par exemple, vous pouvez passer d'un hexagone à bords pointus à des cercles pour tirer les points en bords arrondis.

Toute aide / astuce ou lien vers des tutoriels serait grandement apprécié.

Merci

ÉDITER

Voici quelques exemples (merci Bakabaka d'avoir demandé)

entrez la description de l'image ici

entrez la description de l'image ici

entrez la description de l'image ici

entrez la description de l'image ici

entrez la description de l'image ici


3
Je ne peux pas secouer l'impression que ces diagrammes ont été créés et que les logos ont été reconstruits après que la forme réelle du logo a été décidée. Alors ... commencez par concevoir une forme, puis essayez d'ajuster les cercles et les spirales dans de belles promotions autour d'elle.
Vincent

Aussi - si vous tapez "nombre d'or" ou "fibonacci" dans Dribbble, cela pourrait vous aider.
James

Oups - désolé - n'a pas fini de commenter. Je voulais dire qu'il y a beaucoup d'exemples probablement mieux présentés sur Dribbble. Aussi - je vois ce que vous voulez dire, mais surtout pour l'image la plus haute - celle du petit style de navigation - comment la personne combine-t-elle les cercles et les formes pour créer la forme?
James

2
Je suis d'accord avec @Bakabaka sur son impression ... Ce rectangle d'or dans l'exemple Twitter est à peu près inutile. Ils auraient pu le mettre à la place. Je suppose que cela pourrait aider au niveau des arguments de vente en ressemblant à une grande expertise.
curieux

1
Ce qui est drôle, c'est qu'aucun des exemples n'utilise réellement le nombre d'or. Le nombre d'or est «brisé» autour du logo, mais comme vous pouvez le voir, il n'y a pas de relation directe réelle. @Bakabaka a raison, car il s'agit probablement de grilles créées après coup et n'ont vraiment aucune incidence sur la conception du logo d'origine. Pour info, le nombre d'or n'est pas vraiment aussi relatif qu'on le pense. C'est quelque peu lié à l'architecture dans l'antiquité, mais c'est à peu près tout.
DA01

Réponses:


4

Votre question semble théorique, mais en lisant de plus près, il semble que vous demandez comment fusionner des formes dans Illustrator. Il existe plusieurs façons de créer un hexagone avec des points arrondis. En voici un qui donne des résultats nets mais en fonction de la valeur que vous choisissez, peut ne pas être parfaitement arrondi:

  • Dessinez un hexagone à l'aide de l'outil polygone. Vous pouvez cliquer sur la toile avec la souris pour entrer des mesures exactes.
  • Sélectionnez l'hexagone et allez dans la barre de menu supérieure Effets> Spécial> Coins arrondis
  • Activez l'aperçu pour voir ce que vous faites et trouver une valeur qui vous convient. Ceci est le rayon, donc si vous voulez vous entraîner avec des proportions de ration d'or avec les mesures exactes de votre hexagone, vous pouvez le faire là-bas.

Cependant, si vous voulez le faire à la main un peu comme les plans que vous avez inclus dans votre question, voici comment je le ferais:

  • Dessinez un hexagone à l'aide de l'outil polygone. Vous pouvez cliquer sur la toile avec la souris pour entrer des mesures exactes.

Dessinez un hexagone

  • Dessinez un cercle en utilisant la proportion que vous souhaitez (là encore, vous pouvez cliquer directement sur la toile pour entrer une valeur exacte).
  • Dupliquez votre cercle à chaque point de l'hexagone et placez-le extrêmement précisément (vous souhaiterez utiliser l'aperçu du contour dans Illustrator (ctrl + y). Cette étape est extrêmement importante, le cercle doit toucher mais ne doit pas se chevaucher. Il pourrait nécessitent quelques tentatives.

Mettez un cercle dans chaque point

  • Sélectionnez votre hexagone et tous vos cercles à la fois.
  • Avec l'outil de création de forme (Maj + M), appuyez sur Alt pour obtenir un signe moins sur votre curseur. Cliquez sur le canevas et faites glisser sur chaque point hexagonal pour les supprimer. (Si le point ne s'affiche pas comme une zone distincte, c'est parce que vos formes ne se touchent pas correctement).

Outil de création de forme

  • Lâchez Alt et cliquez et faites glisser vos autres formes ensemble pour les unir.

Forme finie


Il est plus facile de dessiner un cercle puis le deuxième de se connecter puis de tourner de 60 degrés mais oui bien sûr ...
joojaa

Il y a des tonnes de façons de le faire, mais comme OP semblait dire que son expérience avec Illustrator est limitée, j'en ai choisi une simple. N'hésitez pas à poster une autre option :-)
curieux

1
Merci @Emilie c'est exactement le genre de chose que je cherchais. Merci à tous les autres pour votre aide également et excuses pour avoir du mal à formuler la question correctement, n'était pas sûr de la meilleure façon de faire passer le message.
James

Je n'étais pas sûr que c'était suffisant, donc content de savoir que je vous ai aidé à le comprendre :-)
curieux

3

Je comprends que votre question soit: comment créer un logo avec le nombre d'or? J'ai l'impression que votre question est plus théorique que basée sur un programme? Voici ma réponse théorique et je serai l'avocat du diable pour le nombre d'or ici (car je crois que la plupart des commentaires ci-dessus ne comprennent pas complètement la signification).

Croquis sur papier. C'est ainsi que le meilleur logo commence. N'essayez PAS de créer le schéma ci-dessus et d'y insérer un logo. Comme d'autres l'ont dit, ces images que vous avez ci-dessus sont plus destinées au marketing qu'à la façon dont le designer les a réellement créées.

Une fois que vous avez votre idée de base (IE: en utilisant le logo Twitter, disons que vous savez que vous voulez que votre logo soit un oiseau et que vous avez esquissé la forme de base du logo Twitter), vous pouvez importer l'esquisse dans Illustrator et commencer à faire le math. (IE: s'assurer qu'il correspond au nombre d'or).

Vous n'avez pas besoin de créer ce type de "grille" comme vous le voyez sur ces photos et d'y insérer le logo. Au lieu de cela, vous devez comprendre quel est le nombre d'or et comment il peut vous aider. Lorsque vous savez comment vous voulez que cela vous aide, vous pouvez commencer à faire le calcul.

Nous utiliserons Twitter comme exemple. Ce que nous regardons dans celui-ci, c'est la taille des cercles (c'est ce qui est important). Ce "rectangle d'or" que vous voyez partout est en fait la séquence de nombres de Fibonacci (vous le verrez également avec une spirale, ce que de nombreux artistes utilisent pour créer un flux directionnel dans leurs pièces). Donc, vous voyez le "grand", grand cercle ici est la taille du corps de l'oiseau. Ou, au moins, le bas du corps de l'oiseau suit la courbe de ce cercle. Il s'agit du diamètre principal (largeur) que nous utiliserons pour utiliser le nombre d'or pour obtenir la taille des ailes, des plumes et de la tête de l'oiseau en fonction de la taille de son corps.

Pour vous montrer la relation entre les objets, les designers ont placé l'oiseau Twitter dans ce rectangle d'or dont nous avons parlé. Moi aussi, j'ai un fichier de forme dans Photoshop et Illustrator pour aider à mesurer le nombre d'or. CEPENDANT, ce qu'ils ont plus probablement fait, a été de prendre la circonférence du corps de l'oiseau et de la diviser par 1,6. 1,6 est le nombre d'or arrondi. Mais visuellement, ce que cela fait réellement, c'est que le deuxième plus petit cercle que vous voyez est de la bonne taille par rapport au premier cercle plus grand.

"Pourquoi est-ce important? Pourquoi ne pas simplement faire un petit cercle et l'appeler un jour?" La réponse est parce que tout se résume à la façon dont notre cerveau perçoit le monde qui nous entoure. Les choses naturellement belles - beaucoup de choses trouvées dans la nature - ont une taille ou une relation spatiale utilisant ce rapport. Cela signifie que nos cerveaux vont plus probablement reconnaître inconsciemment ces relations comme belles. Je n'ai pas encore eu un cas où j'ai utilisé cette relation correctement prouver cette déclaration ou philosophie inefficace. À titre secondaire, si

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.