Guanabara.info: Podcast, Tecnologia, iPhone, Notícias, Tutoriais, Vídeo Aulas, Programação

Saudações a todos, amantes de tecnologia e ou design. Como prometido, eu Gefferson Batista, trago um novo efeito muito útil e muito usado hoje em dia com o surgimento da web2.0, a criação reflexo.
Nesse novo post em poucos passos trago como você poderá fazer o efeito, e dar aquele toque especial a sua marca ou a uma arte final. Clique em Leia+ para acompanhar o tutorial desse efeito.

1º - Precisamos criar um novo arquivo no photoshop, File / New ( Arquivo / Novo ), usarei o tamanho 800×600 pixels mas vocês podem trabalhar no tamanho que for mais conveniente para cada um, lembrando apenas que nossa imagem e seu reflexo precisaram caber em nosso novo documento. Estou usando o Photoshop Cs3 mas tenho certeza que todos conseguiram acompanhar por outras versões como: cs e cs2.
Atalho : Ctrl + N

2º - Agora precisamos abrir a imagem que desejamos aplicar o efeito, File / Open… ( Arquivo / Abrir…, atalho Crtl + O ). Usarei a logo de nosso site como imagem base. Depois de aberto precisamos passar nossa imagem base para nosso arquivo em branco, use a ferramenta Move Tool ( Ferramenta Mover ) para isso, clique e arraste nossa imagem base para o arquivo em branco.

Obs.: Algumas imagens no formato .gif costumam não aceitar essa manipulação com a ferramenta, quando isso acontecer faça uma seleção em todo o arquivo (Select / All… ou Selecionar / Tudo…, atalho Ctrl + A) ,depois use a ferramenta de manipulação.

Atalho: V

3º - Agora duplicaremos a Layer (Camada) de nossa imagem base, Layer / Duplicate Layer… ( Camada / Duplicar camada… ) ou clique sobre a Layer com o botão direito do mouse e selecione a opção Duplicate Layer…

4º - Pronto já temos uma duplicata de nossa base. Agora vire nossa duplicata de ponta-a-cabeça, Edit / Transform / Flip Vertical… ( Editar / Transformar / Giro Vertical… ). Após virá-la use a ferramenta Move Tool para movê-la para baixo de nossa imagem base.
Obs : Pressione a tecla Shift durante a movimentação, para manter uma linha reta.

5º - … é agora que a magia acontece, faremos uma máscara em nossa duplicata para podermos aplicar a opacidade. Na caixa que contém as Layers nós encontraremos o botão que aplicará a máscara que precisamos no rodapé da caixa…

… após ter aplicado a máscara na layer use a ferramenta Gradient Tool ( Ferramenta Degradê ) que pode ser ativada pelo Atalho G.

Certifique-se de que as cores padrões localizadas na mesma caixa que a das ferramentas estejam como principal = preto e secundária = branco. Use a ferramenta de Gradiente com um clique abaixo da imagem e arraste ateh mais ou menos ametade de nossa duplicata. Pronto nosso efeito já está concluído, salve no formato desejado.

Espero que todos tenham gostado e tenho certeza que conseguirão fazer o efeito. Continuem comentado e enviando dúvidas e ou sugestões, pois tudo isso é feito para vocês! Espero ter sanado o problema para usuários que usam o photoshop em português inserindo as traduções.

Na próxima semana trarei mais coisas, aguardem…
Abraços a todos.

Gefferson Batista .`.