Bem-vindo Visitante ( Entrar | Registrar )
SOTW STDS Artista da Semana
2 Páginas  1 2 > 
Reply to this topicStart new topicStart Poll

> Efeito De Reflexo Em Texto
Outline · [ Standard ] · Linear+
:::HS:::
post Apr 22 2009, 09:34 PM
Post #1


Moderador
Group Icon

Grupo: Moderação
Posts: 483
Registrado: 26-March 08
De: Lisboa, Portugal
Membro nº: 7,225



Atendendo ao pedido do membro 'thefenix', vou explicar neste tutorial como fazer o reflexo de textos numa imagem.

Resultado final:
<div class='bbimg'>
user posted image
</div>


Vamos lá começar.
Assim como está na imagem abaixo, abre um documento com o tamanho 640px por 480px, depois seleccione o ‘paint-bucket’ (G), mude a cor para #f06b00 (cor de laranja) e pinte o background.
<div class='bbimg'>
user posted image
</div>

<div class='bbimg'>
user posted image
</div>


Depois seleccione o ‘horizontal type tool’ (T), mude o tipo de letra para bauhaus 93, tamanho 105 e com o caps lock ligado escreva uma palavra que quiser (neste caso escrevi SHSGALERIA) de forma a ocupar todo background.
<div class='bbimg'>
user posted image
</div>


