_ Shout Design _

Efeito retrato tipográfico551

Efeito retrato tipográfico

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Efeito retrato tipográfico

Mensagem por → Caco em 27/6/2011, 13:12





Este tutorial tem como objetivo mostrar que com peso, tamanho, espaçamento e opacidade da fonte é possível



criar luzes, sombras e profundidade na imagem. A técnica pode ser aplicada às imagens de seu gosto.

Tipografia não é apenas escolher uma fonte bonita, mas a forma como
arrumamos as letras no layout, decidindo o tamanho, peso e tipo de fonte
adequados para transmitir a mensagem do jeito mais simples.
Nossa escolha de palavras e fontes
para esta imagem funciona bem com o retrato que desejamos criar, mas
encorajamos você a experimentar com suas próprias fontes e palavras para
obter resultados únicos relevantes no retrato construído.

A hora
é de brincar com fontes, fundos texturizados e gradientes. Você pode
ser tão detalhado quanto desejar. Experimente estas instruções e deixe
voar sua imaginação.



[center]Imagem final




para ampliar as imagens a baixo clique sobre a mesma


1 Prepare a imagem de referência
Abra
a imagem que será usada. Aplique Image > Mode > Grayscale a ela e
use Levels e Curvespara aumentar o contraste, tornando as áreas de luz e
sombra fáceis de perceber.








2 Sombras e luzes
Vá a Image >
Adjustments > Shadow/ Highlight. Brinque com os deslizantes para
exibir luzes e sombras suficientes. Para Shadows, usamos: Amount = 25%,
Tonal Width = 35% e Radius = 48 px. Para Highlights usamos:Amount = 34%,
Tonal Width = 0% e Radius = 78 px.








3 Recorte
Vá o menu Select >
Color Range e escolha as sombras. Inverta a seleção, aplique uma Quick
Mask e apague as áreas mascaradas ao redor da modelo usando a
ferramenta Brush ajustada para branco. Depois de mascarar a modelo, saia
da Quick Mask e aplique Select > Feather de 3 px. Copie e abra um
novo documento. Cole a imagem como uma nova camada acima da camada de
fundo. Salve o documento, pois trabalharemos nele. O recorte não precisa
ser muito exato, pois servirá apenas como referência.








4 Brilho e contraste
Agora que
temos nossa referência, precisamos acentuar as luzes e sombras para que
seja mais fácil posicionar o texto. Abra o ajuste
deBrightness/Contrast do menu Image > Adjustments e
aumente Brightness 10 eContrast 20. Seu guia está pronto para receber
texto.










5 Diminua a opacidade
Reduza o
valor de opacidade da camada de referência para que o texto fique
visível quando for aplicado. Comece com os trechos maiores e não se
esqueça de pôr cada linha em uma camada separada caso seja necessário
reorganizar o posicionamento ou alterar a fonte. Lembre-se também de
salvar em intervalos regulares.








6 Posicionamento do texto
Depois de arranjar o texto principal, ponha o texto ligeiramente menor logo atrás do maior para que este se destaque um
pouco mais. Se quiser, adicione um discreto Drop Shadow às linhas
principais em camadas de ajuste para destacá-las mais ainda, mas isso é
opcional e pode ser removido posteriormente caso desejado.








7 Comece a empilhar as sombras
Quando
estiver posicionando o texto, o truque é fazer linhas menores, mais
aproximadas e com peso maior nas áreas de sombra da imagem de
referência, e texto maior, mais espaçado e com menos peso nas áreas de
luz. Assim se cria a profundidade da imagem final, que, de outro, modo
pareceria plana.










8 Relatório de progresso
Enquanto
constrói o cabelo, oculte a camada de referência ocasionalmente para
observar seu progresso. É preciso poder perceber as áreas sombreadas e
iluminadas. Para facilitar, agrupe as camadas na paleta de acordo com as
partes do retrato em que está trabalhando. Continue com esse processo
ao longo do tutorial.









9 Construa os olhos
Depois
de completar o cabelo, o retrato precisa de um rosto. Começamos com
os olhos. Usando o mesmo método do cabelo, mantenha o texto bem próximo
nas áreas escuras e deixe as brancas sem nada. Use o menu Edit >
Transform > Rotate no texto para seguir a forma do olho. Não precisa
usar palavras diferentes. Para ganhar tempo, basta duplicar as camadas de texto e transformar. Mexa na opacidade das letras nos cílios inferiores.









10 Sobrancelhas e sombra
Faça o
mesmo nas sobrancelhas. Tente usar palavras mais longas para preencher a
forma e use o menu Edit > Transform > Warp para seguir a curva.
Para a sombra sob o olho, brinque com o valor de opacidade das camadas
de texto e o peso da fonte, já que essa sombra tem de ser
perceptivelmente mais clara que os traços principais do rosto.








