Banner Tutoriais Photoshop

Tutorial Anterior: Criando um sticky. | Página Inicial »
Tutorial Anterior: 1 ano de ::Tutoriais Photoshop::! | Página Inicial »
Tutorial Anterior: Criando letras Transparentes. | Página Inicial »
Tutorial Anterior: Creative Solutions & InDesign Conference 2007 - 01... | Página Inicial »
Tutorial Anterior: Retirando a barba de alguém com Photoshop. | Página Inicial »
Tutorial Anterior: Criando bordas queimadas. | Página Inicial »
Tutorial Anterior: Discos abstratos. | Página Inicial »
Tutorial Anterior: Palestra - Adobe Creative Suite 3 - WOC - 27/09/07... | Página Inicial »
Tutorial Anterior: Criando ponto de foco usando Channels. | Página Inicial »

quarta-feira, 3 de outubro de 2007

Montagem de fotos com quadrados.


Vote no Tutoriais Photoshop para o Top Blog 2010

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



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



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



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



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.



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



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.



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.



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



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



10. Sua imagem deverá ficar assim.



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



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



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.



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.



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



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.



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



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



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



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.



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



22. Ao final o efeito estará assim.



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.



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.



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.



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



28. Defina os valores abaixo.



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



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

Participe deixando seu comentário, dúvida, sugestão, ideias, exemplos ou simplesmente dizendo um "Olá!" na parte de comentários deste Post, sua participação é extremamente importante para o blog e também para todos os leitores que posteriormente terão acesso aos tutoriais e matérias que oferecemos por aqui.

