Rabu, 24 Juni 2009

Criando texto com reflexo em pleno estilo web 2.0.

Published by Unknown on Rabu, 24 Juni 2009  | No comments

Tutorial bem simples de como fazer um texto com reflexo, no melhor estilo web 2.0.

Ótimo pra iniciantes entenderem a últilidade do gradiente, e das capacidades das ferramentas de seleção.








Começando, crie o texto que você quer escrever. No exemplo estamos usando "Gimp Brasil" em vermelho.



Apenas duas camadas em uso

Após criar o texto, crie uma nova camada transparente, e deixe ela em cima da camada das letras.
  


Coloque no botão em destaque para criar uma nova camada. Ela deve ficar em cima das letras.

Agora volte a camada das letras, e pegue a ferramenta de seleção por cores e deixe ela no modo normal




Primeiro selecione a camada de texto para depois usar a ferramenta de seleção por cores

Imediatamente em seguida, com a ferramente, clique em cima da letra. Todas as letras da mesma cor devem ficar selecionados, como na imagem a seguir:




Todas as letras devem ficar selecionadas

Agora começa a parte que mais interessa: vamos selecionar a forma que esse brilho deve ter. No caso, iremos fazer um brilho circular (como você pode ver lá na primeira imagem). Com isso, vamos selecionar a ferramenta de seleção elíptica (circular), e usa-la em modo "Fazer interseção com a seleção atual" (ou atalho Shift + Ctrl). Veja a imagem pra entender melhor:



Primeiro escolha a ferramenta de seleção, e depois selecione o 'modo' em destaque

E, com a ferramenta, vamos selecionar apenas a parte que queremos que tenha brilho. Veja:


Se tiver feito tudo certo, vai percerber que apenas a parte da letra onde o circulo passou continua elecionada. Agora é só usar a ferramenta gradiente para fazer o brilho.

Atenção, deixe como cor primaria (a cor de cima das duas cores que aparecem na caixa de ferramenta) a cor branca. Nas opções da ferramenta gradiente, selecione o degradê "Frente para transparente".

 


Selecione primeiro a ferramente, e nas opções deixe como é mostrado aqui

E, com a ferramenta gradiente, volte a camada transparente criada lá no ínicio e faça o brilho final, partindo de cima para baixo como mostra a imagem. Após fazer, terminado. Veja se o resultado ficou como a imagem abaixo. Se não, veja se não errou em algum dos passos/configuração. Qualquer dúvida, elogio ou crítica, deixe nos comentários.



Na camada transparente criada anteriormente, faça o gradiente de cima para baixo



Resultado final:








Filed in :
About the Author

Write admin description here..

0 komentar:

    If you would like to receive our RSS updates via email, simply enter your email address below click subscribe.

Discussion

© 2013 Terubus Edu. WP Theme-junkie converted by Bloggertheme9
Blogger template. Proudly Powered by Blogger.
back to top