em , , , ,

Tutorial: Bordas com visual aero glass do windows vista

Preview Descrição: Como criar uma borda com o visual aero glass do windows vista.

  • [message]
    • ##check##AVISO: Bordas com visual aero glass do windows vista

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂

tutoriais photoshop

01. Pressione Ctrl+N e crie um novo arquivo em um tamanho qualquer, 72 dpi´s, modo de cor RGB e pressione Ok, pressione a letra G do teclado para selecionar a Gradient Tool, crie um gradiente como o da imagem abaixo na cor que desejar, na imagem abaixo foi criado um gradiente do preto para o azul escuro.

Bordas com visual aero glass do windows vista

02. Pressione Ctrl+O e abra uma foto qualquer, pressione Ctrl+A para selecionar seu conteúdo, pressione Ctrl+C para copiar, volte para o arquivo onde foi feito o gradiente e pressione Ctrl+V para colar a foto, seu documento deve ficar como o da imagem abaixo.

Bordas com visual aero glass do windows vista

03. Agora vá em Layer> Layer Style> Stroke e defina os valores a seguir e pressione Ok.

Bordas com visual aero glass do windows vista

04. Pressione Ctrl+J para duplicar a layer, na layer que acabou de ser criada (a cópia) aplique um Gaussian Blur indo em Filter> Blur> Gaussian Blur com os valores definidos logo abaixo.

Bordas com visual aero glass do windows vista

05. Diminua a opacidade da layer cerca de 30%.

Bordas com visual aero glass do windows vista

06. Selecione a layer abaixo (sua foto original sem Blur) e vá em Layer> Layer Styles> Drop Shadow e defina os valores abaixo.

Bordas com visual aero glass do windows vista

07. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Elliptical Marquee Tool e desenhe uma forma ovalada n aparte de cima da imagem como na foto abaixo, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar a cor de Foreground para branco, pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro da seleção para preencher com a cor branca, diminua a opacidade da layer cerca de 10%, pressione Ctrl+D para retirar a seleção, clique com a tecla Ctrl sobre a minitaura da imagem na layer da imagem original (sem blur) para ativar a seleção ao redor da imagem, pressione Ctrl+Shift+I para inverter a seleção, clique na layer da forma ovalada que acabou de ser feita e pressione Delete.

Bordas com visual aero glass do windows vista

08. Ao final sua imagem ficará assim.

Bordas com visual aero glass do windows vista

site de origem: http://www.toptut.com/2007/04/17/photoshop-tutorial-aero-vista-glossy-frame/

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

8 Comments

  1. Oi Diego, obrigado pelo apoio!! e pelo voto também, o blog vem mantendo a 3° colocação firme e forte, as vezes conseguimos até emparelhar com o Google Discovery mas o 2° e 1° lugares são ocupados por blogs de peso!! 😀 mas chegamos lá!! obrigado pela visita!!

  2. E ae André
    to passando aqui porque eu acompanho seu blog quase que diariamente e acho seu trabalho show de bola!
    deveria ser primeiro lugar no Prêmio Ibest, já votei pra que isso aconteça 😀
    mais então.. eu gostaria que você postasse algumas maneiras de fazer bordas legais em fotos se for possível…
    Parabéns pelo trabalho!!

  3. Oi Julio, infelizmente não conheco pois não uso qualquer tipo de plug in no meu Photoshop… obrigado pela visita!!

    Oi Henrique, sempre que achar algum tutorial interessante e quiser mandar pode mandar ok? vou publicar seu tutorial na sexta!! obrigado pela força!! 🙂

  4. Magina André, tranquilo, só queria saber se você tinha recebido mesmo ou não. Quanto aos créditos, nem precisa, se for o caso, prefiro é trabalhar para fazermos em parceria um tutorial mais detalhado e com mais informações.
    Um abraço
    Henrique

  5. Oi Henrique, desculpe pela demora na resposta, recebi sim, inclusive está ótimo, só estou dando uma revisada para “mastigar” um pouco mais alguns passos e postarei aqui no blog, colocarei o crédito da tradução à você ok? obrigado pela força e desculpe a demora na resposta! 🙂

  6. André, mandei um e-mail para você na sexta-feira, no e-mail indicado no link “contato” do seu blog (guitarfreaks[at]gmail.com) com a tradução daquele tutorial que eu havia falado sobre o Rarindra, lembra? Dá uma checada e veja se você recebeu, caso contrário, me avisa que eu mando de novo, ok?
    Um abraço,
    Henrique

Celebridades virando dinheiro.

A visão do grafite para uma obra clássica.