em , , , ,

Como criar bordas personalizadas usando máscara e filtros.

Preview Descrição: Como criar bordas para sua foto usando Layer Mask e Filtros, criando variações e retirando o excesso de borda ao final.

Tutorial Avançado

01. Pressione Ctrl+O e abra uma foto qualquer, para este tutorial iremos usar a foto abaixo.

tutoriais photoshop

02. Sua paleta de layers deverá estar como a da foto abaixo.

tutoriais photoshop

03. Pressione Ctrl+J para duplicar a layer, sua paleta de layers deverá ficar como a da foto abaixo.

tutoriais photoshop

04. Pressione a tecla Ctrl e clique no ícone de Add New Layer no rodapé da paleta de Layers para adicionar uma nova layer abaixo da Layer 1.

tutoriais photoshop

05. Sua paleta de layers deverá estar como a da foto abaixo.

tutoriais photoshop

06. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco.

tutoriais photoshop

07. Pressione a letra X para alternar as cores, pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para pintar a layer que acabamos de criar de branco.

tutoriais photoshop

08. Agora vá em Image> Canvas Size e defina os valores abaixo.

tutoriais photoshop

09. Após clicar em Ok sua imagem deverá ficar assim.

tutoriais photoshop

10. Clique na miniatura da Layer 1 com a tecla Ctrl pressionada para ativar a seleção ao redor da imagem.

tutoriais photoshop

11. Sua imagem irá ficar assim.

tutoriais photoshop

12. Agora vá em Select> Modify> Contract, defina um valor de 5 a 15 pixels e pressione Ok.

tutoriais photoshop

13. Sua imagem deverá ficar assim.

tutoriais photoshop

14. Na paleta de Layers clique sobre a Layer 1

tutoriais photoshop

15. Agora clique no ícone de Add Layer Mask no rodapé da paleta de layers.

tutoriais photoshop

16. Isto irá adicionar uma Máscara a sua layer e sua paleta de layers deverá ficar como a da foto abaixo.

tutoriais photoshop

17. Clique sobre a miniatura da máscara na paleta de layers.

tutoriais photoshop

18. Agora vá em Filter> Brush Strokes> Spatter e defina os valores abaixo.

tutoriais photoshop

19. Após clicar em Ok sua imagem irá ficar como a foto abaixo.

tutoriais photoshop

20. Existem outras possibilidades de bordas, para testar outros tipos pressione Ctrl+Z para desfazer o último passo, feito isso vá em Filter> Distort> Glass, defina os valores abaixo.

tutoriais photoshop

21. Sua imagem deverá ficar com as bordas da foto abaixo.

tutoriais photoshop

22. Novamente pressione Ctrl+Z para desfazer o último filtro aplicado, para criar outra borda vá em Filter> Brush Strokes> Sprayed Strokes e defina os valores abaixo.

tutoriais photoshop

23. Aplicando este filtro as bordas da sua imagem irão ficar como os da imagem abaixo.

tutoriais photoshop

24. Existem outros filtros que podem ser aplicados para criar bordas personalizadas, experimente diversos tipos de filtros para conseguir outros resultados, assim que estiver satisfeito(a) com a borda aplicada vamos ao último passo para finalizar o efeito vamos retirar o excesso de borda indo em Image> Trim, defina os valores abaixo e pressione Ok.

tutoriais photoshop

25. O excesso de borda será eliminado e seu efeito estará finalizado.

tutoriais photoshop

site de origem: http://www.photoshopessentials.com/photo-effects/photo-borders/

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.

