Design Psicodélico no Photoshop e Illustrator

Faz um pouco mais que seis meses desde que me mudei para São Francisco, Califórnia. A mudança foi grande em vários sentidos, inclusive na área de aprendizado... estou sempre aprendendo algo novo e vendo os mais variados estilos nas ruas daqui. E por isso resolvi tentar algo diferente para o tutorial de hoje, decidi fazer uma imagem psicodélica usando Illustrator e Photoshop.

Acho muito importante para um designer poder contar com o maior número de referências visuais possíveis. Acho importante pois assim você terá mais ideias para fazer seu design e assim não corre o risco de fazer sempre a mesma coisa. Mas claro que ter apenas boas referências não é o bastante, pelo menos não para mim. Eu preciso fazer o trabalho para aprender as particularidades e detalhes de cada estilo, neste caso o psicodélico.

Então neste tutorial vou mostrar para vocês como criar um design psicodélico usando Illustrator e Photoshop.

Passo 1

Abra o Illustrator e inicie um novo documento. A ideia é criar um design psicodélico usando apenas elementos tipográficos. Comece digitando a primeira frase que quiser usar. No meu caso digitei "Abduzeedo Six Months" usando a fonte Butterfield Demo. Você encontra a fonte em http://www.dafont.com/butterfield.font

Passo 2

Adicione 3 frases diferentes e lembre de deixá-las com um comprimento semelhante. É possível fazer isso sem precisar ajustar o kerning de cada frase. Então em alguns casos você aumentar e em outros vai diminuir (kearning).

Passo 3

Depois que tiver as 4 quatro frases, posicione-as para criar um quadrado.

Passo 4

Para conectar as frases você vai precisar criar alguns elementos. Adicionei alguns retângulos básicos combinando com as letras que começam e terminam a frase. Use a imagem abaixo como referência.

Passo 5

Quando terminar de criar os conectores das frases você terá algo semelhante a imagem abaixo.

Passo 6

Com a Rectangle Tool (M) crie um quadrado em preto e o mova o quadrado feito de frases para cima dele e mude a cor do texto para branco.

Passo 7

Crie um novo quadrado, desta vez branco como na imagem abaixo. A ideia aqui é adicionar um novo quadrado feito de texto. Para fazer isso apenas repita os primeiros passos do tutorial. O tamanho das fontes será o mesmo, mas as frases serão mais curtas.

Passo 8

Crie um terceiro quadrado de texto, dessa vez usando uma fonte menor. Eu apenas dupliquei o segundo quadrado e redimensionei. Veja a maneira como inverti as cores de cada quadrado.

Passo 9

Para as cores use #662D91(1) no quadrado maior, #DA1C5C(2) para o quadrado maior de texto, #BE1E2D(3 vermelho) para o segundo quadrado maior, #FBB040 (4 - amarelo), #2B3990(5) azul escuro, #27AAE1 (6) azul claro.

Passo 10

Abra o Adobe Photoshop e crie um novo documento. Estou usando o tamanho 2560x1440 pixels. Preencha o background com a cor #383324 (verde escuro).

Passo 11

Copie os vetores do Illustrator e cole no Photoshop.

Passo 12

Agora é hora de adicionar algumas texturas para deixar o design com um visual antigo e meio destruído. A textura que estou usando é cortesia do Shutterstock, se chama Closeup of rough blue e você encontra em http://www.shutterstock.com/pic-83457697/stock-photo-closeup-of-rough-bl....

Depois de colocar a imagem no seu documento, faça mask para que apenas a parte acima do design vetorial fique visível..

Passo 13

Troque o Blend Mode para Divide. Divide é um Blend Mode muito legal pois ele dá um visual bacana quando queremos um resultado antigo no design.

Passo 14

As cores estão muito saturadas, então vamos melhorar isso. Vá até Layer>New Adjustment Layer>Hue and Saturation. Troque Saturation para -35. Lembre de deixar essa layer acima do vetor e depois vá até Layer>Create Clipping Mask. Fazendo isso Hue and Saturation serão aplicados apenas no vetor.

Passo 15

Posicione novamente a textura, dessa vez em todo o documento.

Passo 16

Troque o Blend Mode para Divide com 20% Opacity.

Passo 17

Para criar um efeito psicodélico nós precisamos de um background maluco. Estou usando uma imagem muito legal doMarkovka chamada abstract seamless pattern with underwater life: fish, seaweed. Endless romantic texture with doodles, cortesia do Shutterstock.

Conclusão

Troque o Blend Mode para Overlay com 40% e o nosso background está pronto. Como você pode ver, o processo de criar uma imagem psicodélica foi simples. O importante é combinar cores, texturas e ideias para ter um resultado legal.

Download do Arquivo Photoshop

Faça o Download do Arquivo Photoshop usado nesse tutorial