11 Comece o nariz
O nariz,
acreditamos, é a parte mais difícil do rosto. É preciso usar todas as
técnicas aprendidas até agora. O sombreamento é um importante fator.
Utilize as ferramentas de transformação para contornar o nariz, mas
brinque também com o valor de opacidade do texto para as transições de
sombra.








12 Repita as sombras
Tente duplicar
as camadas de texto para o outro lado do nariz para poupar tempo e
brinque com as ferramentas de transformação para dar forma. Quando for
hora de sombrear, mantenha a opacidade do texto mais forte nas narinas e
duplique o texto, reduzindo a opacidade conforme a sombra esmorece.








13 Lábios atraentes
Para fazer os
lábios, siga as mesmas etapas do nariz. Concentre-se nas áreas escuras e
depois trabalhe o sombreamento. Demora bastante até acertar as feições,
mas vale a pena insistir para chegar a um efeito realístico no final.









14 Relatório de progresso facial
Terminado
o rosto, esconda a camada de referência para observar seu progresso.
Nota-se que o rosto está tomando forma e vemos a diferença entre as
feições principais e o sombreamento. Agora o rosto precisa de um
contorno e de alguns toques finais.








15 Siga o traço
Tendo em
vista que as feições estão prontas, vamos criar um contorno. Percebemos
que as palavras menores funcionam bem. Duplique e transforme
as palavras para seguir a forma. O queixo ficou meio achatado, por isso
é preciso sombreá-lo um pouco. Repita, alterando gradualmente a
opacidade do texto e siga a forma para criar um dégradé.








16 Maçãs do rosto e pescoço
Para
dar mais profundidade ao rosto, vamos usar sombras que mostrem o
contorno das maçãs do rosto. Use a mesma palavra para manter a
consistência e empilhe as palavras ligeiramente inclinadas para mostrar a
direção da sombra, mexendo na opacidade e seguindo a foto guia. Faça o
mesmo no pescoço, começando com texto e opacidade mais pesados sob o
queixo e terminando com valores mais leves.









17 Achate – se ousar
Quando estiver
satisfeito, selecione as camadas de texto (excluindo o Background) e
selecione Layers > Merge Layers (mas mantenha uma versão com as
camadas para uso futuro). Utilize a ferramenta Burn com Exposure 100%
sobre as áreas de sombra para acentuá-las.









18 Brinque com gradientes
Altere Image
> Mode para CMYK e aplique umestilo de camada Gradient Overlay na
nova camada de texto. Brinque com os gradientes, direção e modos de
mesclagem dos efeitos na caixa de diálogo Layer Styles. Aqui, usamos o
modo Linear Light.







19 Fundo
Adicione uma camada de
ajuste Gradient Fillacima da camada Background e abaixo da de texto.
Escolhemos um gradiente branco para azul/verde claro, Reflected, Angle =
-45º e Scale = 150%. Finalmente, selecione a miniatura da máscara da
camada de ajuste e aplique uma textura Sandstone (Filter > Texture
> Texturizer) para dar mais profundidade.




E finalmente esta pronto.


[/center]

-------------------------------------------------------------

Isso é atitude:
[center]
"Eu prefiro mil vezes conviver com maconheiro honesto, do que com bandido de terno e gravata, que rouba o povo"

TOMORROWLAND me espera - 2013:

"Você pode ter a fé que quiser em espíritos, em vida após a morte, no paraíso e no inferno, mas se tratando desse mundo, não seja idiota. Porque você pode me dizer que deposita sua fé em Deus, mas quando chega a hora de atravessar a rua, eu sei que você olha para os dois lados."
[/center]

→ Caco
Administrador
Administrador

