Como usar os números de Fibonacci / Proporção áurea no design de logotipo no Illustrator ou Sketch?


10

Estou tentando entrar nos logotipos Fibonacci / Golden Ratio para alguns trabalhos da universidade, no entanto, sou relativamente novo no Illustrator. Eu uso o Photoshop há cerca de 8 anos e o Sketch v3 desde que foi lançado. No entanto, não sei como as pessoas criam esses logotipos.

Estou tentando descobrir como, por exemplo, você pode passar de um hexágono com arestas pontiagudas para usar círculos para puxar os pontos para arestas arredondadas.

Qualquer ajuda / dicas ou links para tutoriais serão muito apreciados.

obrigado

EDITAR

Aqui estão alguns exemplos (obrigado Bakabaka por perguntar)

insira a descrição da imagem aqui

insira a descrição da imagem aqui

insira a descrição da imagem aqui

insira a descrição da imagem aqui

insira a descrição da imagem aqui


3
Não posso deixar de pensar que esses diagramas foram feitos e que os logotipos foram reconstruídos depois que a forma real do logotipo foi decidida. Então ... primeiro projete uma forma e, em seguida, tente encaixar os círculos e espirais em boas decorações ao seu redor.
21714 Vincent

Além disso - se você digitar "proporção áurea" ou "fibonacci" no Dribbble, isso pode ajudar.
James

Opa - desculpe - não terminou o comentário. Eu quis dizer que há muitos exemplos provavelmente melhor definidos no Dribbble. Além disso - entendo o que você quer dizer, mas especialmente para a imagem superior - o pequeno estilo de navegação - como a pessoa combina os círculos e formas para criar a forma?
James

2
Concordo com @Bakabaka em sua impressão ... Esse retângulo de proporção áurea no exemplo do Twitter é praticamente inútil. Eles poderiam ter colocado na praça. Eu acho que isso pode ajudar no nível do discurso de vendas, parecendo uma grande experiência.
curious

11
O engraçado é que nenhum dos exemplos está realmente usando a proporção áurea. A proporção áurea é 'esmagada' ao redor do logotipo, mas como você pode ver, não existe uma relação direta real. A @Bakabaka está correta, pois todas essas grades provavelmente foram criadas após o fato e realmente não têm influência no design original do logotipo. Para sua informação, a proporção áurea não é tão relativa quanto as pessoas pensam. É algo relacionado à arquitetura na antiguidade, mas é isso.
DA01 17/07/14

Respostas:


4

Sua pergunta parece teórica, mas ao ler mais de perto, parece que você está perguntando como mesclar formas no Illustrator. Existem várias maneiras de criar um hexágono com pontos arredondados. Aqui está um que fornece resultados limpos, mas, dependendo do valor escolhido, pode não parecer perfeitamente arredondado:

  • Desenhe um hexágono usando a ferramenta polígono. Você pode clicar na tela com o mouse para inserir as medidas exatas.
  • Selecione o hexágono e vá para a barra de menu superior Efeitos> Especial> Cantos arredondados
  • Ative a visualização para ver o que você está fazendo e encontre um valor que pareça bom. Este é o raio, portanto, se você deseja exercitar as proporções de proporção áurea com as medidas exatas do seu hexágono, você pode fazer isso lá.

No entanto, se você quiser fazer isso manualmente, como as fotos que você incluiu na sua pergunta, aqui está como eu faria:

  • Desenhe um hexágono usando a ferramenta polígono. Você pode clicar na tela com o mouse para inserir as medidas exatas.

