Preview Descrição: Como criar uma imagem feita de pequenos quadrados.

Tutorial Avançado

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

tutoriais photoshop

02. Sua paleta de layers deve 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. Clique no ícone de Add New Layer que fica no rodapé da paleta de layers para criar uma nova layer ou pressione Ctrl+Alt+Shift+N.

tutoriais photoshop

05. Posicione a nova layer no meio das duas layers que já existiam como na foto abaixo.

tutoriais photoshop

06. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X para alternar as cores e depois pressione a letra G do teclado para selecionar a Paint Bucket Tool, pinte a layer de branco.

tutoriais photoshop

07. Agora clique na layer1 (a cópia da imagem original na paleta de layers, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool.

tutoriais photoshop

08. Na Layer 1 desenhe um retângulo como na foto abaixo.

tutoriais photoshop

09. Clique no ícone de Add Layer Mask no rodapé da paleta de layers.

tutoriais photoshop

10. Sua imagem deverá ficar assim.

tutoriais photoshop

11. Clique no ícone da corrente que linka a máscara na miniatura da imagem que está na layer.

tutoriais photoshop

12. Após clicar no ícone da corrente ela irá desaparecer como na figura abaixo.

tutoriais photoshop

13. Agora clique no ícone da máscara que está na Layer 1 para selecionar a máscara, agora clique no ícone de Add New Adjustment Layer no rodapé da paleta de layers.

tutoriais photoshop

14. Selecione a opção Outer Glow e defina os valores abaixo, por default a cor que irá aparecer será a cor amarela, clique no quadrado com a cor amarela para definir outra cor.

tutoriais photoshop

15. Na caixa de Color Swatch escolha a cor branca.

tutoriais photoshop

16. Pressione Ok para aplicar a cor branca para o efeito de Outer Glow, agora pressione Ctrl+J para duplicar a layer 1, sua paleta de layers deverá ficar como a da foto abaixo.

tutoriais photoshop

17. Agora pressione a letra V do teclado para selecionar a Move Tool.

tutoriais photoshop

18. Clique no ícone da máscara da layer que acabamos de criar (a cópia da Layer 1).

tutoriais photoshop

19. Agora clique no documento e arraste o retângulo para a área desejada, isto irá criar o segundo retângulo na imagem.

tutoriais photoshop

20. Agora basta repetir o processo diversas vezes para concluir a imagem, Ctrl+J para duplicar a layer, clicar no ícone da máscara que existe na layer, pressionar a letra V do teclado para selecionar a Move Tool e arrastar o retângulo para a área desejada, repita o processo diversas vezes, seu resultado será como o da foto abaixo.

tutoriais photoshop

21. O mesmo processo foi usado para completar a área em que aparecem as outras pessoas na foto.

tutoriais photoshop

22. Ao final o efeito estará assim.

tutoriais photoshop

23. Agora para fazer retângulos menores, pressione Ctrl+J para duplicar uma layer qualquer, clique no ícone da máscara que está na layer, pressione Ctrl+T para abrir a caixa de Free Transform e diminua o retângulo cerca de 50%, pressione a tecla Shift enquanto redimensiona para que a proporção seja mantida, após o redimensionamento pressione Enter.

tutoriais photoshop

24. Pressione a letra V do teclado para selecionar a Move Tool e mova o retângulo criado para o lugar desejado, neste tutorial ele foi colocado na borda do efeito.

25. Pressione Ctrl+J para duplicar esta layer, clique no ícone da máscara que está na layer deste quadrado que acabou de ser copiado e novamente pressione a letra V do teclado para selecionar a Move Tool, posicione a nova cópia em outro lugar, faça este procedimento quantas vezes achar necessário para criar outros retângulos menores.

tutoriais photoshop

26. Agora clique na layer que estiver no topo e vá pressionando Ctrl+E para mesclar com a layer que estiver abaixo, faça isto até que sua layer esteja como a foto abaixo.

tutoriais photoshop

27. Agora clique no ícone de Add New Adjustment Layer no rodapé da paleta de layers e selecione a opção Drop Shadow.

tutoriais photoshop

28. Defina os valores abaixo.

tutoriais photoshop

29. Clique em Ok e sua imagem estará pronta.

tutoriais photoshop

Site de origem: http://www.photoshopessentials.com/photo-effects/squares/

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.

51 Comments

  1. Olá!! Vendo os coments vi que muita gente está com o mesmo problema que eu!! O de mesclar as layers e aparecer as basdas grossas brancas!! Fiz a primeira vez e ficou assim, aí pensando que fiz algo de errado, fui tentar pela segunda vez, mas ficou igual!! Ajude-nos, please!!! Ah! E outra duvida! Não nesse tutorial, mas em outro diz pra deixar a layer transparente, como é que faz isso?
    Obrigado!
    Celso

  2. Eu estou erpmissionado com o tamanho desse site, ta quase um império aqui, esse tutorial está sendo feito na minha sala aqui no curso e eu to adorando isso, pegar os tutoriais daqui pra aprender PhotoShop.

    Fuiz

  3. olha tambem estou com o mesmo problema. Não consigo mesclar as camadas direito aparece sempre essa mesma mensagem: A camada subjacente possui uma mascara de camada. Se preservada irá mascarar o resultado mesclado. Aplicar antes da mesclagem?
    Voce poderia me orientar, no que devo fazer?
    Pelo que vi aqui essa duvida não é só minha.
    Mas voce está de parabens. Valeu mesmo. Com a explicação que voce deu fika muito facil.
    Um abraço e obrigada.

  4. QE IDIOTISSE É PERCA DE TEMPO NEM ENTRAAAA *————-*
    neeem vale a pena
    entra em qualquer photoshop ae , que tu faz 1320234102340231 vezes melhor que esse site de booosta
    NEEEM PERCA SEU TEMPO
    porque assim como diiz meu amigo ali d cima NAAO APRENDI NADA
    beeiiijos *——–* ;*

  5. 26. Agora clique na layer que estiver no topo e vá pressionando Ctrl+E para mesclar com a layer que estiver abaixo, faça isto até que sua layer esteja como a foto abaixo.

    não consigo mesclar as layers corretamente.
    Diz que : A camada subjacente possui uma máscara de camada. Se preservada, irá mascarar o resultado mesclado. Aplicar a máscara antes da mesclagem ?
    1- aplicar
    2- Preservar
    3- cancelar

    se eu ponho "aplicar" ele apenas abre mais o brilho externo e mescla as layers mas não fica direito, pq qnd chegar no final a imagem fica totalmente desfigurada do q era qnd terminou-se a colagem.

    se eu ponho "preservar" ele apenas deleta a layer.

    uq devo fazer ?
    paulohenriqueb[at]hotmail.com

  6. Oieeee

    A exemplo dos posts anteriores, hehehe
    Estou com o mesmo problema na hora de mesclar as camadas, já que conforme vou fazendo é criada uma certa “borda” branca envolta dos quadrados…
    Agradeço a ajuda =)

  7. Oi André!!!!
    Está acontecendo cmg o mesmo que acontece com o Tássio, não consigo mesclar as layers!

    Estou esperando anciosa uma resposta sua!rs

    Parabéns pelos seus tutorias, são ótimos!!!!

    Fabi

  8. 26. Agora clique na layer que estiver no topo e vá pressionando Ctrl+E para mesclar com a layer que estiver abaixo, faça isto até que sua layer esteja como a foto abaixo.

    não consigo mesclar as layers corretamente.
    Diz que : A camada subjacente possui uma máscara de camada. Se preservada, irá mascarar o resultado mesclado. Aplicar a máscara antes da mesclagem ?
    1- aplicar
    2- Preservar
    3- cancelar

    se eu ponho “aplicar” ele apenas abre mais o brilho externo e mescla as layers mas não fica direito, pq qnd chegar no final a imagem fica totalmente desfigurada do q era qnd terminou-se a colagem.

    se eu ponho “preservar” ele apenas deleta a layer.

    uq devo fazer ?

  9. Oi Kah, para fazer a layer 2 ficar branca basta pressionar a letra G do teclado para selecionar a Paint Bucket Tool, escolher a cor branca e clicar no documento, porém se a dificuldade for em selecionar a cor branca um a dica é pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco e logo após pressionar a letra X para definir a cor de foreground como branca, ai basta você clicar no documento para pintá-lo de branco, obrigado pela visita!! 🙂

  10. Oi Graciele, o correto seria dizer Photoshop CS (que na verdade é a versão 8 do programa), a funcção Warp infelizmente só está presente a partir da versão CS2 ou 9, o ideal seria usar a versão CS3 do programa, a última lançada para ter sempre a mão todas as funções e recursos do programa, obrigado pela visita!! 🙂

  11. Ola…td bem com vc?
    nossa show os tutoriais…PARABENS!!!
    naum é sempre q encontramos pessoas q estão dispostas a passar seus conhecimentos….
    Sabe tenho uma duvida..se pude me esclarecer..eu uso o cs8 mas algumas ferramentas naum consigo encontrar como no tutorial Página virando. naum encontrei A opção Warp…qual versão seria a mais completa?
    desde jah agradeço pela atenção.

  12. Adorei esse efeito!!!
    André vc é um grande artista, admiro muito o teu trabalho.
    90% do q eu sei de Photoshop foi aqui q eu aprendi! O teu blog despertou minha vontade de me aprimorar, até já me matriculei num Curso!
    Muito obrigada amiguinho!!!

  13. Oi Minha, desculpe a demora na resposta, quanto ao passo 13 você tem razão a foto está com o ícone de Add Layer Style ao invés do Add New Adjustment Layer selecionado, vou arrumar isso ok? obrigado pela visita!! 🙂

  14. Olá, André,
    Olha eu por aqui.
    O negócio é sentar em frente a essa maquininha e não fazer mais nada.
    Tenho dúvidas: Tentei fazer esse tuto, mas ao chegar no passo 8,a minha Rectangular Marquee Tool não arrasta. Cliquei em um ponto da figura e com a tecla do mouse “apertada”, tentei fazer um retângulo.
    O que acontece é que do jeito que a seleção aparece quando clico, ela fica. Se arrasto o mouse, ela vem junto.
    No passo 13 você não deveria ter circulado a bolinha preta e branca?
    Uso Adobe Photoshop Extended.
    Grande final de semana p’ra você.

    Minha.

  15. Oi, André. Foi, sim. É, qd vc postar eu tento fazer melhor… E num ambiente menor do q o do salão, como por exemplo: meu quarto, o fundo do meu quintal…? Aí não dá pra botar a câmera e deixar em u lugar só, né?

  16. Bom, tomando como exemplo a montagem que eu fiz e está no meu blog, a câmera estava em uma mesa que ficava na minha frente, na primeira foto eu sentei na primeira cadeira amarela da direta, acionei o timer da camera, sentei na cadeira e a primeira foto foi batida, acionei o timer da camera novamente e fui para outra cadeira, dessa vez no fundo do salão (a câmera permaneceu no mesmo lugar, na mesa, de frente para mim) e assim por diante, depois juntei as fotos :), fui mais claro dessa vez? futuramente postarei um tutorial de como fazer ok?, obrigado pela visita!!

  17. Oi, André. Não entendi como se faz aquilo q vc fez no seu orkut, será q vc poderia ser mais claro? Não consegui entender muito bem… Como q eu vou pra outro local com a câmera no mesmo lugar? Não entendi nada. Vc poderia me explicar direito por favor, se quiser mandar pro meu e-mail…
    Meu e-mail é betty.boob50[at]yahoo.com.br
    Obrigada.
    Bjs.

  18. Oi Bete, para isso existem diversas técnicas, muitas pessoas usam o filtro Liquify para retirar umas gordurinha que estejam sobrando, quanto ao papo dá para arrumar fazendo uma seleção da área, pressionando Ctrl+J para duplicar a seleção em uma nova camada e pressionando Ctrl+T para ativar a caixa de Free Transform, aí é só deixar do jeito que deseja, depois com a Clone Stamp Tool você precisa dar uma maqueada na foto que está por baixo e pronto, quando as olheiras a Healing Brush Tool ajuda bastante, obrigado pela visita, assim que possível posto um tutorial sobre estas técnicas ok? volte sempre!! 🙂

  19. Oi Bete, tem que ter bastante paciência, bom primeiro você posiciona a camêra em algum lugar e pede para alguém bater uma foto sua, ou coloca o timer, depois você muda de lugar e bate outra foto (é importante que a máquina fotográfica permaneça no mesmo local), faça isso quantas vezes achar necessário, depois você precisa abrir todas as fotos no Photoshop e reunir em um único arquivo, cada foto será uma layer, feito isso você pode criar uma máscara em cada layer ou pressionar a letra E do teclado para selecionar a Eraser Tool e ir apagando as áreas onde você aparece em outras fotos, assim que possível postarei um tutorial ensinando ok? obrigado pela visita!!

    Oi Ariane, você tem alguma referência de como quer deixar sua foto?, obrigado pela visita, fico feliz que tenha conseguido aplicar o efeito sem problemas aí 🙂 volte sempre!

  20. Nossa André, muito bom esse tuto ^^ Fiz numa foto, ficou bem legal ^^ Gostei, adorei o/ André, eu queria mexer um pouco numa foto pra por um efeito mais estilo emo, vi como é que ficava o de tom sépia, o de deixar um item colorido em uma foto preta e branca, o efeito fantasma, mas nenhum ficou do jeito que eu queria. Você tem alguma dica pra mim? >___

  21. Oi, André. Sou nova no PhotoShop, estou adorando o seu blog. Parabéns. Vc poderia postar como fazer isso do seu álbum: orkut.com/AlbumZoom.aspx?uid=14101708280897173802&pid=6

    E tb como tirar papo e gordura. Se puder ajudar…
    Obrigada.
    Bjs.

  22. Oi Douglas, no PS Help! você encontra alguns tutoriais sobre como usar as ferramentas básicas! dá uma olhada por lá, obrigado pela visita, volte sempre!!

    Oi Edu, sem problemas, pode adicionar o link sim, obrigado pela visita!!

    Oi Mary, pode deixar que assim que possível postarei algo a respeito ok?, volte sempre!! 🙂

  23. oi andre..
    aki gostaria de elogiar seu blog..mto legall..aprendo bastante com ele =)
    e tbb queria pedir voce pra colocar um tutorial ensinando a aumentar o tamanho de uma foto sem danificar-la

  24. Muito bom esse, como vários outros q vc posta diariamente aqui…
    Acho muito legal da sua parte, de colaborar com os iniciantes principalmente, colocando mastigado esses tutoriais.
    Parabéns.

    coloquei um link do seu blog no meu blog. Espero q n~~ao se incomode!
    Abraço,
    Edu.

  25. Fantástico!
    Vou testar aqui depois. Desde que descobri o blog tenho usado bastante o photoshop. Mandam super bem, embora algumas montagens (como a da foto rasgaga e efeito de foto parecendo vidro quebrado), eu não tenha conseguido por não dominar algumas ferramentas primordiais.

    abraços!

Albert Einstein em Speed Paint.

Mais um preview do Photoshop Express!