Portuguese (Português) translation by Wesley Sales (you can also view the original English article)
Objetos geométricos são desejos intensos na indústria do design nos dias atuais. E você pode criar desenhos interessantes com algumas formas simples no Adobe Photoshop.
Aprenda a criar esses elementos legais e como convertê-los em Objetos Inteligentes antes de aplicar uma textura grunge incrível para um efeito climático.
Ou sinta-se livre para navegar por entre a enorme seleção de arquivos geométricos impressionantes da GraphicRiver.
Arquivos do Tutorial
Os seguintes arquivos foram utilizados na produção deste tutorial:
1. Como Criar um Desenho Geométrico Circular
Passo 1
Antes de começarmos, verifique se que você tem todos os elementos de forma que você precisa para realizar estes desenhos. Então, selecione a Ferramenta Forma Personalizada (U) e vá para o menu suspenso e escolha a opção Forma (Shape). Logo depois, clique na opção Todas (All) para se certificar que você tem a seleção completa de formas disponíveis.
Quando o Photoshop perguntar se você quer substituir as formas atuais com a nova coleção, simplesmente pressione OK.
Passo 2
Comece com um Novo Documento grande; Eu estarei usando um de 2500 x 2500 px. Agora vamos começar o primeiro desenho. Selecione a Ferramenta Elipse (U) e crie um círculo preto bem grande.
Passo 3
Pressione Ctrl-J para Duplicar o círculo e redimensione-o para que ele fique menor com a Ferramenta Transformação Livre (Ctrl-T). Desta vez, defina o Preenchimento (Fill) para transparente com um Traçado (Stroke) branco de 10 px.
Passo 4
Duplique (Ctrl-J) o círculo branco. Altere o Traçado (Stroke) dele para 5 px e use a Ferramenta de Transformação Livre (Ctrl-T) para deixá-lo menor, com mais ou menos a metade do tamanho do círculo anterior. Posicione este círculo na parte superior com ambos os círculos bem colados um no outro.
Agora Duplique o círculo menor e posicione a cópia na parte de baixo.
Duplique o círculo menor mais seis vezes. Comece posicionando cada um dos novos círculos ao redor do desenho na direção anti-horária. Comece com os lados direito e esquerdo para terminar os quatro primeiros que servirão de âncora para o resto dos círculos.
Para posicionar as cópias restantes, certifique-se de que você ativou as Guias Inteligentes (Smart Guides) indo para Visualizar > Mostrar > Guias Inteligentes (View > Show > Smart Guides). Use a Ferramenta Mover (V) novamente para mover o resto dos círculos para os seus lugares.
Aqui está o desenho circular final sem a textura. Quando você terminar, selecione todas as camadas de forma e clique com o Botão Direito do Mouse para Converter em Objeto Inteligente (Convert to Smart Object). Isto irá permitir a você a aplicação de qualquer textura ou fotografia facilmente nos passos posteriores.
2. Como Criar um Desenho Geométrico Inspirado no Tribal
Passo 1
Para o próximo desenho, eu me inspirei em elementos angulares sagrados, muitas vezes vistos em desenhos espirituais. Selecione a Ferramenta Elipse (U) e desenhe um círculo grande. Defina o Preenchimento (Fill) para nenhum e o Traçado (Stroke) para uma linha preta Pontilhada (Dotted) de 15 px. Se você achar necessário você pode ver o painel de Propriedades à qualquer hora, é só ir para Janela > Propriedades (Window > Properties).
Passo 2
Agora selecione a Ferramenta Forma Personalizada (U) e pegue a Forma de Triângulo. Desenhe um grande triângulo no centro do círculo com um Traçado (Stroke) sólido de cor preta de 15 px. Pressione Ctrl-J para duplicar o triângulo, e então vá para Editar > Transformação > Virar Verticalmente (Edit > Transform > Flip Vertical) e posicione o segundo triângulo no lugar.
Duplique um dos triângulos novamente e use a Ferramenta de Transformação Livre (Ctrl-T) para deixá-lo menor. Posicione o terceiro triângulo no lugar. Duplique o triângulo menor que você acabou de criar e vá para Editar > Transformação > Virar Verticalmente (Edit > Transform > Flip Vertically) para posicioná-lo na direção oposta e dar mais equilíbrio à composição do desenho.
Duplique um dos triângulos uma última vez e posicione-o no meio do círculo um pouco descentralizado.
Passo 3
Use a Ferramenta Caneta (P) para criar uma forma para preencher o diamante central com a cor preta.
Quando você terminar, selecione todas as camadas e clique com o Botão Direito do Mouse para Converter em Objeto Inteligente (Convert to Smart Object). Você encontrará o desenho final logo abaixo.
3. Como Criar um Design Geométrico Parecido com uma Flor
Passo 1
Para o próximo desenho geométrico, nós iremos fazer uma forma única parecida com uma flor feita com somente cinco círculos. Selecione a Ferramenta Elipse (U) e crie um círculo grande. Duplique (Ctrl-J) o círculo e com a Ferramenta de Transformação Livre (Ctrl-T) deixe a cópia menor. Desta vez, deixe o Preenchimento (Fill) como está, mas defina o Traçado (Stroke) para uma linha branca sólida de 30 px.
Posicione o círculo no canto superior direito do primeiro.
Passo 2
Duplique o círculo que tem um traçado branco mais três vezes. Use a Ferramenta de Transformação Livre (Ctrl-T) nos próximos dois círculos para deixá-los menores e posicione-os para que eles toquem os lados opostos de cada círculo maior que eles. Isto terminará criando um efeito 3D bem legal.
Passo 3
Use novamente a Ferramenta de Transformação Livre (Ctrl-T) no último círculo para deixá-lo menor e posicione-o no centro. Assim como antes, selecione todas as camadas de forma, clique com o Botão Direito do Mouse em alguma delas e escolha a opção Converter em Objeto Inteligente (Convert to Smart Object). Aqui está o desenho final!
4. Como Criar um Design Geométrico Hexagonal
Passo 1
Para o último desenho eu irei criar uma simples forma baseada em um hexágono. Selecione a Ferramenta Polígono (U) e crie uma forma hexagonal de seis lados, Sem Preenchimento (No Fill) e um Traçado (Stroke) preto de 5 px. Defina a linha do Traçado para uma Linha Tracejada (Dashed Line).
Passo 2
Duplique (Ctrl-J) a forma hexagonal e deixe-a um pouco menor com a Ferramenta de Transformação Livre (Ctrl-T). Altere a linha para uma Linha Sólida e seu peso para um Traçado (Stroke) de 10 px.
Passo 3
Agora pegue a Ferramenta Forma Personalizada (U) e use a mesma Forma Triangular de antes. Crie um triângulo grande com um Traçado (Stroke) sólido preto de 10 px e posicione-o no centro do hexágono.
Passo 4
Agora selecione a Ferramenta Linha (U) e crie uma linha sólida de cor preta de 10 px no canto superior esquerdo do hexágono, conectando ela ao centro da linha esquerda do triângulo. Duplique a linha e vá para Editar > Transformação > Virar Horizontalmente (Edit > Transform > Flip Horizontally) para posicionar a segunda linha. Finalize criando a terceira linha conectando a parte inferior do triângulo ao ponto da parte inferior do hexágono.
Passo 5
Finalmente, vamos terminar o desenho selecionando a Ferramenta Forma Personalizada (U) e criando um triângulo no centro do desenho. Preencha o triângulo com a cor preta e mantenha o Traçado (Stroke) com 10 px. Como sempre, certifique-se de que você selecionou todas as camadas de forma e clique com o Botão Direito do Mouse para Converter em Objeto Inteligente (Convert to Smart Object).
5. Como Aplicar Fotos e Texturas em Objetos Geométricos
Passo 1
Agora vamos para a textura! Já que nós criamos Objetos Inteligentes (Smart Objects) para os nossos desenhos geométricos, nós podemos agora aplicar uma textura ou foto legal para um efeito impressionante.
Coloque cada Objeto Inteligente geométrico em seu próprio Grupo.
Passo 2
Agora vamos adicionar a textura! Aqui eu estarei usando a sexta textura grunge deste Pacote de Texturas Grunge da GraphicRiver. Simplesmente Copie e Cole a textura em uma Nova Camada para cada Grupo. Clique com o Botão Direito do Mouse para definir a textura como Máscara de Corte (Clipping Mask) do Objeto Inteligente (Smart Object) e altere o Modo de Mesclagem (Blend Mode) da camada para Luz Direta (Hard Light). Certifique-se de que o Objeto Inteligente (Smart Object) só tenha um fundo transparente ou senão você terá algumas bordas indesejadas.
Sinta-se livre para mover a textura e posicioná-la de forma diferente em cada desenho geométrico.
Passo 3
Como alternativa, você também pode adicionar uma foto legal como uma Máscara de Corte (Clipping Mask) abaixo da textura ou mesmo sem a textura. Aqui eu usei esta Imagem do Pôr do Sol da Pixabay.
Desta vez, defina o Modo de Mesclagem (Blend Mode) da camada da foto para Divisão (Screen).
4 Pacotes Premium de Design Geométricos
Se livre de todo o aborrecimento de criar esses objetos, baixando incríveis arquivos geométricos da GraphicRiver e da Envato Elements.
Esses quatro pacotes estão abarrotados com dezenas de elementos geométricos, que tenho certeza que você vai adorar! Inclua-os no seu kit de desenho como um dos melhores recursos gráficos e comece a fazer desenhos incríveis hoje!
60 Elementos Geométricos Abstratos
Crie uma declaração impressionante com estes desenhos geométricos. Esta coleção apresenta 60 designs originais incríveis que você vai querer usá-los em seu próximo projeto. Está incluído um arquivo PNG de alta resolução para sua conveniência.
40 Designs Artísticos Geométricos
Precisam de alguns elementos legais para seus cartazes, logotipos ou projetos da web? Confira este incrível pacote de 40 desenhos geométricos apresentando lindos elementos circulares e angulares.
Texturas de Vetor Geométricas
Este conjunto de desenhos geométricos vetoriais de alta qualidade pode ser usado no Illustrator e no Photoshop. Baixe este pacote para ter acesso a 40 desenhos exclusivos que podem ser redimensionados para qualquer tamanho.
80 Pacotes de Vetores Geométricos
Para o pacote de design final, considere esta perversa coleção de 80 vetores geométricos. Essas formas têm um toque vintage que é perfeito para a sua marca, design de impressão e muito, muito mais! Baixe este pacote para ter acesso a essas guloseimas geométricas!
Conclusão
Eu espero que você tenha gostado deste tutorial! Lembre-se que criar formas geométricas interessantes no Photoshop é fácil uma vez que você já estiver familiarizado com a Ferramenta de Forma.
Continue experimentando com mais desenho e se divirta incorporando esses elementos em qualquer projeto criativo! Se você tem alguma pergunta, sinta-se livre para deixar um comentário no espaço abaixo.
Unlimited Downloads.