<b>Frase</b> Frase: Jah gonna start this revolution! (̅_̅_̅_̅(̲̲̲̲̲̅̅̅̅̅̅(̅_̅_̲̅м̲̅­­­­­­­­­­­­­a̲̅я̲̅i̲̅j̲̅u̲̅a̲̅­n­̲­̅­a­̲­̅­̅­_­̅­_­̅­_­̅()
<b>Sexo</b> Sexo: Masculino
<b>Rate</b> Rate: Não Avaliado
<b>Clan</b> Clan: Nenhum
<b>Postagens</b> Postagens: 2589
<b>Cash</b> Cash: 29220
<b>Reputação</b> Reputação: 30
<b>Idade</b> Idade: 19

http://shoutdesign.forumeiros.com

Voltar ao Topo Ir em baixo

Re: Efeito retrato tipográfico

Mensagem por Rudas~ em 27/6/2011, 13:43

caraio q foda, não achei q fosse tão detalhado quando vi, me falta paciencia pra fazer isso

-------------------------------------------------------------



~RUDAS101.DEVIANTART.COM

~MY GIFTS

~ON YOUTUBE

Rudas~
Administrador
Administrador

<b>Frase</b> Frase: It is useless to try to help those who do not help themselves
<b>Sexo</b> Sexo: Masculino
<b>Rate</b> Rate: Intermediário
<b>Clan</b> Clan: TopIlusion
<b>Postagens</b> Postagens: 4511
<b>Cash</b> Cash: 23781
<b>Reputação</b> Reputação: 87
<b>Idade</b> Idade: 17

http://shoutdesign.forumeiros.com

Voltar ao Topo Ir em baixo

Re: Efeito retrato tipográfico

Mensagem por → Caco em 27/6/2011, 14:45

Pode cre mano, tem que ter MUITA paciência! Mas o tuto é muito bom.

-------------------------------------------------------------

Isso é atitude:
[center]
"Eu prefiro mil vezes conviver com maconheiro honesto, do que com bandido de terno e gravata, que rouba o povo"

TOMORROWLAND me espera - 2013:

"Você pode ter a fé que quiser em espíritos, em vida após a morte, no paraíso e no inferno, mas se tratando desse mundo, não seja idiota. Porque você pode me dizer que deposita sua fé em Deus, mas quando chega a hora de atravessar a rua, eu sei que você olha para os dois lados."
[/center]

→ Caco
Administrador
Administrador

<b>Frase</b> Frase: Jah gonna start this revolution! (̅_̅_̅_̅(̲̲̲̲̲̅̅̅̅̅̅(̅_̅_̲̅м̲̅­­­­­­­­­­­­­a̲̅я̲̅i̲̅j̲̅u̲̅a̲̅­n­̲­̅­a­̲­̅­̅­_­̅­_­̅­_­̅()
<b>Sexo</b> Sexo: Masculino
<b>Rate</b> Rate: Não Avaliado
<b>Clan</b> Clan: Nenhum
<b>Postagens</b> Postagens: 2589
<b>Cash</b> Cash: 29220
<b>Reputação</b> Reputação: 30
<b>Idade</b> Idade: 19

http://shoutdesign.forumeiros.com

Voltar ao Topo Ir em baixo

Re: Efeito retrato tipográfico

Mensagem por Rudas~ em 27/6/2011, 15:01

sim, é perfect

-------------------------------------------------------------



~RUDAS101.DEVIANTART.COM

~MY GIFTS

~ON YOUTUBE

Rudas~
Administrador
Administrador

<b>Frase</b> Frase: It is useless to try to help those who do not help themselves
<b>Sexo</b> Sexo: Masculino
<b>Rate</b> Rate: Intermediário
<b>Clan</b> Clan: TopIlusion
<b>Postagens</b> Postagens: 4511
<b>Cash</b> Cash: 23781
<b>Reputação</b> Reputação: 87
<b>Idade</b> Idade: 17

http://shoutdesign.forumeiros.com

Voltar ao Topo Ir em baixo

Re: Efeito retrato tipográfico

Mensagem por - S t r y o n ' em 8/7/2011, 21:25

Obg por compartilhar.

- S t r y o n '
Designer
Designer

<b>Frase</b> Frase: Ângulos atraem o intelecto. Curvas falam ao coração.
<b>Sexo</b> Sexo: Masculino
<b>Postagens</b> Postagens: 151
<b>Cash</b> Cash: 12509
<b>Reputação</b> Reputação: 0

Voltar ao Topo Ir em baixo

Re: Efeito retrato tipográfico

Mensagem por Musis em 9/7/2011, 11:03

Concordo, tem que ter aciência, mais o resultado é tentador!

Musis
Membro fiel
Membro fiel

<b>Frase</b> Frase: Nunca cruze os braços para as dificuldades da vida, pois o maior Homem do mundo morreu de braços abertos!
<b>Sexo</b> Sexo: Masculino
<b>Rate</b> Rate: Not Definition
<b>Clan</b> Clan: Good Graphic
<b>Postagens</b> Postagens: 376
<b>Cash</b> Cash: 13062
<b>Reputação</b> Reputação: 23
<b>Idade</b> Idade: 17

http://www.ronaldomoises.com

Voltar ao Topo Ir em baixo

Re: Efeito retrato tipográfico

Mensagem por ~Ponce[!] em 9/7/2011, 20:49

achei muito foda.

~Ponce[!]
Membro
Membro

<b>Frase</b> Frase: apenas viva e sonhe
<b>Sexo</b> Sexo: Masculino
<b>Postagens</b> Postagens: 118
<b>Cash</b> Cash: 12528
<b>Reputação</b> Reputação: 3
<b>Idade</b> Idade: 18

Voltar ao Topo Ir em baixo

Re: Efeito retrato tipográfico

Mensagem por -Ruben! em 9/7/2011, 22:13

Vou tentar fazer -q..

+ ae caco

-------------------------------------------------------------

/' Doritosz


-Ruben!
Colaborador
Colaborador

<b>Frase</b> Frase: Qualquer coisa adiciona no Skype! To quase sempre on...
<b>Sexo</b> Sexo: Masculino
<b>Rate</b> Rate: Iniciante Solid
<b>Postagens</b> Postagens: 688
<b>Cash</b> Cash: 15128
<b>Reputação</b> Reputação: 30
<b>Idade</b> Idade: 16

Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


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