¿Cómo usar los números de Fibonacci / Golden Ratio en el diseño de logotipos en Illustrator o Sketch?


10

Estoy tratando de ingresar a los logotipos de Fibonacci / Golden Ratio para algunos trabajos universitarios, sin embargo, soy bastante nuevo en Illustrator. He usado Photoshop durante aproximadamente 8 años y Sketch v3 desde que se lanzó. Sin embargo, no puedo entender cómo la gente crea estos logotipos.

Estoy tratando de averiguar cómo, por ejemplo, puedes pasar de un hexágono con bordes puntiagudos a usar círculos para tirar de los puntos en bordes redondeados.

Cualquier ayuda / consejos o enlaces a tutoriales serán muy apreciados.

Gracias

EDITAR

Aquí hay algunos ejemplos (gracias Bakabaka por preguntar)

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí


3
No puedo evitar la impresión de que estos diagramas se hicieron y los logotipos se reconstruyeron después de que se decidió la forma real del logotipo. Entonces ... primero diseñe una forma, y ​​luego intente colocar círculos y espirales en bonitas proprotiones a su alrededor.
Vincent

Además, si escribe "proporción áurea" o "fibonacci" en Dribbble, eso podría ayudar.
James

Vaya, lo siento, no terminó el comentario. Quise decir que hay muchos ejemplos probablemente mejor expuestos en Dribbble. Además, veo lo que quieres decir, pero especialmente para la imagen superior, el pequeño estilo de navegación, ¿cómo combina la persona los círculos y las formas para crear la forma?
James

2
Estoy de acuerdo con @Bakabaka en su impresión ... Ese rectángulo de proporción dorada en el ejemplo de Twitter es bastante inútil. Podrían haberlo puesto en la plaza. Supongo que podría ayudar a nivel de ventas al parecer una gran experiencia.
curioso

1
Lo curioso es que ninguno de los ejemplos está usando la proporción áurea. La proporción dorada se 'rompe' alrededor del logotipo, pero como puede ver, no existe una relación directa real. @Bakabaka tiene razón en que todas estas son cuadrículas creadas después del hecho y realmente no tienen ninguna relación con el diseño del logotipo original. Para su información, la proporción áurea no es realmente tan relativa como la gente piensa. Está algo relacionado con la arquitectura en la antigüedad, pero eso es todo.
DA01

Respuestas:


4

Tu pregunta parece teórica, pero cuando lees más de cerca parece que estás preguntando cómo combinar formas en Illustrator. Hay varias formas de hacer un hexágono con puntos redondeados. Aquí hay uno que brinda resultados claros, pero dependiendo del valor que elija, podría no verse perfectamente redondeado:

  • Dibuja un hexágono usando la herramienta polígono. Puede hacer clic en el lienzo con el mouse para ingresar medidas exactas.
  • Seleccione el hexágono y vaya a la barra de menú superior Efectos> Especial> Esquinas redondeadas
  • Active la vista previa para ver lo que está haciendo y encontrar un valor que se vea bien. Este es el radio, así que si quieres entrenar proporciones de raciones doradas con las medidas exactas de tu hexágono, puedes hacerlo allí.

Sin embargo, si desea hacerlo a mano un poco como las tomas que ha incluido en su pregunta, así es como lo haría:

  • Dibuja un hexágono usando la herramienta polígono. Puede hacer clic en el lienzo con el mouse para ingresar medidas exactas.

Dibujar un hexágono

  • Dibuje un círculo usando la proporción que desee (de nuevo, puede hacer clic directamente en el lienzo para ingresar un valor exacto).
  • Duplique su círculo en cada punto del hexágono y colóquelo con extrema precisión (querrá usar la vista previa del esquema en Illustrator (ctrl + y). Este paso es extremadamente importante, el círculo debe tocarse pero no debe superponerse. Podría requieren algunos intentos.

Pon un círculo en cada punto

  • Selecciona tu hexágono y todos tus círculos a la vez.
  • Con la herramienta de creación de formas (Mayús + M), presione Alt para obtener un signo menos en el cursor. Haga clic en el lienzo y arrastre a cada punto hexagonal para eliminarlos. (Si el punto no se muestra como un área separada, es porque sus formas no se tocan correctamente).

Herramienta de construcción de formas

  • Suelta Alt y haz clic y arrastra tus otras formas para unirlas.

Forma terminada


Es más fácil dibujar un círculo a continuación, la segunda conexión Tose luego gire 60 grados, pero sí seguro ...
joojaa

Hay muchas formas de hacer esto, pero como OP parecía decir que su experiencia con Illustrator es limitada, elegí una sencilla. Siéntase libre de publicar otra opción :-)
curioso

