quinta-feira, 4 de dezembro de 2014

Tutorial - Crie formas com letras no Photoshop e Illustrator

Anuncios:

Aprenda neste tutorial como utilizar recursos do Illustrator e Smart Object do Photoshop para moldar letras em torno de uma imagem



O visual de algo formado por letras sempre nos chama atenção talvez por ser uma composição incomum, porque as fontes remetem automaticamente nossos olhos para a leitura e não para contemplar uma forma. Existem várias técnicas para criar este tipo de arte e neste tutorial conheça uma utilizando o Photoshop e Illustrator.

1) Neste tutorial, revesti as formas de uma perua Kombi com letras. Para criar a distorção de uma caixa de texto sobre a forma da perua, preciso não só da imagem da perua mas também um Grid criado no Illustrator. Dando dois cliques sobre a ferramenta Grid na caixa de ferramentas do Illustrator, ativo as opções da ferramenta e crio um Grid retangular com poucas divisões, como o mostrado no exemplo.


2) Crie uma caixa de texto de forma alinhada em uma camada, uma outra caixa de texto em outra camada alinhada para a esquerda e em uma terceira camada posicionei o Grid. É interessante que as caixas de texto tenham a mesma largura que o Grid.


3) No Photoshop, abri a imagem da Kombi que recortei e posicionei sobre uma outra camada preenchida com branco.


4) Voltei para o Illustrator, selecionei o Grid e dei um Copy. De volta para o Photoshop, dei um Command+V. Nas opções de Paste, selecionei Pixels e Ok.

5) No submenu do painel de camadas, converti a camada em Smart Object.


6) Uma vez convertido o Grid em Smart Object, utilizei a ferramenta Warp para distorcer a grade o mais próximo possível do formato da perua.

7) Feita a distorção, dei dois cliques no ícone do Smart Object que fica na parte inferior direita da miniatura do Grid no painel de camadas. Isto fará abrir um novo arquivo exibindo o grid exatamente como estava antes de ser distorcido pela ferramenta Warp.


8) No Illustrator, selecionei agora o texto alinhado a esquerda dei um Copy e um Paste novamente no Photoshop. Nas opções de Paste, desta vez escolhi Smart Object. Neste caso, a opção manterá o meu texto editável no Illustrator caso queira fazer alterações mesmo estando no Photoshop.

Anuncios:




9) Ocultei a visualização da camada do Grid e em seguida salvei e fechei o arquivo. Isto fará com que o grid distorcido no documento atual seja substituído pelas letras que seguem a mesma distorção feita no grid.


10) Em seguida, selecionei a camada da imagem e em Image > Adjustments > Threshold converti a imagem em alto contraste.



11) Usei a varinha mágica e selecionei um tom de preto em uma parte qualquer da imagem. Em Select ativei a opção Similar que vai buscar todos os outros preenchimentos similares. Pressionando Command+J crio uma cópia das partes selecionadas em uma nova camada. Ocultei a camada da imagem original e posicionei a cópia sobre as letras distorcidas.



12) Pressionei Command+I para inverter o preto para branco e obter este resultado.


13) Mantendo a visualização da imagem original oculta e com tecla Command pressionada, clico sobre a miniatura que ativa a seleção do contorno da imagem. Uso esta seleção para criar uma máscara de opacidade na camada das letras distorcidas que dará um acabamento melhor na fusão.


14) Volto ao Illustrator e dou um Copy desta vez na caixa de texto centralizada e um Paste no Photoshop opção Smart Object. Esta nova camada deverá ficar em uma camada abaixo da camada das fontes distorcidas.



15) Voltei a ativar a visualização da imagem original, selecionei e preenchi a imagem com branco criando uma silhueta. Posicionei a camada desta silhueta branca entre as camadas do texto alinhado e o da fonte distorcida, concluindo assim o efeito. 

Por Getulino Pacheco
Fonte: photopro


Recentes Posts

recentposts

Random

randomposts