Mude a cor da letra para branco (#ffffff)
<div class='bbimg'>
user posted image
</div>


Depois, clique com o botão direito em cima do layer (shsgaleria) e seleccione a opção ‘Rasterize Type’.
<div class='bbimg'>
user posted image
</div>


A seguir vamos seleccionar o ’rectangular marquee tool’ (M), depois fazer clique com o botão direito em cima do texto e escolher a opção ‘free transform’. Feito isto, vamos clicar com o botão direito sobre o texto outra vez e seleccionar a opção distort.
<div class='bbimg'>
user posted image
</div>


Agora faz as alterações no texto conforme a imagem abaixo para dar uma impressão de perspectiva.
<div class='bbimg'>
user posted image
</div>


Crie um novo documento e pinte o background com a cor preta (#000000), copie a layer (SHSGALERIA) para este e vai ao image>rotate canvas>flip canvas vertical.
Este novo documento devera ficar semelhante a este abaixo.
<div class='bbimg'>
user posted image
</div>


Vamos agora copia-la para o nosso documento original, posiciona-la debaixo da layer SHSGALERIA e mudar o ‘blending mode’ da layer para ’Luminosity’ e o nome desta para FLIP.
<div class='bbimg'>
user posted image
</div>


Com esta seleccionada (FLIP), vamos fazer uma mascara da seguinte forma: Ir ao menu layer>layer mask>hide all.
Depois seleccionar a ferramenta ‘Gradient Tool’ e fazer gradiente bem grande a volta da imagem de forma a fazer aparecer a layer que escondemos há pouco.
<div class='bbimg'>
user posted image
</div>


O resultado deverá ser semelhante a esta imagem abaixo
<div class='bbimg'>
user posted image
</div>


Depois vamos criar uma nova layer, mudar o nome dela para SOMBRA, posiciona-la abaixo das outras e mudar a opacidade para 75%, assim como está na imagem abaixo. Vamos agora apertar a tecla CTRL+clique na layer SHSGALERIA para criar uma selecção à volta da mesma. Depois clique na layer SOMBRA e vamos pintar a selecção de preto (#000000) com o paint bucket (G).
<div class='bbimg'>
user posted image
</div>


A seguir vamos fazer um distort da mesma, assim como foi explicado mais acima. Botão direito---> free transform, depois botão direito---> distort. Proceder as modificações até ficar semelhante à imagem abaixo.
<div class='bbimg'>
user posted image
</div>


Para que a sombra pareça mais realística deverá mudar a opacidade para 75% e ir ao menu filter>blur>box blur e fazer um blur com ‘Radius’ igual à 1.
Depois, aí é usar a criatividade. Este método pode ser adaptado a diversos contextos.

Espero ter conseguido ajudar nalguma coisa. Abraço à todos

Autor: Eu
Fonte: http://shsgaleria.com/tutoriais/7-efeito-r...ndo-o-photoshop


¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
user posted image

user posted image


Não esqueças de voltar para dizer se a dica funcionou!

--
O conhecimento é como o dinheiro, tem de estar sempre em movimento, caso contrário não rende. Partilhar conhecimento = aumentar conhecimento

-------------------------------------
user posted image

¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨

Top
User is offlinePM
Quote Post
Google Ads
post --
Post #2


Publicidade


Grupo: Publicidade
Posts: 0
Registrado: 22-April 08
Membro nº: 7,505



Top
User is offlinePM
Quote Post
thefenix
post Apr 23 2009, 05:28 PM
Post #3


Mod: Galeria de Arte | Pedidos.
Group Icon

Grupo: Moderação
Posts: 960
Registrado: 17-April 09
De: ALi ^ em cima
Membro nº: 9,537



Vlw Cara Mto Bom, exige um tempo pra intender pois é meio complicado, mas tuto muito claro e facil smile.gif thanks.gif


¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
user posted image


Penny!:
user posted image


user posted image

CLICA E UPA
user posted image

¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨

Top
User is offlinePM
Quote Post
:::HS:::
post Apr 23 2009, 05:53 PM
Post #4


Moderador
Group Icon

Grupo: Moderação
Posts: 483
Registrado: 26-March 08
De: Lisboa, Portugal
Membro nº: 7,225



Aí thefenix, o teu ficou bem legal também.
Obrigado por experimentar wink.gif


Ahhh, se alguém tiver alguma duvida é só dizer que eu tento esclarecer.

Cumps


¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
user posted image

user posted image


Não esqueças de voltar para dizer se a dica funcionou!

--
O conhecimento é como o dinheiro, tem de estar sempre em movimento, caso contrário não rende. Partilhar conhecimento = aumentar conhecimento

-------------------------------------
user posted image

¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨

Top
User is offlinePM
Quote Post
Avila
post Apr 27 2009, 03:22 PM
Post #5


Novato
*

Grupo: Novatos
Posts: 1
Registrado: 27-April 09
Membro nº: 9,581



Quando eu do distort não vai.Porque ?
Top
User is offlinePM
Quote Post
:::HS:::
post Apr 28 2009, 04:19 PM
Post #6


Moderador
Group Icon

Grupo: Moderação
Posts: 483
Registrado: 26-March 08
De: Lisboa, Portugal
Membro nº: 7,225



QUOTE
Quando eu do distort não vai.Porque ?


...não sei o que se passa. De qualquer maneira, há outras formas de fazer distort...Tenta ir la no menu, edit>transform>distort

Obs: Para fazer distort, tens de ter a layer SHSGALERIA selecionada.


Tenta aí e avisa se funcionou wink.gif

Abraço


¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
user posted image

user posted image


Não esqueças de voltar para dizer se a dica funcionou!

--
O conhecimento é como o dinheiro, tem de estar sempre em movimento, caso contrário não rende. Partilhar conhecimento = aumentar conhecimento

-------------------------------------
user posted image

¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨

Top
User is offlinePM
Quote Post
natoO
post Nov 29 2009, 12:06 PM
Post #7


Novato
*

Grupo: Novatos
Posts: 6
Registrado: 29-June 08
Membro nº: 7,944



Muito bom cara, simples e otimo resultado.

Sempre quis saber como faziam os efeitos na água EAHUEHAEUEA

Parabens
Top
User is offlinePM
Quote Post
:::HS:::
post Dec 2 2009, 08:29 AM
Post #8


Moderador
Group Icon

Grupo: Moderação
Posts: 483
Registrado: 26-March 08
De: Lisboa, Portugal
Membro nº: 7,225



De nada wink.gif


¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
user posted image

user posted image


Não esqueças de voltar para dizer se a dica funcionou!

--
O conhecimento é como o dinheiro, tem de estar sempre em movimento, caso contrário não rende. Partilhar conhecimento = aumentar conhecimento

-------------------------------------
user posted image

¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨

Top
User is offlinePM
Quote Post
Didico
post Dec 2 2009, 11:24 AM
Post #9


Membro
Group Icon

Grupo: Membro Avançado
Posts: 346
Registrado: 30-November 09
Membro nº: 10,596



Muito bom!
Ta tudo bem explicado.
Um cara que nunca pego no ps, faz esse tutorial brincando !


¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
user posted image


user posted image

¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨

Top
User is offlinePM
Quote Post
pedrophsms
post Jun 6 2010, 07:38 PM
Post #10


Novato
*

Grupo: Novatos
Posts: 8
Registrado: 5-June 10
Membro nº: 11,457



vlw
muito bom , tudo bem esplicado


¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨
user posted image


¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨

Top
User is offlinePM
Quote Post

1 usuário(s) está(ão) lendo este tópico (1 visitantes e 0 usuários anônimos)
0 membros:

2 Páginas  1 2 >
Reply to this topicTopic OptionsStart new topic

 


> Busca
Google
 
Web Designers Forum