1
Gracias @Emilie, este es exactamente el tipo de cosas que estaba buscando. Gracias a todos los demás por su ayuda también y disculpas por luchar para formular la pregunta correctamente, no estaba seguro de la mejor manera de comunicarlo.
James

No estaba seguro de que eso fuera suficiente, así que me alegra saber que te ayudé a resolverlo :-)
curioso

3

Entiendo que tu pregunta sea: ¿cómo creas un logotipo con la proporción áurea? ¿Siento que su pregunta es más teórica que basada en un programa? Aquí está mi respuesta teórica y seré el Defensor del Diablo para la proporción áurea aquí (ya que creo que muchos de los comentarios anteriores no entienden completamente el significado).

Boceto sobre papel. Así es como comienza el mejor logo. NO intente crear el esquema anterior y ajustar un logotipo en él. Como otros han dicho, estas imágenes que tienes arriba son más para marketing que cómo el diseñador realmente las creó.

Una vez que tenga su idea básica (es decir, usar el logotipo de Twitter, supongamos que quiere que su logotipo sea un pájaro y haya esbozado la forma básica del logotipo de Twitter), puede traer el boceto a Illustrator y comenzar a hacer matemáticas. (IE: asegurándose de que se ajuste a la proporción áurea).

No es necesario crear este tipo de "cuadrícula" como se ve en estas fotos y luego ajustar el logotipo en él. En cambio, debe comprender cuál es la proporción áurea y cómo puede ayudarlo. Cuando sepa cómo quiere que lo ayude, puede comenzar a hacer los cálculos.

Usaremos Twitter como ejemplo. Lo que estamos viendo en este es el tamaño de los círculos (eso es lo importante). Este "rectángulo dorado" que estás viendo en todas partes es en realidad la secuencia de números de Fibonacci (también lo verás con una espiral, que es lo que muchos artistas usan para crear un flujo visual direccional en sus piezas). Entonces, usted ve el círculo principal "principal" que aquí tiene el tamaño del cuerpo del pájaro. O, al menos, la parte inferior del cuerpo del pájaro sigue la curva de este círculo. Este es el diámetro principal (ancho) que utilizaremos para usar la proporción dorada para obtener el tamaño de las alas, plumas y cabeza del pájaro en función del tamaño de su cuerpo.

Para MOSTRARLE la relación entre los objetos, los diseñadores han colocado el pájaro de Twitter en ese rectángulo dorado del que hablamos. Yo también tengo un archivo de formas en Photoshop e Illustrator para ayudar a medir con la proporción áurea. SIN EMBARGO, lo que probablemente hicieron, fue tomar la circunferencia del cuerpo del ave y dividirlo entre 1.6. 1.6 es el número redondeado de la proporción áurea. Pero visualmente, lo que esto realmente hace es hacer que el segundo círculo más pequeño que veas tenga el tamaño correcto en relación con el primer círculo más grande.

"¿Por qué importa esto? ¿Por qué no hacer un círculo más pequeño y llamarlo un día?" La respuesta es porque todo se reduce a la forma en que nuestros cerebros perciben el mundo que nos rodea. Las cosas naturalmente bellas, muchas cosas que se encuentran en la naturaleza, tienen un tamaño o una relación espacial utilizando esta relación. Esto significa que es más probable que nuestros cerebros reconozcan inconscientemente estas relaciones como hermosas. Todavía no he tenido una instancia en la que haya utilizado esta relación correctamente para demostrar que esa declaración o filosofía es ineficaz. Como beneficio secundario, si

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.