35 Comments

  1. Meu caro, sou sem noção no Photoshop e estou precisando colocar umas radiografias digitais em uma template, de forma que a img da radiografia que é retangular, fique com cantos arredondados, quebrando a quina por baixo da máscara, pois estas quinas são brancas e eu não gostaria de clicar no baldinho e pintar todas são infinitas radiografias. Vou usar esta template para imprimir todos os exames. é possivél fazer? Pode me ajudar por favor? Fico no aguardo. Obrigado Sidnei da Cunha

  2. Olá! Valeu aí pela dica!
    Gostaria de aprender a fazer bordas com cantos arredondados com sombra interna tipo um efeito 3d. Vc já postou essa dica ou poderia postar pra gente? Obrigado!
    Cleber

  3. Oi Avalon, pode sim, você pode criar uma action e aplicar em todas as fotos assim com apenas um botão você aplica a mesma moldura em todas as fotos, mas não aconselho esta prática pois dependendo das fotos usadas pode ser que o resultado não fique muito bom, fico feliz que tenha gostado do blog, volte sempre!! 🙂

  4. Olá,

    Adorei seu blog pois há muito venho procurando por tutoriais bem explicados sobre como ‘decifrar’ o Photoshop…sempre tenho que editar muuuuitas fotos para meu trabalho e fazê-lo uma-a-uma era um verdadeiro martírio.

    Gostaria de perguntar-lhe se consigo inserir molduras em várias fotos simultaneamente pelo Photoshop.

    No aguardo e muuuuito obrigada

    Dê Soares

  5. Oi Samurai-Rafael, já deu um livro então hein hahaha, obrigado pela visita e pelo elogio ao blog!! 🙂

    Oi Da.Bull, fico feliz que esteja gostando e aprendendo, quando precisar é só perguntar ok? obrigado pela visita!!

  6. Muito bom o blog. Achei no Google e já está na milha lista de favoritos. Estou aprendendo muito com as dicas que são dadas aqui. Sou iniciante na arte do PhotoShop, e com os tutoriais daqui, já venho executando trabalhos muito legais. Parabéns pelo belo trabalho.

  7. Seu blog é simplesmente fantástico! Eu decidi aprender Photoshop por conta própria depois de perder muito tempo fazendo montagens com Fotos (que seriam mais simples e rápidas de fazer no Photoshop) no Coreldraw. Peguei umas Apostilas de PS em formato PDF e salvei TODOS os cerca de 291 tutoriais de PS do teu blog em formato MHT e juntei todos eles num arquivo de Winzip. O arquivo zipado tem pouco mais de 170 MBs e ele me será muito útil em meu aprendizado desse fantástico e complexo programa. Desde já agradeço. Muito Obrigado mesmo!

  8. Oi Robson, dá para instalar os 2 sim, além do Firefox ser bem leve ao instalar ele ainda pergunta se você quer importar seu favoritos do IE para ele, outra coisa legal são os plug-ins que você pode instalar, no site do Firefox existem milhares de plug-ins gratuitos, obrigado pela visita!! 🙂

  9. Valeu André!
    As dicas forma ótimas, como disse anteriormente sou novo no photoshop, mas adorei trabalhar com ele! Quanto ao FireFox, não eu ainda uso o IE, realmente esse FireFox é bom e confiavel, é que ja pensei em instalar no pc, mas fico meio na duvida. O IE e o Fire podem ser instalados na mesma maquina? abço e mais uma vez obrigado e parabéns pelo bélissimo trabalho.

  10. Oi Treeloco, eu é que agradeço a visita, obrigado 😀

    Oi Mari, fico feliz em saber que curtiu o blog, volte mais vezes!! 🙂

    Oi Catarina, será que você poderia me informar o número da edição da revista em que o blog foi indicado? vou ver se consigo importar :), obrigado desde já !

  11. Oi Catarina, mesmo sendo uma pequena chamada fico feliz de saber que o blog está agradando a tantas pessoas :), obrigado pelas visitas 🙂

    Oi Treeloco seu comentário não foi apagado não, o que acontece é que você comentou em outro lugar e não aqui, foi no post em que estava falando do resultado da última enquete, obrigado pela visita!!

    Oi Thaly, fico feliz que tenha gostado, ainda estou trabalhando para melhorar bastante coisas por aqui, precisando de ajuda é só dizer ok? obrigado pela visita, volte sempre!! 🙂

  12. Olá…
    Primeramente quero lhe parabenizar…Seu blog é ótimo!
    Descobri ele hoje atravez do google…
    Já que gosto de pesquisar tutorias para ir melhorando cada vez mais…
    Tenho 13 anos, comecei a ediar imagens usando o photoshop há uns 4 meses…E são sites como o seu que me ajudam…
    Valeu!

  13. andré
    olha, na revista apenas vem uma peq. xamada de atenpao , para o teu site,dizendo k aki s eencontram excelentes tutoriais para tirar partido do “Abobe Photoshop”.Tb numa busca no google, em tuturiais, aparece la alguem a falar deste site, dizendo k é em portugues e do melhor k viu….como ves..todos gostam.
    beijinho

  14. Oi Anônimo, neste tutorial você tem a técnica de como criar letras transparentes, qualquer coisa mande um recado ok?? obrigado pela visita!! 🙂

    Oi fabiocrestani, obrigado pelo elogio ao blog, fico feliz que tenha gostado do novo layout, volte sempre!! 🙂

    Oi Catarina, sim, sou brasileiro :), poxa gostaria de ter essa revista, vou ver se entro em contato com a editora da revista, quanto ao Photoshop, no começo é um pouco complicado mas aprendendo sobre as ferramentas básicas e para que servem você conseguirá fazer bastante coisa, precisando de ajude pode contar comigo ok? obrigado pela visita, vou ver consigo um exemplar desta revista 🙂

    Oi Robson, obrigado pelo elogio ao blog, :), você usa o Firefox para acessar o site? se sim , verá que os termos em inglês que são usados aparecem em Português quando se passa o mouse por cima :D, quanto ao efeito das fotos da playboy, bom, quer dizer difícil, a técnica deles é aliada a ótimos fotógrafos (o que faz muuuuita diferença) e o trabalho de Photoshop deles é trancado a 7 chaves, tanto que nem crédito na revista leva… mas enfim, tem algumas técnicas aqui no blog explicando alguns efeitos de retoque com este aqui, para o efeito do sabre tem este tutorial espero que goste, obrigado pela visita!! volte sempre!! 🙂

  15. Bom dia André!
    Sempre gostei de trabalhar com fotos e imagens, recentemente meu irmão que esta terminando o curso de Dsigner, instalou o photoshop CS3 no meu PC, adorei o programa e seus recursos, então dando uma vasculhada na net encontrei seu site. Simplismente maravilhoso, todas as dicas muito bem detalhadas e explicadas passo a passo, sem contrar que esta tudo em português e não se precisar passar horas traduzindo. Meus Parabéns e continue assim, seu trabalho é um arraso!
    Há, antes que me esqueça, terias algun tutorial que mostre como são editadas as fotos da playboy e também tens alguma coisa sobre como criar o efeito do light saber em uma imagem estatica? abços.

  16. ola andré
    olha a revista xama-se “computador”, mas eu sou portuguesa..e axo k tu és brasileiro, certo?
    olha, vai a clubeinformatica.com.
    é o site da revista.
    lá aparece o nº anterior à revista k fala do teu site.
    Qualquer coisa, tamos aki, ta?Dispoe…kero muito aprender a lidar com fotos, embora axe o photoshop, complicado, mas vou tentar…

    Beijinhos andré

  17. Oi amigo por favor me ajuda preciso fazer uma letra em cima de fotos no photoshop que esta letra ficara transparente somente as bordas fraca mesmo para nao atrapalhar as fotos , peco sua juda por favor, obrigado e parabens pelo seu trabalho.

    Robert

  18. Olá Anfré, eu acesso seu blog todos os dias, admiro muito seu trabalho.
    Gostaria se você pudesse postar um tutorial sobre como trocar a face de duas pessoas.
    Obrigada, parabéns pelo seu trabalho.

  19. ola boa tarde
    Conheci este blog, por indicaçao de uma revista “computador” e simplesmente axo k me saiu a sorte grande..tenho aki material maravilhoso, kero muito aprender a tratar fotos.Obrigadaaaaa..:-)

Resultado da Enquete “Qual tipo de Tutorial você tem mais interesse de ver por aqui”.

Como criar uma Line Art – técnica alternativa.