Algumas semanas atrás eu havia publicado um artigo com alguns designers e artistas digitais que chamei de Mestres do Photoshop. Destacamos Adhemas Baptista, Eduardo Recife and Nik Ainley.. Por isso resolvi fazer um tutorial inspirado nesses artistas.

Neste post foi criado um estilo de design muito legal mixando uma foto, elementos de vetor usando Photoshop (muitos brushes) e Ilustrator. Tudo que foi utilizado aqui foi feito download em sites como magurno e brusheezy.com.

Este tutorial pode parecer complicado e extenso, mas na realidade é bem fácil de fazer e acompanhar, você só rira precisar usar brushes and masks

Passo 1- Escolha uma foto legal:

Esta pode ser a parte mais complicada, no meu caso foi fácil, um fotógrafo amigo nosso tirou algumas fotos para um site chamado UDOX e ele me permitiu usar uma dessas fotos.

Choosing the right photo

Passo 2 - Adicionar alguns elementos de vetor:

O primeiro símbolo que peguei foi um CD que veio na revista Computer Arts.

Adding vectors

Passo 3 - Misturando

Color Overlay
Aplique um Color Overlay nas preferências do layer.

Passo 4 - Usando o primeiro Brush:

Primeiro você pinta em cima da foto, e depois você começará a deletar algumas partes dela. Isso dará a impressão que os elementos estão as vezes por cima e outras vezes por trás da pessoa da foto.

Paint over the photo
Aplique um Layer Mask e delete através da máscara.

Use layer maks to hide some parts of the elements
Aqui eu preferi colocar os elementos rosas por trás das pernas.

Passo 5 - Adicionando mais cores e elementos:

Como no elemento anterior, nós usamos outro brush e apagamos algumas partes para colocar por trás da pessoa.

Green element

Choosing the right photo

Passo 6 - mais um passo:

Todos estes elementos são do Vintage feitos no Vogue brushes, você pode fazer o download deles aqui.

Masked green element

Passo 7 - Um pouco de Ilustrator:

Adhemas usa muito este efeito, basicamente é um Blend entre dois elementos, e pode ser feito com muita facilidade do Ilustrator.

Blend
Simplesmente crie dois elementos e use o Blend para unir eles.

Blended
Você vê que foi criado um Path (caminho).

Curve blended
Edite o Path com a ferramenta Pen.

Blend Options
Com um 'double click' em cima do ícone do Blend e abrirá a janela de Blens Options, onde você pode editar algumas propriedades.

Passo 8 - Precisamos de um pouco de azul:

Eu adicionei um outro elemento por baixo dos pés da pessoa.

Foot print

Passo 9 - Refinamentos finais:

Agora é hora de refinar o design, delete algumas partes de cada elemento para fazer com que eles pareçam estarem misturados.

Refinements
Algumas vezes o elemento laranja esta na frente do blend e outras está por trás, o mesmo se aplica para os outros.

More refinements

Passo 10 - Agora precisamos de um pouco de luz:

Duplique o elemento laranja, crie uma pasta na paleta de layer, e coloque este elemento duplicao dentro da pasta. Aplique na pasta um Color Dodge, e adicione um Gaussian Blur no elemento dentro da pasta.

Using colo dodge to create the light effect

Resultado Final:

The final piece

Todos os arquivos estão disponíveis para download.

You can download all the files used here.

About the author of this post

Abduzeedo is a blog about design. There are all sorts of articles for those who want to look for inspiration. Also you will find very useful tutorials for the most used applications out there, with a special selection of Photoshop Tutorials and Illustrator Tutorials. Of course there are other softwares conteplated like Pixelmator, Fireworks, and web design tutorials.