Motion Blur - Introdução e tipografia

Ir em baixo

Motion Blur - Introdução e tipografia Empty Motion Blur - Introdução e tipografia

Mensagem por Mizuki em Qui Nov 20, 2014 4:00 pm

Motion blur (desfoque de movimento) é um efeito bastante interessante de ser usado. E nesse tutorial, venho fazer uma introdução a ele, além de ensinar a fazer duas tipografias com ele.

Pra começar, vamos abrir uma imagem qualquer. Escolhi esta:

Spoiler:
Motion Blur - Introdução e tipografia 165966658010ffe3a6f14817ac47f430b05e544d

Vá em Filtro > Desfoque > Desfoque de movimento (Filter > Blur > Motion Blur). Algo mais ou menos assim deverá acontecer:

Spoiler:
Motion Blur - Introdução e tipografia 1659666487806547ecb9d50385eb2e918bde7f7f

Na barrinha, você pode aumentar ou diminuir o nível do blur. Eu diminuí um pouco e ficou assim:

Spoiler:
Motion Blur - Introdução e tipografia 165966638ece9c935c2bf6b3543622dc53c26407

E clicando e arrastando a linha dentro do círculo ali (girando-a), você pode mudar a direção do blur. Desse jeito:

Spoiler:
Motion Blur - Introdução e tipografia 165966629125b64a9b7943764166c6dc4b6350ad

Outra coisa que dá pra você fazer é usar o motion blur pra sobrepor, como já citei no meu tutorial sobre overlay.

Por exemplo, eu dupliquei a camada do scan, usei o motion blur (nos mesmos valores do primeiro print), e sobrepus. Ficou assim:

Spoiler:
Motion Blur - Introdução e tipografia 16596661d1f89d4218dfb224658e583c09ca8a2e

Bem, acho que já deu pra entender como usar o motion blur, né? Então, vamos à parte de fazer uma tipografia com ele.

Pra esse teste, crie um novo documento do tamanho que preferir (não precisa ser muito grande) e pinte da cor que quiser. Criei um em 600 x 300 e pintei de preto:

Spoiler:
Motion Blur - Introdução e tipografia 16596660c1953e97b9e3edf75c4ab96b69d103d3

Escreva o que quiser na imagem, com uma cor que se destaque no fundo. Escrevi de branco:

Spoiler:
Motion Blur - Introdução e tipografia 165966594a974d501bdce83bac665fd58e8a3991

Coloque outer glow (brilho externo) nas letras. Pra quem não sabe, é só clicar com o botão direito na camada do texto ali do lado e ir em Opções de Mesclagem (Blending Options):

Spoiler:
Motion Blur - Introdução e tipografia 16596658a64bcf4c241c13c2d40b271be5f4989b

Obs: A cor original do outer glow não é branco, é um amarelo clarinho. Pra ficar um branco puro, é preciso clicar naquele quadradinho selecionado embaixo da opção Ruído e selecionar o branco no color picker.

Bem, depois de arrumar o outer glow e dar ok, duplique a camada do texto. Pra quem ainda não sabe, clicando nela com o direito e indo em Duplicar camada (Duplicate Layer). Depois disso, clique na camada original pra deixá-la selecionada (já que a cópia sempre fica por cima), e vá até o motion blur (como já foi explicado anteriormente). Vai aparecer uma janelinha dizendo pra rasterizar a camada (não sei como se diz isso em inglês), dê ok. Aí você pode editar o motion blur da maneira que quiser:

Spoiler:
Motion Blur - Introdução e tipografia 16596657962a83197263bf738784160b2caa60e1

Pra deixar perfeitamente na horizontal, é só colocar 0 ali no ângulo, e na vertical, 90, mas vocês podem deixar inclinado, com mais ou menos distância e tal, depende de vocês. Lembrando que se uma camada é rasterizada, não dá mais pra editar o texto dela.

