Bordas com efeito.

Descrição: Como criar uma borda com efeito quadriculado.








01. Escolha a imagem a ser trabalhada e pressione Ctrl+J para duplicar a layer, escolha a layer original e pinte da cor que você deseja para a borda neste tutorial usamos a cor branca.



02. Agora pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie um retangulo como na foto abaixo.



03. Agora pressione Ctrl+Shift+I e depois a letra Q do teclado para aplicar uma Quickmask Mode.



04. Nesta parte você pode experimentar diversos filtros, neste tutorial aplicamos Filter> Pixelate> Fragment, depois pressionamos Ctrl+F 4 vezes.



05. Depois de aplicar o filtro pressione a letra Q novamente para tranformar sua Quickmask Mode em uma seleção e pressione Delete para apagar a área selecionada, sua imagem irá ficar como a imagem mostrada abaixo.

Compartilhe no Google Plus

Sobre André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, colaborador Tech Tudo (Globo.com ), iMasters (UOL), Adobe, Revista Photoshop Creative e parceiro Adobe, Dollar Photo Clube e Wix. Siga-me no Twitter | Facebook | Portifólio.
    Comente com Blogger
    Comente com Facebook

52 comentários:

  1. Olá.... queria saber como que eu coloco a layer na cor branca??? Conforme o exemplo....!!!!
    Obrigada.

    ResponderExcluir
  2. Olá!!, qual layer?? a background?? quando pressionar Ctrl+N para criar um novo documento existe a opção de se criar um documento com fundo transparente, branco ou com a cor que você preferir, mas caso já tenha uma layer background de outra cor basta pressionar a letra G para selecionar a Paint Bucket Tool, escolher a cor desejada e clicar na área do documento.. espero que ajude, qualquer coisa mande outro recado!! volte sempre!!

    ResponderExcluir
  3. Não ententi como faço pra deixar a foto original dar cor que eu quero...!!!

    ResponderExcluir
  4. Boas . e' assim por mais que eu repita a açaao das margens elas nao ficam assim groças como na imagem

    ResponderExcluir
  5. Oi Trox!!, cuidado com a ilusão de óptica, o fundo do blog também é branco!! ;), e mesmo que tenha a área delimitadora de cinza veja que na penúltima foto a área da foto não chega até ela, então as bordas não são realmente tão grossas como aparentam ser :), abraços e volte sempre!!

    ResponderExcluir
  6. não da certo...
    eu cheg ono ultimo passo, eu aperto o q pra sair aquela camada vermelha e dai fica tipo um contorno de moldura mesmo, mas dai quando eu aperto delete fica a foto normal sem moldura

    ResponderExcluir
  7. Oi junior, depois de pressionar a letra Q e ativar a seleção você se certificou de estar na layer certa antes de pressionar o Delete? pois caso você esteja em outra layer que não seja a da foto que você quer aplicar o efeito ao pressionar o delete nada acontecerá mesmo, espero que ajude, qualquer coisa é só mandar outro recado, desculpe a demora!! abraços!!

    ResponderExcluir
  8. Fala Galera o segredo é dar delete na foto original e na copia ai da certo!!!!!!!!VLW Fui

    ResponderExcluir
  9. tem que criar uma nova layer ou colocar cor na propria foto,pois a layer original é a foto e eu nao consigo pintar ela..como faço??

    ResponderExcluir
  10. Oi ana luiza, faça o seguinte, no primeiro passo, ao invés de pressionar Ctrl+J apenas uma vez, pressione duas vezes, caso as layers também estejam trancadas clique sobre o ícone que aparece pressionado abaixo do modo de blend da paleta de layers, desse jeito você terá 3 layers iguais, use a segunda e terceira layer para praticar o tutorial :), espero que ajude!! qualquer coisa mande outro recado!!

    ResponderExcluir
  11. Olá

    Eu segui o tutorial certinho ate o final

    só que eu nao consigui terminar...

    na verdade ate termino mas fica estranho fica com um fundo todo quadriculado e nao fica igual o do tutorial

    queria saber como que muda a cor do layer original pra ficar inteiro branco como o do tutorial

    e tamem queria saber em qual layer que se passa o tuturial inteiro,no original ou no outro?

    ResponderExcluir
  12. Oi Andrey, a cor da layer Background você pode definir quando abre um documento novo no meu dropdown chamado Background Contents, lá você pode definir como Branco(White), Bakcground Color(Que vai preencher seu documento com a cor de background) e Transparent(Que vai deixar o fundo transparente), caso você tenha aberto a foto e depois começado o tutorial o ideal é dar um Ctrl+J na foto para duplicar a layer e depois pressionar Ctrl+Shift+N, isso vai criar uma layer vazia, aí você pressiona a letra G para selecionar a Paint Bucket Tool, pinta a layer com a cor desejada e coloca essa layer no meio das duas layers da foto usada, depois você trabalha só na primeira layer de cima pra baixo, no tutorial todo o efeito é feito na layer da foto, espero que ajude!! volte mais vezes!! :)

    ResponderExcluir
  13. Oii!
    Aii n estou conseguindo colocar uma camada tda branca q nem o seu no começo sabe?

    ResponderExcluir
  14. Oi anônimo, você pode fazer assim, selecione a layer Background e pressione Ctrl+A, depois pressione a letra G do teclado para selecionar a Paint Bucket Tool (Lata de Tinta), selecione a cor branca e clique no documento para pintar, espero que resolva, obrigado pela visita!!!

    ResponderExcluir
  15. eu faço tudo certo, mas quando chega no final e eu dou delete, a foto some e só fica a margem :/

    ResponderExcluir
  16. Oi gabi:), você pressionou Ctrl+Shift+i no passo 3 para inverter a seleção? obrigado pela visita!!

    ResponderExcluir
  17. Oi Andre...adorei seu tutorial!!!
    Obrigada!!! Fiz tudo do jeitinho que vc falou e deu certo porem ví essa outra montagem e gostaria de saber como essa pessoa fez p/ modificar o tamanho da mask quick...não sei se vc já reparou o mask quick é nomeado como mask quick/8...será que não tem como almentar...tipo essa foto que vou te passar o link http://img166.imageshack.us/img166/7439/exemplous2.jpg
    Depois passo aqui p/ ver sua resposta,tá? bjs

    ResponderExcluir
  18. Oi Anônimo, só olhando fica difícil de afirmar com certeza como foi feito mas com certeza não tem haver com a máscara e sim com a seleção e com a aplicação do filtro, vou pesquisar melhor como foi conseguido esse resultado e passo a você ok? mas quanto a Máscara, onde você viu a nomenclatura de Quick Mask/8? obrigado pela visita!

    ResponderExcluir
  19. Oi Andre...obrigada pela resposta...adorei!!!
    kkk...vc tb achou estranho sobre o q falei do quick mask/8...certo?
    Faz o teste...segue os passos do seu tutorial...assim q vc clicar no quick mask lá em cima onde sai escrito Adobe Photoshop...vai aparecer!
    achei que tem haver sim pois dei uma medida e deu 8 certinho! P q será né...seria ótimo se tiver como modificar!
    Olha Andre...vou ficar esperando sua resposta,tá!
    Mais uma vez obrigada! Bjs

    ResponderExcluir
  20. Ah sim, mas aquele 8 é referente ao modo de cor, ou seja 8 bits, se você mudar isso na caixa quando cria um arquivo novo o número será correspondente, mesmo assim vou ver como foi feito este efeito e te respondo, se conseguir aí me diz hein!! :D

    ResponderExcluir
  21. Ah entendi!
    Não posso discutir c/ vc...afinal vc manja do assunto!
    Adorei seu novo tutorial...já estou tentando fazer!
    estarei sempre passando por aqui p/ ver se vc tem novidades sobre essa foto,tá!
    Por favor não se esqueça de mim...please! Obrigada! bjs e um bom fim de semana!

    ResponderExcluir
  22. Eu que agradeço a sua visita e os elogios ao blog!! volte sempre!! :)

    ResponderExcluir
  23. André, eu nao consigo de jeito nenhum, ateh li as duvidas e respostas acima mas nao resolveu nada.
    Usei uma outra imagem.Para pintar a imagem original ou plano de fundo(o meu photoshop eh em portugues) eu fiz assim: clicquei sobre essa camada, apertei ctrl + A, cliquei sobre a lata de tinta na cor branca e cliquei sobre a imagem original, na imagem msmo nao muda nada mas qndo olhei pra camada plano de fundo na janela de camadas (a pequena do lado direito) estava ficando branca a imagem, mas nao ficou soh com um click, inclusive foi preciso eu usar o pincel pra pintar algumas falhas...bom...qndo chega no final o efeito da barra fica selecionado mas qndo eu deleto ele nao fica branco de jeito nenhum inclusive nem sai a seleçao, faltando apagar essa parte da imagem para embaixo ficar branco. qndo clico sobre a seleçao ela apaga e a foto fica sem efeito, do msmo modo de antes. o que estou fazendo de errado? me ajudo André....

    ResponderExcluir
  24. Nane...aqui não é o Andre mas vou tentar te ajudar!
    Faz o seguinte...abre sua imagem...duplica, a imagem original vc seleciona e apaga...depois é só seguir as regras do Andre que vai dar tudo certo, ok?
    Beijinhos e boa sorte!

    Lane

    ResponderExcluir
  25. Oi ,Nane, além da boa dica da Lane, você pode também criar uma nova layer pressionando Ctrl+Shift+N, depois pressionar a letra G para selecionar a Paint Bucket Tool e pintar essa layer de branco ou qualquer outra cor, ir na layer Background (da sua foto) e pressionar Ctrl+J e jogar a cópia da layer Background acima da layer Branca, depois é só trabalhar com a layer que está acima de todas (que é a cópia de sua foto), espero que dê certo :), obrigado pela visita!!

    Oi Lane, obrigado pela dica e pela força!!, muitas vezes é difícil de responder a tantas perguntas, se todos ajudassem como você fez eu até conseguiria por em prática as coisas que ainda preciso arrumar no blog, mas enfim, vou respondendo conforme dá, obrigado pela visita e pela ajuda!! volte sempre!!

    ResponderExcluir
  26. no momento que eu fiz o passo 3....
    nw fik como a foto
    fik ao contrario...
    a parte que eu não selecionei que fik laranja =S

    ResponderExcluir
  27. Oi Vania, antes de pressionar a letra Q do teclado você precisa precionar Ctrl+Shift+i para inverter a seleção ou ir em Select> Inverse :), obrigado pela visita!!

    ResponderExcluir
  28. Oi Andre gostaria muito de poder ajudar mas infelizmente não manjo nada de photoshop o pouco que sei aprendi com vc!
    Espero poder aprender muito mais e quando estiver ao meu alcance prometo ajudar,ok?
    Fique com Deus...e que o senhor esteja sempre abençoando vc e sua família!
    Obrigada por estar sempre nos ajudando...vc é 10!
    Ótimo fim de semana!

    Lane

    ResponderExcluir
  29. Obrigado Lane, pela força e pelas visitas!! :), volte sempre!!

    ResponderExcluir
  30. Olá!
    Amei uma vez mais, deveras que você está de parabéns.
    Hm...sei q acima já disse q as margens/bordas ñ são realmente tão grossas como aparentam ser, mas agora pergunto o q podemos fazer para q fiquem como esta na sua imagem, ou seja, q fiquem grossas?
    Agradeço a sua atenção.
    Fique bem**

    ResponderExcluir
  31. Consegui fazer tudo direitinho.
    Parabens pelo blog.
    E optimo.
    Adoro. Beijinhos

    ResponderExcluir
  32. André, muito legal seu tutotial.
    Espero conseguir aplicar alguns destes efeitos às minhas imagens!
    Grande abraço!
    Parabens!

    ResponderExcluir
  33. Oi Anônimo, uma saída é, depois de terminado o efeito ir em Image> Canvas Size e aumentar o tamanho da largura e altura do documento, obrigado pela visita e desculpe a demora na resposta!! :)

    Oi Katynha, eu que agradeço a visita!! :D

    Oi Rafael, qualquer coisa eu dou um help! ok? :D obrigado pela visita!!

    ResponderExcluir
  34. Ola!! pessoal alguem poderia me ajudar?, é que eu queria fazer molduras nas fotos com os cantos diferentes mais na mesmas moldura. Me ajudem por favor!. Ah espera de respostas. GRATO!!!

    ResponderExcluir
  35. Oi Fabinho, no passo 04, ao invés de aplicar o filtro Fragment você pode utilizar outros filtros fazendo com que sua moldura tenha outras formas, :) obrigado pela visita!!

    ResponderExcluir
  36. Desse jeito até que eu consegui fazer alguns mais não tenho muita variedade . Inlustra ai alguns filtros diferentes! Muito Obrigado.

    ResponderExcluir
  37. Seguindo o mesmo procedimento você pode utilizar o filtro Crystallize, Mezzotint, Mosaic, Pointillize entre outros, basta experimentar, obrigado pela visita!

    ResponderExcluir
  38. É agora eu consegui muito obrigado msm!! grato!

    ResponderExcluir
  39. Este comentário foi removido pelo autor.

    ResponderExcluir
  40. Este comentário foi removido pelo autor.

    ResponderExcluir
  41. -_-' Ah meu deus... Eu tentei muitas vezes, já li todos os comentários mas não vai! Chego ao passo 5 e dá errado! Quando eu aperto "Q" volta tudo e a foto fica normal e só com a margem...Oo'

    Me ajuda por favor!

    Brigado...!

    ResponderExcluir
  42. msma cooisa doo de ciima ! =/ aá se foor coisa idiota, naun é pra ri depois '¬¬
    brigada !:D

    ResponderExcluir
  43. Oi, gostaria de saber como fazer sombra e pô-la como se estivesse no chão!!! Obrigada

    ResponderExcluir
  44. Oi, quando eu aperto delete fica com a seleção e não acontece nada... Sempre faço na foto certa, tudo certinho, mais não vai, porque? Espero resposta. Obrigado.

    ResponderExcluir
  45. Olá !
    faço tudo direitinho, mas quando dou o delete, fica a margem toda branca :\
    o que pode ter dado errado ?

    ResponderExcluir
  46. para mim tbém faço tudo direitinho... chega na parte do fragment... não acontece nada....

    ResponderExcluir
  47. Adorei!!!!!!!!!! Ficou super legal minha foto!!!! BEIJOS!!!!!!!!!!!!!!!!!!!
    Elisângela

    ResponderExcluir
  48. Já tentei de todo jeito e não dá certo, não sei o q acontece (ou o q n acontece)
    pq qdo aperto delete fica com fundo tranparente, e n o efeito esperado.

    ResponderExcluir
  49. Eu não sei qual tamanho e resolução da foto q vc usou no exemplo, mas na minha eu pensei primeiro q ñ havia dado certo. Depois resolvi usar a lupa e REALMENTE vi q funcionou, mas usar apenas 4 vezes o "ctrl +F" foi pouco para a minha foto.
    DICA:Quem estiver testando use mais vezes e com a lupa!

    ResponderExcluir