Caso não queira ficar de fora das atualizações diárias do blog você tem 3 opções bem práticas:

  • Siga-me no Twitter.
  • Cadastre-se e receba por e-mail o resumo diário do que foi postado aqui no blog.
  • Cadastre nosso endereço RSS para receber as atualizações via leitor de Feeds.
  • Obrigado por ter votado no ::Tutoriais Photoshop:: para o iBest e Peixe Grande 2008 e 2009!

    Até a próxima!!



    45 Comentários:

    Às 3 de outubro de 2007 14h13min00s BRT , Blogger Douglas disse...

    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!

     
    Às 3 de outubro de 2007 14h54min00s BRT , Blogger Agência Brainstorm disse...

    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.

     
    Às 3 de outubro de 2007 16h57min00s BRT , Anonymous mary rachel disse...

    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

     
    Às 3 de outubro de 2007 18h19min00s BRT , Blogger Andre Sugai disse...

    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!! :)

     
    Às 3 de outubro de 2007 18h58min00s BRT , Anonymous Bete disse...

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

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

     
    Às 3 de outubro de 2007 21h42min00s BRT , Blogger Ariane disse...

    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? >___<

     
    Às 4 de outubro de 2007 15h34min00s BRT , Blogger Andre Sugai disse...

    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!

     
    Às 4 de outubro de 2007 21h09min00s BRT , Anonymous Bete disse...

    Muito obrigada, André. Eu acho que entendi mais ou menos.

    Vc sabe como fazer para tirar papo, gordura e olheiras?

     
    Às 5 de outubro de 2007 09h38min00s BRT , Blogger Andre Sugai disse...

    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!! :)

     
    Às 5 de outubro de 2007 13h51min00s BRT , Anonymous Bete disse...

    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@yahoo.com.br
    Obrigada.
    Bjs.

     
    Às 5 de outubro de 2007 13h55min00s BRT , Anonymous Bete disse...

    Desculpe se a mensagem anterior ficou meio "rude"

     
    Às 5 de outubro de 2007 14h42min00s BRT , Blogger Andre Sugai disse...

    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!!

     
    Às 5 de outubro de 2007 17h47min00s BRT , Anonymous Bete disse...

    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é?

     
    Às 5 de outubro de 2007 18h31min00s BRT , Blogger Andre Sugai disse...

    Oi Bete, o ambiente não importa, você pode fazer tanto em um lugar grande quanto em um lugar pequeno :), obrigado pelas visitas :D

     
    Às 5 de outubro de 2007 21h23min00s BRT , Anonymous Minha disse...

    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.

     
    Às 5 de outubro de 2007 21h29min00s BRT , Anonymous Minha disse...

    André, já descobri. A minha Style estava com a opção fixed Size ao invés de Normal.
    Obrigada da mesma forma.

    Minha.

     
    Às 8 de outubro de 2007 18h03min00s BRT , Blogger Andre Sugai disse...

    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!! :)

     
    Às 22 de outubro de 2007 22h41min00s BRST , Blogger Silvia Regina disse...

    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!!!

     
    Às 24 de outubro de 2007 21h38min00s BRST , Blogger Andre Sugai disse...

    Oi Silvia, parabéns pelo curso!! :), daqui algum tempo você já estará achando fáceis os tutoriais postados aqui no blog! :D, obrigado pela visita, desculpe pela demora na resposta!!

     
    Às 28 de outubro de 2007 04h56min00s BRST , Anonymous Graciele disse...

    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.

     
    Às 29 de outubro de 2007 11h58min00s BRST , Blogger Andre Sugai disse...

    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!! :)

     
    Às 15 de novembro de 2007 16h41min00s BRST , Anonymous Anônimo disse...

    Olá, desculpa encomodar,
    mas fui tentar fazer e nao estou conseguindo fazer a layer 2 ficar branca.. ela fica de qualquer outra cor ali menos branca :( pode me ajudar?

    beijos.
    Kah

     
    Às 16 de novembro de 2007 17h05min00s BRST , Blogger Andre Sugai disse...

    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!! :)

     
    Às 17 de novembro de 2007 11h43min00s BRST , Anonymous Inácio disse...

    André Sugai;
    Vc é fenomenal!
    Sua didática é simplesmente maravilhosa, valeu!

     
    Às 19 de novembro de 2007 10h46min00s BRST , Blogger Andre Sugai disse...

    Eu que agradeço a visita Inácio!!, obrigado, volte sempre!! :)

     
    Às 11 de março de 2008 13h30min00s BRT , Blogger Tássio disse...

    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 ?

     
    Às 6 de abril de 2008 03h44min00s BRT , Anonymous Anônimo disse...

    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

     
    Às 27 de maio de 2008 22h44min00s BRT , Blogger Aline disse...

    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 =)

     
    Às 2 de setembro de 2008 14h10min00s BRT , Anonymous Anônimo disse...

    esta muito legual gostei foi muito bom

     
    Às 14 de setembro de 2008 12h43min00s BRT , Anonymous Ismael disse...

    Ficou legal, mas também estou com problemas no brilho ao redor após a mesclagem

     
    Às 19 de setembro de 2008 21h13min00s BRT , Blogger menina dos olhos disse...

    nao consegui vou ate uma parte guando chega na hora de pegar e criar um novo retangulo, não cria.. :(

     
    Às 10 de janeiro de 2009 16h49min00s BRST , Anonymous Anônimo disse...

    isto é uma w(&%$d@ eu não consegui p)#$% nem 1

     
    Às 22 de fevereiro de 2009 22h43min00s BRT , Anonymous Anônimo disse...

    Nem tenho palavras pra explicar, você me ensinou a fazer o que tanto queria saber, seu blog estaá muiiito de paarabéns, merece tudo com toda a certeza, obrigada e continue assim! ameiiii \õ

     
    Às 10 de abril de 2009 10h16min00s BRT , Blogger (** amo quem me ama odeio quem me odeia**) disse...

    kiki eu sou d- porque tudo que é d-
    é pouco tudo que é pouco é raro
    e tudo que é raro é especial como eu

     
    Às 21 de abril de 2009 13h49min00s BRT , Anonymous Anônimo disse...

    achei bom mas vcs nunca esclarece como uma pessoa sem experiencia pode fazer a sua propria tudo é vender vender.......

     
    Às 20 de junho de 2009 00h29min00s BRT , Anonymous Anônimo disse...

    boa ideia =D

     
    Às 28 de julho de 2009 15h20min00s BRT , Anonymous DAIDANE disse...

    NAO ENTENDI NADA

     
    Às 10 de agosto de 2009 15h11min00s BRT , Anonymous loira disse...

    nuss mano amei o photoshop

     
    Às 21 de agosto de 2009 12h06min00s BRT , Blogger Paulo disse...

    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@hotmail.com

     
    Às 3 de setembro de 2009 22h44min00s BRT , Anonymous Anônimo disse...

    amei consegui fazer direitinho ficou maravilhoso
    kris itaquaquecetuba

     
    Às 7 de novembro de 2009 20h20min00s BRST , Anonymous Anônimo disse...

    nUYuUuUUoOOsSaAa isso não tem nada a vÊ não aprendi nada afff........

     
    Às 8 de novembro de 2009 21h12min00s BRST , Anonymous Anônimo disse...

    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 *--------* ;*

     
    Às 15 de dezembro de 2009 12h30min00s BRST , Anonymous Anônimo disse...

    nao deu pra entender nada

     
    Às 19 de fevereiro de 2010 10h37min00s BRST , Blogger XiXi disse...

    nao deu pra entender naooo walace oliveirra

     
    Às 25 de março de 2010 16h01min00s BRT , Anonymous Anônimo disse...

    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.

     

    Postar um comentário

    Assinar Postar comentários [Atom]

    Links para esta postagem:

    Criar um link

    << Início