Como criar rápida e facilmente uma grade com o Adobe Photoshop?

32

Suponha que eu precise desenhar uma grade no Photoshop, cada quadrado tendo o mesmo tamanho e uma certa quantidade de pixels de altura e largura, e as linhas de grade com uma certa largura de pixel. Como isso:

insira a descrição da imagem aqui

Atualmente, faço isso desenhando um quadrado, copiar + colar + mover + mesclar algumas vezes para criar uma linha, copiar / colar algumas vezes para criar mais linhas acima uma da outra.

Funciona, mas parece muito desajeitado, tenho certeza de que deve haver uma maneira mais eficiente de fazer isso?

Quais são alguns métodos eficientes para criar uma grade de quadrados com o mesmo tamanho?

Sheldon Pinkman
fonte
3
Se você tem Illustrator, eu faria lá. Consulte Isto: graphicdesign.stackexchange.com/questions/16869/… - simplesmente copie / cole no Photoshop.
Scott

Respostas:

61

Tente usar padrões. Para o seu exemplo de quadrado:

Desenhe seu quadrado inicial e marque-selecione um quadrado menor que inclua apenas os lados superior e esquerdo. Em seguida, selecione Edit > Define Pattern...e salve seu padrão com um nome.

Em seguida, marque a área que você deseja preencher. Em seguida Edit > Fill..., selecione , escolha Use: Patterne selecione seu padrão quadrado.

insira a descrição da imagem aqui

Alex Blackwood
fonte
como você pode fazer isso para que não haja meias células, pois se encaixa perfeitamente?
homenzinho minúsculo
1
No exemplo acima, usei a paleta de informações para medir o tamanho da grade. Nesse caso, era 86px. Se quiser ladrilhar uma tela sem 'meias-células', use um valor que se multiplique uniformemente nas dimensões da tela.
Alex Blackwood
Bem, eu tenho a camada na qual desenhei o quadrado selecionado e a marca de seleção configurada, mas Editar> Definir padrão é uma opção de menu desativada para mim. Desconcertante.
Dave Munger
6

Se você está tentando criar uma grade apenas para seu benefício ao projetar, há uma extensão chamada GuideGuide que fará isso com eficiência.

Se você precisar que a grade faça parte do design, recomendo criar uma linha usando a ferramenta Letreiro e, em seguida, duplicá-la quantas vezes for necessário, depois use as Layer >> Distributeopções para ajustá-las perfeitamente.

Helen
fonte
2
  1. Selecione photoshop → preferências → guias, grades e fatias.

  2. Defina a grade conforme desejado

  3. Selecione Exibir → Mostrar → Grade; depois verifique extras.

  4. Verifique a vista → encaixe na grade; depois verifique o snap.

  5. Ative a janela Caminhos , se ainda não estiver visível. Crie um novo caminho chamado Horizontal.

  6. Use a ferramenta caneta ( P). Defina um segmento de linha horizontal na parte superior da grade. Clique uma vez primeiro no lado esquerdo e depois no direito.

  7. Use a ferramenta de seleção de caminho ( Aseta preta). Clique no caminho, mantenha pressionada a opção ( Alt) para fazer cópias do objeto.

  8. Crie outro novo caminho chamado vertical.

  9. Use a ferramenta caneta ( P). Defina um segmento de linha vertical da grade no lado esquerdo. Clique uma vez primeiro na parte superior e depois na parte inferior.

  10. Use a ferramenta de seleção de caminho ( Aseta preta). Clique no caminho, mantenha pressionada a opção ( Alt) para fazer cópias do objeto.

  11. Crie uma nova camada para a grade (opcional). Caso contrário, a grade será desenhada em qualquer camada que estiver ativa.

  12. Janela Paleta → Selecione o caminho horizontal e escolha o caminho do traçado (usando a cor de primeiro plano) no submenu Opções (clique no pequeno triângulo com três linhas no canto superior direito da janela da paleta), escolha pincel ou lápis.

  13. Repita a etapa anterior para traçar o caminho vertical .

David
fonte
1
É uma quantidade enorme de trabalho para fazer assim.
Evan Carslake
Na verdade, isso foi bastante rápido para mim. Existe alguma maneira melhor de criar uma grade de caminhos (em vez de pixels)? Muito legal tê-lo encaixar na grade. Obrigado!
precisa saber é o seguinte
2

Encontrei uma maneira rápida de resolver meu problema (eu tenho o PS CS4): usei "Show Grid", ajustei o tamanho etc. em Preferências, consegui exatamente como queria e depois tirei uma captura de tela da imagem, colei-a no meu arquivo como uma nova camada, e aparado no tamanho e na escala. Isso não será suficiente para alguns usuários, mas foi super rápido e funcionou para minhas necessidades.

David Parker
fonte
2

Na guia "visualização", novo layout do guia

isso abrirá uma nova janela Predefinição - você pode salvar, carregar e criar um layout de guia para usar repetidamente, marcar ou desmarcar colunas ou linhas, dependendo de suas necessidades, sugiro que a "visualização" esteja marcada Número = O número de guias que você deseja Largura = A distância entre as guias geradas Calha = o espaço entre as guias Margem = define as margens desejadas para o design, você pode digitar um valor para as partes superior, esquerda, inferior e direita

colunas centrais e guias existentes claras também podem ser selecionadas

Isso é para o Photoshop CC 2015.5

Clerric
fonte