Quantcast
Channel: Abduzeedo - Design Inspiration and Tutorials
Viewing all articles
Browse latest Browse all 5330

Arte Retro Modernista no Illustrator e Photoshop

0
0
Arte Retro Modernista no Illustrator e Photoshop

Para o tutorial dessa semana nós vamos compartilhar com vocês algo novo que ainda estou aprendendo como fazer. É o estilo de ilustração retro/futurista/geométrico que estou vendo mais por aí. Essa ilustração foi é inspirada no trabalho de Justin Mezzell, Matthew Lyons e Dan Matutina. Também já notei que James White anda fazendo experimentos com esse estilo. No meu caso vou compartilhar uma maneira simples e fácil de alcançar esse estilo usando o Illustrator e o Photoshop. É minha primeira tentativa, então tenham paciência e comentem suas dicas e o que acharam.

Neste tutorial vou mostrar para vocês como criar uma Ilustração Retro Futurista usando Adobe Illustrator e Photoshop. Não vou adicionar muitos detalhes em como criar formas, fiz mais um passo a passo de como criei a ilustração e a ideia em si.

Passo 1

Abra o Illustrator e comece a criar a composição. Como estou aprendendo estou usando uma ilustração antiga como referência para que eu pudesse entender exatamente o que dá a ilustração o estilo que queria. Nesse caso vanishing points, perspectiva e formas geométricas são o segredo. Comecei criando em greyscale. Depois de ter o objeto básico eu passei para a parte de cor.

Retro Futuristic Artowrk in Illustrator and Photoshop

Passo 2

Outra coisa importante é entender a paleta de cores que daria o efeito esperado. Eu peguei uma ilustração de Justin Mezzell e comecei a usar as cores que ele usou para atingir o mesmo efeito.

Retro Futuristic Artowrk in Illustrator and Photoshop

Passo 3

Depois de colorir é hora de adicionar dimensionalidade para a imagem. A primeira coisa, e talvez a mais importante, é usar hard shadows (sombra sem blur). A maior parte do design foi inspirado em ilustrações antigas de arquitetura e publicidade, onde hard shadows eram algo comum. Para criar as sombras básicas eu usei preto com 10% e Multiply no Blend Mode. Também adicionei quadros para as janelas para criar um efeito 3D.

Retro Futuristic Artowrk in Illustrator and Photoshop

Passo 4

Para deixar a ideia mais realista eu adicionei gradientes sutis como podem ver na imagem abaixo. Para as cores do gradiente eu usei branco e preto com 10% e multiply em opacity.

Retro Futuristic Artowrk in Illustrator and Photoshop

Passo 5

Para criar as nuvens eu usei círculos básicos e pathfinder para transformá-los em um objeto. Depois disso eu apliquei o mesmo gradiente sutil. Depois de ter uma nuvem eu dupliquei e comecei a brincar com ângulos e tamanhos.

Retro Futuristic Artowrk in Illustrator and Photoshop

Passo 6

Para o carro foi praticamente a mesma coisa, apenas formas angulares sem nenhuma curva. Nessa etapa eu já tinha entendido mais sobre ilustrações geométricas, então comecei a desviar um pouco da ilustração que estava usando como referência. Perceba o reflexo nas janelas, esse foi um toque muito legal que vi no trabalho de Justin Mezzell.

Retro Futuristic Artowrk in Illustrator and Photoshop

Passo 7

Hora de ir para o Photoshop para adicionar alguns efeitos. Copie a composição do Illustrator e cole no Photoshop. Estou usando o tamanho 2880x1800.

Retro Futuristic Artowrk in Illustrator and Photoshop

Passo 8

Eu sempre colo vetores como Smart Objects, assim eu sempre posso mexer neles sem destruir tudo. Então o primeiro a fazer é ir até Filter>Filter Gallery>Difuse Glow. Use os valores abaixo para adicionar um granulado legal a imagem.

Retro Futuristic Artowrk in Illustrator and Photoshop

Passo 9

Duplique a layer e vá até Filter>Filter Gallery>Brush Strokes>Angled Strokes. Use os valores da imagem abaixo. A ideia aqui é adicionar algumas deformações no pincel. O melhor seria fazer isso a mão, mas nesse tutorial vamos usar filtros.

Retro Futuristic Artowrk in Illustrator and Photoshop

Passo 10

Reduza opacidade da layer com os angled strokes para 80% com Lighten no Blend Mode.

Retro Futuristic Artowrk in Illustrator and Photoshop

Passo 11

Com a Brush Tool (B) e um brush suave, pinte um ponto laranja para criar um efeito de pôr do sol. Eu usei Overlay no Blend Mode com 100%

Retro Futuristic Artowrk in Illustrator and Photoshop

Passo 12

Duplique a layer da ilustração e vá até Filter>Distort>Mezzotint. Use Fine Dots.

Retro Futuristic Artowrk in Illustrator and Photoshop

Passo 13

Vá até Image>Adjustmetns>Desaturate. Depois troque o Blend Mode para Color Dodge. Você terá algo semelhante a imagem abaixo.

Retro Futuristic Artowrk in Illustrator and Photoshop

Passo 14

Vá até Image>Adjustments>Levels. Reduza white input levels para 100 ou um pouco mais. O objetivo aqui é deixar o granulado da luz quase invisível.

Retro Futuristic Artowrk in Illustrator and Photoshop

Passo 15

Com a Eraser Tool (E) você pode deletar algumas áreas da grain layer para deixar mais fraco. Eu tentei esconder os grãos nas partes mais claras e deixei mais visível nas partes mais escuras.

Retro Futuristic Artowrk in Illustrator and Photoshop

Conclusão

Você também pode fazer o mesmo dos últimos passos no granulado escuro para criar outra layer com granulado claro. Assim o efeito vai ficar mais realista e melhor. Depois disso seu design estará pronto. E como disse, é a primeira vez que tento algo assim, ainda estou aprendendo. Então se fizerem algo no processo que fique bacana, deixem um comentário. Agora é com você.

Retro Futuristic Artowrk in Illustrator and Photoshop

Retro Futuristic Artowrk in Illustrator and Photoshop

Download Arquivo Photoshop

Faça o Download do Arquivo Photoshop usado no tutorial


Viewing all articles
Browse latest Browse all 5330

Latest Images