Desenhe um hexágono

  • Desenhe um círculo usando a proporção desejada (clique novamente na tela para inserir um valor exato).
  • Duplique seu círculo em cada ponto do hexágono e coloque-o com extrema precisão (você deseja usar a visualização do contorno no Illustrator (ctrl + y) .Esta etapa é extremamente importante, o círculo precisa tocar, mas não deve se sobrepor. requer algumas tentativas.

Coloque um círculo em cada ponto

  • Selecione seu hexágono e todos os seus círculos de uma só vez.
  • Com a ferramenta Construtor de formas (Shift + M), pressione Alt para obter um sinal de menos no seu cursor. Clique na tela e arraste para cada ponto hexagonal para removê-los. (Se o ponto não aparecer como uma área separada, é porque suas formas não estão tocando corretamente).

Ferramenta Construtor de formas

  • Solte Alt e clique e arraste suas outras formas para uni-las.

Forma acabada


É mais fácil para desenhar um círculo, em seguida, o segundo tose de conexão, em seguida, girar em 60 graus, mas sim a certeza ...
joojaa

Existem várias maneiras de fazer isso, mas como o OP parecia dizer que sua experiência com o Illustrator é limitada, escolhi uma simples. Sinta-se livre para postar outra opção :-)
curious

11
Obrigado @Emilie, este é exatamente o tipo de coisa que eu estava procurando. Obrigado a todos por sua ajuda e desculpas por se esforçar para formular a pergunta corretamente, não tinha certeza da melhor maneira de explicar o assunto.
James

Eu não tinha certeza de que isso era tão feliz em saber que eu ajudei você a descobrir :-)
curioso

3

Entendo sua pergunta: como você cria um logotipo com a proporção áurea? Sinto como se sua pergunta fosse mais teórica do que baseada em programas? Aqui está minha resposta teórica e eu serei o advogado do diabo pela proporção áurea aqui (como acredito que muitos dos comentários acima não entendem completamente o significado).

Desenho em papel. É assim que o melhor logotipo começa. NÃO tente criar o esquema acima e coloque um logotipo nele. Como já foi dito, essas imagens que você tem acima são mais para marketing do que como o designer as criou.

Depois de ter sua ideia base (IE: usando o logotipo do Twitter, digamos que você queira que seu logotipo seja um pássaro e tenha esboçado a forma básica do logotipo do Twitter), você pode trazer o esboço para o Illustrator e começar a fazer o matemática. (IE: certificando-se de que se encaixa na proporção áurea).

Você não precisa criar esse tipo de "grade" como você vê nessas fotos e depois encaixar o logotipo nela. Em vez disso, você precisa entender qual é a proporção áurea e como ela pode ajudá-lo. Quando você sabe como deseja ajudá-lo, pode começar a fazer as contas.

Usaremos o Twitter como exemplo. O que estamos vendo neste é o tamanho dos círculos (é isso que é importante). Esse "retângulo de ouro" que você vê em todos os lugares é na verdade a sequência de números de Fibonacci (você também o verá com uma espiral, que é o que muitos artistas usam para criar um fluxo direcional nos olhos em suas peças). Então você vê o círculo principal "principal" aqui, é o tamanho do corpo do pássaro. Ou, pelo menos, a parte inferior do corpo do pássaro está seguindo a curva deste círculo. Esse é o principal diâmetro (largura) que usaremos para usar a proporção áurea para obter o tamanho das asas, penas e cabeça do pássaro com base no tamanho do corpo dele.

Para mostrar a relação entre os objetos que os designers colocaram o pássaro do Twitter no retângulo dourado de que falamos. Também tenho um arquivo de forma no Photoshop e no Illustrator para ajudar a medir com a proporção áurea. No entanto, o que eles provavelmente fizeram foi pegar a circunferência do corpo do pássaro e dividi-lo por 1,6. 1.6 é o número arredondado da proporção áurea. Mas visualmente, o que isso realmente faz é criar o segundo menor círculo em que você vê o tamanho correto em relação ao primeiro círculo maior.

"Por que isso importa? Por que não fazer um círculo menor e chamar isso de dia?" A resposta é porque tudo se resume à maneira como nossos cérebros percebem o mundo ao nosso redor. Coisas naturalmente bonitas - muitas coisas encontradas na natureza - têm um tamanho ou relação espacial utilizando essa proporção. Isso significa que nossos cérebros provavelmente reconhecerão inconscientemente esses relacionamentos como bonitos. Ainda não tive um caso em que utilizei esse relacionamento para provar corretamente que essa afirmação ou filosofia é ineficaz. Como benefício secundário, se

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.