Brincando com Vetores no Pixelmator

Uma das novas opções do Pixelmator 2 é a ferramenta vetor. Você pose criar formas primitivas como retangulos, triangulos, elipses e editar as formas como no Illustrator ou como faria no com paths no Photoshop. Decidi testar a ferramenta e criei um poster usando estruturas impossíveis como Escher.

Neste tutorial vou mostrar a vocês como criar um poster usando a vector tool do Pixelmator, misturando texturas e usando também painting tools básicas. O processo todo não vai lever mais de 45 minutos e o resultado vai ficar muito legal.

Passo 1

Abra o Pixelmator e crie um novo documento. Estou usando o tamanho 1200x1600 pixels. Depois disso selecione a Rectangle Shape Tool e adicione um retangulo como na imagem abaixo.

Passo 2

Clque na engrenagem no topo direito da janela e selecione Make Editable. Clique então duas vezes no retângulo para editar os pontos. Mova os pontos de baixo para começar a dar perspectiva ao retângulo. Duplique o retângulo e edite novamente os pontos para criar um 3D object. Nota: adicione uma forma em cada layer, não todas em uma layer, ou não será possível escolher cores diferentes para cada objeto.

Passo 3

Esse é o objeto básico sue vamos usar para criar a composição.

Passo 4

Duplique o basic object e gire. Mova para a esquerda e ajuste as bordas.

Passo 5

Duplique novamente e gire para finalizar o triangulo.

Passo 6

Selecione o lado de baixo do horizontal object e o lado direito do da direita. Use cinza escuro na cor. Fazer isso agora no Pixelmator ficou mais fácil. Apenas selecione as formas e vá até Shape Settings e selecione Fill Color.

Passo 7

Selecione o lado esquerdo do objeto da esquerda e o de cima do objeto de baixo e preencha com cinza claro.

Passo 8

Selecione as outras duas formas e use um cinza intermediário. Talvez você precise ajustar a ordem das layers e o cinza da esquerda. Ele estará acima do objeto de baixo, apenas mova para que tenha algo como na imagem abaixo.

Passo 9

Hora de fazer alguns refinamentos, especialmente com strokes e as conexões dos objetos. Depois que fizer isso o triangulo impossível está pronto :)

Passo 10

Adicione uma layer e com a Gradient Tool (G) preencha a layer com um radial gradient com preto no outside e cinza escuro no centro.

Passo 10

Selecione o objeto claro de baixo e adicione uma layer acima dele. Vá até Layer>Create Clipping Mask. Depois, com a Brush Tool (B) e um big soft brush, pinte com preto para criar sombra nessa área.

Passo 11

Repita o mesmo nos outros 2 inner sides.

Passo 12

Duplique o lado esquerdo e mova para baixo. A ideia aqui é criar a letra A de Abduzeedo.

Passo 13

Repita o mesmo no outro lado. Você vai precisar criar a parte de cima do objeto. Faça isso usando um cinza escuro na cor. Assim teremos a profundidade que queremos.

Passo 14

Agora vamos adicionar uma textura de papel em cima de tudo. A que estou usando é de R-studio e se chama Paper Texture. Cortesia do Shutterstock.

Adicione a textura acima de todas as outras layers e troque o Blending para Multiply. Depois vá até Image>Hue and Saturation. Reduza saturation para quase greyscale. Duplique essa layer e troque o Blending para Color Burn com 30%.

Passo 15

Selecione apenas os vector objects com sombra e os duplique. Depois faça merge das layers duplicadas para ter uma layer com o A impossível. Gire e mova para trás do objeto principal. A última coisa a fazer aqui é trocar Opacity para 10%.

Passo 16

Duplique mais algumas vezes para criar um tipo de pattern para o background.

Passo 17

Adicione uma layer acima de todas as outras. Selecione a Brush Tool (B) e um very soft brush. Comece a pintar com azul, amarelo e rosa. Use a imagem abaixo como referencia. Se quiser tentar outras cores e estilos, fique a vontade.

Conclusão

Troque o Blending da layer anterior para Overlay e o design está pronto. Apenas adicione o texto que quiser e está feito, você tem um poster legal com objetos impossíveis.

O Pixelmator 2 e as vector tools facilitam o processo de criar esses tipos de formas. Basta testar e explorar a ferramenta.

Download Arquivo Pixelmator

Clique aqui para fazer o download do arquivo Pixelmator