1. Design & Illustration
  2. Geometric

Como Criar Objetos Geométricos Texturizados no Adobe Photoshop

by
Read Time:7 minsLanguages:

Portuguese (Português) translation by Wesley Sales (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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.

Adding More Shapes to the Custom Shape ToolAdding More Shapes to the Custom Shape ToolAdding More Shapes to the Custom Shape Tool

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.

Create a Large Black CircleCreate a Large Black CircleCreate a Large Black Circle

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.

Create an Inner CircleCreate an Inner CircleCreate an Inner Circle

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.

Adding a Circle at the Top of the Geometric DesignAdding a Circle at the Top of the Geometric DesignAdding a Circle at the Top of the Geometric Design

Agora Duplique o círculo menor e posicione a cópia na parte de baixo.

Add the Second CircleAdd the Second CircleAdd the Second Circle

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.

Add More Circles in a Counter Clockwise DirectionAdd More Circles in a Counter Clockwise DirectionAdd More Circles in a Counter Clockwise Direction

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.

Add More Circles Until Youre FinishedAdd More Circles Until Youre FinishedAdd More Circles Until Youre Finished

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.

Final Geometric Circle DesignFinal Geometric Circle DesignFinal Geometric Circle Design

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).

Create a Dotted CircleCreate a Dotted CircleCreate a Dotted Circle

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.

Add Two Triangles to the Circular DesignAdd Two Triangles to the Circular DesignAdd Two Triangles to the Circular Design

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.

Add More Triangles for BalanceAdd More Triangles for BalanceAdd More Triangles for Balance

Duplique um dos triângulos uma última vez e posicione-o no meio do círculo um pouco descentralizado.

Add One Last TriangleAdd One Last TriangleAdd One Last Triangle

Passo 3

Use a Ferramenta Caneta (P) para criar uma forma para preencher o diamante central com a cor preta.

Fill in the Shape with the Pen ToolFill in the Shape with the Pen ToolFill in the Shape with the Pen Tool

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.

Final Tribal Geometric DesignFinal Tribal Geometric DesignFinal Tribal Geometric Design

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. 

First Steps for Creating a Flower Inspired Geometric DesignFirst Steps for Creating a Flower Inspired Geometric DesignFirst Steps for Creating a Flower Inspired Geometric Design

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.

Duplicate the Circles and Position them into PlaceDuplicate the Circles and Position them into PlaceDuplicate the Circles and Position them into Place

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!

Final Circular Flower Geometric DesignFinal Circular Flower Geometric DesignFinal Circular Flower Geometric Design

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).

Create the Initial Hexagon ShapeCreate the Initial Hexagon ShapeCreate the Initial Hexagon Shape

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.

Create Another Hexagon Shape Within the FirstCreate Another Hexagon Shape Within the FirstCreate Another Hexagon Shape Within the First

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.

Add a Triangle to the Hexagon DesignAdd a Triangle to the Hexagon DesignAdd a Triangle to the Hexagon Design

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.

Create Line Connect the Hexagon to the TriangleCreate Line Connect the Hexagon to the TriangleCreate Line Connect the Hexagon to the Triangle

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).

The Final Hexagon and Triangle Geometric DesignThe Final Hexagon and Triangle Geometric DesignThe Final Hexagon and Triangle Geometric Design

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.

Place the Smart Objects Into GroupsPlace the Smart Objects Into GroupsPlace the Smart Objects Into Groups

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.

Add Texture to the Smart ObjectAdd Texture to the Smart ObjectAdd Texture to the Smart Object

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).

Adding a Photo to a Geometric DesignAdding a Photo to a Geometric DesignAdding a Photo to a Geometric Design
Se você não quer que a textura fique à amostra, simplesmente oculte a visibilidade da camada da textura.

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.

60 Abstract Geometric Elements 60 Abstract Geometric Elements 60 Abstract Geometric Elements

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.

40 Geometric Art Designs40 Geometric Art Designs40 Geometric Art Designs

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.

Geometric Vector TexturesGeometric Vector TexturesGeometric Vector Textures

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!

80 Geometric Vectors Bundle80 Geometric Vectors Bundle80 Geometric Vectors Bundle

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.

Textured Geometric Designs Adobe Photoshop TutorialTextured Geometric Designs Adobe Photoshop TutorialTextured Geometric Designs Adobe Photoshop Tutorial
One subscription.
Unlimited Downloads.
Get unlimited downloads