Outro tipo de tipografia que você pode fazer usando o motion blur é aquela com uma faixa de luz, que já usei em alguns designs. Pra começar, crie outro documento. Novamente eu criei um com 600 x 300 e pintei de preto. Depois, escrevi com vermelho:

Spoiler:
Motion Blur - Introdução e tipografia 1659665600c7fe331fc96662f2b5b6fb7518ec28

Agora coloque outer glow branco, pelo mesmo processo mostrado anteriormente, e aumente o nível de Expansão:

Spoiler:
Motion Blur - Introdução e tipografia 16596672431ac37b2b1ee06896d3029a221f1078

O brilho deve ficar grosso, mais ou menos desse jeito:

Spoiler:
Motion Blur - Introdução e tipografia 1659665436850e84467b2f900fd870fc3f838a33

Agora duplique a camada do texto e use motion blur nele (lembre-se, dando ok na janelinha que aparecer). Vai acontecer algo assim:

Spoiler:
Motion Blur - Introdução e tipografia 16596653503fa3045046ad8c3586bc1531b5799d

Puxe o ponteiro da barrinha até o final e acerte a posição. Deixei na horizontal, ficando assim:

Spoiler:
Motion Blur - Introdução e tipografia 1659665267c7cc7018c9073bdb7f89d6f7bdd65f

Agora coloque essa camada com motion blur debaixo da camada do texto original, clicando e arrastando:

Spoiler:
Motion Blur - Introdução e tipografia 1659665127bedbed5ea418767b5b0a19f04a4a99

Como as letras da cópia foram esticadas junto com o outer glow, as faixas ficaram levemente avermelhadas. Pra retirá-las e deixá-las totalmente brancas, é só retirar o preenchimento da camada dela, assim:

Spoiler:
Motion Blur - Introdução e tipografia 16596650f728afd551ed9b3426aa1a306c10489d

(as marcas mais escuras são normais, depende da fonte que você usar e do que escrever).

E pronto. Você pode fazer as faixas nas cores, posições e tamanhos que quiser, com as fontes que quiser. Você pode mexer na opacidade delas e diminuir o outer glow do texto depois pra melhorar também. Qualquer dúvida, é só perguntarem XD

_________________
Motion Blur - Introdução e tipografia ShinyShinyChristmassain_zps46b6d09b
Mizuki
Mizuki
Inca Rose
Inca Rose

Mensagens : 1603
Data de inscrição : 10/07/2013
Idade : 26
Localização : Spira

Ver perfil do usuário http://animaze.forumeiros.com

Voltar ao Topo Ir em baixo

Motion Blur - Introdução e tipografia Empty Re: Motion Blur - Introdução e tipografia

Mensagem por Mirai em Sex Jan 30, 2015 7:25 pm

tutorial interessante mizu! Vou tentar XD

_________________
Motion Blur - Introdução e tipografia SMCsain2_zps3db458a9
Mirai
Mirai

Feminino Mensagens : 98
Data de inscrição : 14/12/2013
Idade : 25

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Motion Blur - Introdução e tipografia Empty Re: Motion Blur - Introdução e tipografia

Mensagem por Mizuki em Dom Fev 01, 2015 2:00 am

Minako escreveu:tutorial interessante mizu! Vou tentar XD
Tente sim. É um efeito dos mais versáteis, dá pra usar em quase tudo. Vivo usando nas texturas em sets XD

_________________
Motion Blur - Introdução e tipografia ShinyShinyChristmassain_zps46b6d09b
Mizuki
Mizuki
Inca Rose
Inca Rose

Mensagens : 1603
Data de inscrição : 10/07/2013
Idade : 26
Localização : Spira

Ver perfil do usuário http://animaze.forumeiros.com

Voltar ao Topo Ir em baixo

Motion Blur - Introdução e tipografia Empty Re: Motion Blur - Introdução e tipografia

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Voltar ao Topo


 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum