Olá galera,
Dando continuidade a série de tutoriais sobre tipografia, hoje irei abordar um novo tipo de estilo e criatividade.
Os arquivos utilizados no tutorial podem ser baixados Fonte e Pattern.
PSD: Typography Design Aula 2
Fiquem a vontade para enviar dúvidas ou sugestões.
Neste tutorial irei mostrar como usar objetos inteligentes, estilos de camadas e alguns filtros para criar um efeito de texto simples. Eu também vou deixar uma dica legal para alterar a coloração do resultado final usando uma camada de ajuste "Photo Filter".
Vamos começar!
A primeira etapa e criar um pattern:
Crie um novo documento de 80px por 80px, defina a cor de primeiro plano para cinza, escolher a ferramenta Pincel e abra o painel de configuração de Brush (Window> Brush).
Escolha um pincel de ponta macia e modifique o tamanho para 1px, marque as caixas de Noise e Wet Edges, e modifique o restante das configurações como mostrado abaixo:
Agora no segundo passo, crie uma nova layer, e comece a desenhar algumas linhas diagonais para obter um padrão de preenchimento para o seu efeito de texto.
Quando terminar, faça a layer de fundo ficar invisível (clicando no ícone do olho ao lado), e, em seguida, vá em Edit> Define Pattern, e digite um nome para o pattern.
A segunda etapa e criar o fundo e o texto:
Crie outro documento de 900px por 750px, escolha a Paint Bucket Tool, em seguida escolha um pattern na barra de ferramentas, e preencha o fundo com qualquer padrão que você gostar, lembra dos patterns que deixei para download? E hora de usar.
Crie um texto em preto usando a fonte que deixei para download, ou use uma outra se preferir.
Clique com o botão direito na layer do texto, escolha a opção "Convert to Smart Object", e altere o valor de preenchimento da layer de objeto inteligente para 0.
Então duplique a layer do objeto inteligente três vezes, você terá um total de quatro layers de objetos inteligentes.
Selecione todas as layers de texto e segure CTRL+G, renomeie o nome do grupo para "Texto", e deixe o Blend Mode da layer do grupo "Normal". Essa é a parte que me permiti mudar a cor do texto facilmente quando eu quiser.
Crie uma layer de ajuste "Photo Filter". Coloque a layer de ajuste "Photo Filter" dentro do grupo de texto acima de todas as layers dos objetos inteligentes.
Escolha uma cor, e em seguida, mude a densidade para 100%, e desmarque a caixa Preserve Luminosity.
A terceira etapa e fazer a mágica acontecer:
Clique duas vezes na primeira layer de texto inteligente para aplicar o efeito "Pattern Overlay" usando as seguintes configurações:
Opacidade: 70%
Pattern: Use o pattern que criamos na primeira etapa do tutorial.
Se você segui todos os passos certinhos, seu resultado estará igual a imagem abaixo:
Clique duas vezes na primeira layer de texto inteligente para aplicar os efeitos usando as seguintes configurações mostradas nas imagens:
Feito os passos acima, teremos nosso style. Clique com o botão direito na layer de texto com o style e escolha a opção "Copy Layer Style". Em seguida, selecione as layers cópias, e clique com o botão direito, e escolha "Paste Layer Style".
Clique duas vezes na segunda layer de texto inteligente para modificar alguns dos valores utilizados no style da layer:
Clique duas vezes na terceira layer de texto inteligente para modificar alguns dos valores utilizados no style da layer:
Resultado:
A quarta e última etapa, fazer os acabamentos:
Selecione a primeira layer de texto inteligente, e vá em Filter> Distort> Ripple. Altere o valor para 20 e o tamanho para Médio.
Selecione a terceira layer de texto inteligente, e vá em Filter> Distort> ZigZag. Altere o valor para 5, os Ridges para 10, e o no style deixe "Out From Center".
Para finalizar, vá em Filter> Blur> Superfície Blur. Alterar o raio para 3 o limite a 12.
Depois de aplicar o efeito, mova as layers a partir da segunda layer para deixar mais criativo:
Se você quer mudar a cor do texto, selecione a layer "Photo Filter", clique na caixa de cor para escolher um cor diferente.
Chegamos ao fim dessa aula, em breve estarei fazendo a aula 3, onde irei abordar mais um estilo.
Sinta-se livre para deixar seu comentário, sugestões, e o seu resultado.
Resultado Final:
Dando continuidade a série de tutoriais sobre tipografia, hoje irei abordar um novo tipo de estilo e criatividade.
Os arquivos utilizados no tutorial podem ser baixados Fonte e Pattern.
PSD: Typography Design Aula 2
Fiquem a vontade para enviar dúvidas ou sugestões.
Neste tutorial irei mostrar como usar objetos inteligentes, estilos de camadas e alguns filtros para criar um efeito de texto simples. Eu também vou deixar uma dica legal para alterar a coloração do resultado final usando uma camada de ajuste "Photo Filter".
Vamos começar!
A primeira etapa e criar um pattern:
Crie um novo documento de 80px por 80px, defina a cor de primeiro plano para cinza, escolher a ferramenta Pincel e abra o painel de configuração de Brush (Window> Brush).
Código:
Código da cor: #e0e0e0Escolha um pincel de ponta macia e modifique o tamanho para 1px, marque as caixas de Noise e Wet Edges, e modifique o restante das configurações como mostrado abaixo:
Agora no segundo passo, crie uma nova layer, e comece a desenhar algumas linhas diagonais para obter um padrão de preenchimento para o seu efeito de texto.
Quando terminar, faça a layer de fundo ficar invisível (clicando no ícone do olho ao lado), e, em seguida, vá em Edit> Define Pattern, e digite um nome para o pattern.
A segunda etapa e criar o fundo e o texto:
Crie outro documento de 900px por 750px, escolha a Paint Bucket Tool, em seguida escolha um pattern na barra de ferramentas, e preencha o fundo com qualquer padrão que você gostar, lembra dos patterns que deixei para download? E hora de usar.
Crie um texto em preto usando a fonte que deixei para download, ou use uma outra se preferir.
Clique com o botão direito na layer do texto, escolha a opção "Convert to Smart Object", e altere o valor de preenchimento da layer de objeto inteligente para 0.
Então duplique a layer do objeto inteligente três vezes, você terá um total de quatro layers de objetos inteligentes.
Selecione todas as layers de texto e segure CTRL+G, renomeie o nome do grupo para "Texto", e deixe o Blend Mode da layer do grupo "Normal". Essa é a parte que me permiti mudar a cor do texto facilmente quando eu quiser.
Crie uma layer de ajuste "Photo Filter". Coloque a layer de ajuste "Photo Filter" dentro do grupo de texto acima de todas as layers dos objetos inteligentes.
Escolha uma cor, e em seguida, mude a densidade para 100%, e desmarque a caixa Preserve Luminosity.
Código:
Código da cor: #3f3f3fA terceira etapa e fazer a mágica acontecer:
Clique duas vezes na primeira layer de texto inteligente para aplicar o efeito "Pattern Overlay" usando as seguintes configurações:
Opacidade: 70%
Pattern: Use o pattern que criamos na primeira etapa do tutorial.
Se você segui todos os passos certinhos, seu resultado estará igual a imagem abaixo:
Clique duas vezes na primeira layer de texto inteligente para aplicar os efeitos usando as seguintes configurações mostradas nas imagens:
Feito os passos acima, teremos nosso style. Clique com o botão direito na layer de texto com o style e escolha a opção "Copy Layer Style". Em seguida, selecione as layers cópias, e clique com o botão direito, e escolha "Paste Layer Style".
Clique duas vezes na segunda layer de texto inteligente para modificar alguns dos valores utilizados no style da layer:
Clique duas vezes na terceira layer de texto inteligente para modificar alguns dos valores utilizados no style da layer:
Resultado:
A quarta e última etapa, fazer os acabamentos:
Selecione a primeira layer de texto inteligente, e vá em Filter> Distort> Ripple. Altere o valor para 20 e o tamanho para Médio.
Selecione a terceira layer de texto inteligente, e vá em Filter> Distort> ZigZag. Altere o valor para 5, os Ridges para 10, e o no style deixe "Out From Center".
Para finalizar, vá em Filter> Blur> Superfície Blur. Alterar o raio para 3 o limite a 12.
Depois de aplicar o efeito, mova as layers a partir da segunda layer para deixar mais criativo:
Se você quer mudar a cor do texto, selecione a layer "Photo Filter", clique na caixa de cor para escolher um cor diferente.
Chegamos ao fim dessa aula, em breve estarei fazendo a aula 3, onde irei abordar mais um estilo.
Sinta-se livre para deixar seu comentário, sugestões, e o seu resultado.
Resultado Final: