Como fazer uma grade hexagonal?


8

Estou tentando fazer uma grade hexagonal, quero que cada hexágono tenha sua própria forma, sem caminhos extras.

Eu tentei vários métodos diferentes para criar uma grade hexagonal, algo como isto (onde cada hexágono é sua própria forma / caminho):

Imagem da aparência desejada - hexágonos
[Os artefatos que você vê agora são apenas um problema de renderização no Illustrator, depois que eu o exporto, fica melhor.]

Tentei criar a forma, clonar e colocá-la manualmente enquanto utilizava guias inteligentes, o que é extremamente difícil de alinhar corretamente.

Consigo alinhar um lado facilmente, mas não o outro:

GIF da minha tentativa no Smart Guides


Usar o Efeito de transformação também é bastante difícil, pois não sei como obter os valores exatos das diferentes distâncias que eles precisam ser movidos. (Provavelmente é uma equação matemática @joojaa)


1
No seu exemplo, você só precisa selecionar os hexágonos em um dos vértices superiores e o snap funcionará bem.
Westside

O rick para a obtenção de ilustrador para fazer o que você quer é usar a ferramenta de seleção de branco, e arraste de um vértice que você pretende tirar;)
joojaa

Isso não é exatamente uma duplicata ( graphicdesign.stackexchange.com/questions/104092/… ), mas há sobreposição suficiente para talvez tirar algo disso.
Joonas

Respostas:


14

Usar o Transform Effects não é tão difícil; você só precisa de três medidas ....

insira a descrição da imagem aqui

As medições são:

  • X1 : Largura
  • X2 : 1/2 Largura
  • Y2 : 3/4 de altura

Você então precisa de dois * Transform Effects ...

  • O primeiro conjunto para mover horizontalmente por X1 (com quantas cópias forem necessárias)

  • O segundo conjunto para mover horizontalmente por X2 e verticalmente por Y2 (novamente com várias cópias) ...

  • Objeto → Expandir aparência ...
  • Feito

* O uso de três (total) efeitos de transformação oferece um campo diagonal, pois você está transformando dois eixos ao mesmo tempo; você pode criar um campo quadrado usando três efeitos de transformação (você poderá descobrir as transformações necessárias a partir do seguinte):

Você cria o primeiro e depois o segundo, mas apenas cria 1 cópia na segunda etapa.

Em seguida, para o efeito de transformação 3, você move verticalmente 2 x (Y2) e, em seguida, um número de cópias.

insira a descrição da imagem aqui


3
Protip: Se você fizer 3 transorms aninhados então você pode obtê-lo para fazer um campo quadrado;)
joojaa

Eu esperava que você desse um método fácil para usar o Transform Effects: D
WELZ

Quando crio um hexágono, clicando e digitando o valor (digamos 100), de que valor está falando? Existe uma maneira fácil de descobrir quais são os outros 2 sem realmente medi-los manualmente?
WELZ

@WELZ a entrada é raio, eu acho? como para as medições, sim, ver edição :)
Cai

Você não precisa de três transformações para um campo quadrado. Marque a opção "Reflect X" na segunda transformação.
precisa saber é o seguinte

6

Os hexágonos do Illustrator se encaixam, se você

  • faça um e use apenas suas cópias, talvez com cores diferentes
  • ter snap aos pontos, nenhum outro snap! Guias inteligentes podem enganá-lo, desligá-lo
  • use a ferramenta de seleção direta para arrastar o novo hexágono para o padrão da seguinte maneira:

    1. desmarcar tudo, por ex. clique em um lugar vazio
    2. selecione o novo hexágono com a ferramenta de seleção normal, colando-o ou arrastando totalmente sobre ele com a ferramenta de seleção direta. Certifique-se de não selecionar mais nada e todo o hexágono está selecionado.
    3. arraste um ponto de canto para o seu lugar, o resto segue, veja o encaixe na cor do cursor, verifique se você não clicou em mais nada entre 2 e 3.

O método também funciona com vários hexágonos selecionados simultaneamente e você pode continuar arrastando interrompido se a seleção for a mesma. Dessa forma, você duplica facilmente o que já possui. O seguinte foi feito duplicando:

insira a descrição da imagem aqui

NOTA: Não há necessidade de entrada numérica nem de posicionamento e o original pode estar em qualquer posição angular.

No zoom mais alto possível, a costura é perfeita em qualquer lugar:

insira a descrição da imagem aqui

Eu acho que você quer usar uma das seguintes posições

  • 2 lados na horizontal, você o obtém arrastando com a ferramenta polígono e mantendo a tecla Shift pressionada ao mesmo tempo
  • 2 lados na vertical, gire a versão anterior em 90 graus, evite snappings na caixa de diálogo.

4
  • Você pode fazer isso com a Polygon Tool criando um hexágono e duplicando após o último ponto desta resposta. Para duplicar manualmente, após selecionar as formas, no painel Transformar > Alinhar à grade de pixels deve estar desmarcada

Alinhar à grade de pixels

  • Para criar seu próprio hexágono desde o início, comece com um segmento vertical, trabalhe melhor na Visualização de estrutura de tópicos
  • Aplique zoom na parte inferior desse segmento, selecione-o e clique exatamente no ponto de ancoragem inferior com a Ferramenta Girar + Alt= 120º> Copiar
  • Menu Objeto > Transformar > Transformar novamente até obter um "Y" de cabeça para baixo

Tríade

  • Menu Exibir > Guias inteligentes para ver onde colocar as formas

  • Selecione os três segmentos e mova-os pressionando Altpara duplicar + Shiftpara fazê-lo horizontalmente, até que a borda esquerda da nova figura toque a borda direita da anterior.

substituir

  • Selecione todos os segmentos e pressione Altduplicar verticalmente até obter o primeiro hexágono:

Primeiro hexágono

  • Selecione todas as opções e, usando a Shape Builder Tool, Ferramenta Construtor de formas clique dentro do hexágono para criar a primeira forma:

Hexágono

  • Mantenha esse hexágono e exclua os outros segmentos.
  • Use este hexágono para criar seu padrão.

PADRONIZAR

  • Se você deseja clonar perfeitamente, Menu Objeto > Transformar > Mover use estes parâmetros e copie:
    • Horizontal = a largura do hexágono dividida 2
    • Vertical = a altura "Y" (ou Y invertido)

mover janela


0

Todas as respostas são ótimas. Mais poucas opções estão disponíveis.

Quando estou lidando com esse tipo de problema, gosto de usar matemática simples e copiar formas com valores numéricos, em vez de movê-las com o mouse.

Se você conhece a altura e a largura, faça alguns cálculos com o quão baixo e lateral você precisará mover polígonos e copie pressionando enter etc. - em uma janela pop-up, defina números para mover a forma, pressione copiar e repita a ação com Ctrl/Command+ Dcomo quanto você quiser.

O Illustrator pode ser usado com números em muitas situações

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.