no , , , ,

Arte com retângulos sobre foto.

(adsbygoogle = window.adsbygoogle || []).push({});

Preview Descrição: Como criar modificar sua foto usando retângulos.

Tutorial Intermediário

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

tutoriais photoshop

02. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie alguns retângulos como na imagem abaixo (caso você não saiba como usar a Rectangular Marquee Tool clique aqui.

tutoriais photoshop

03. Pressione a letra G do teclado para selecionar a Paint Bucket Tool e pinte as seleções com a cor Cinza claro ou outra cor que desejar.

tutoriais photoshop

04. Repita o passo 2 mais 4 vezes, sempre pintando os retângulos em cores diferentes, sua paleta de layers deverá ficar como a da foto abaixo.

tutoriais photoshop

05. Agora clique no ícone de Add Layer Style no rodapé da paleta de layers ou vá em Layer> Layer Style> e escolha a opção Drop Shadow e clique em Ok.

tutoriais photoshop

06. Mude o modo de blend da layer para Overlay.

tutoriais photoshop

07. Sua imagem deverá estar como a imagem abaixo.

tutoriais photoshop

08. Agora clique com o botão direito do mouse sobre a layer e escolha a opção Copy Layer Style.

tutoriais photoshop

(adsbygoogle = window.adsbygoogle || []).push({});

09. Clique com o botão direito sobre a layer que está abaixo (Layer 3) e escolha a opção Paste Layer Style, faça o mesmo com as outras layers que contém retângulos.

tutoriais photoshop

10. Sua imagem deverá ficar como a imagem abaixo.

tutoriais photoshop

11. Agora mantenha as teclas Ctrl e Shift pressionadas e vá clicando nas miniaturas dos retângulos nas layers que estão na paleta de layers, você irá ativar as seleções como na imagem abaixo.

tutoriais photoshop

12. Com a seleção ativa clique na layer Background.

tutoriais photoshop

13. Pressione Ctrl+J para criar uma cópia da seleção em outra layer.

tutoriais photoshop

14. Retire a visibilidade da layer Background clicando no ícone do olho que existe na frente da layer na paleta de layers.

tutoriais photoshop

bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;

15. Agora com a tecla Ctrl pressionada clique na miniatura da imagem na layer que foi copiada para ativar sua seleção.

tutoriais photoshop

16. Agora clique no ícone de Create New Fill or New Adjustment Layer no rodapé da paleta de layers e escolha a opção Hue/Saturation.

tutoriais photoshop

17. Defina os valores abaixo ou deixe nas cores que desejar.

tutoriais photoshop

18. Sua imagem ficará como a imagem abaixo.

tutoriais photoshop

19. Pressione Ctrl+Shift+Alt+N para criar uma nova layer e posicione esta layer abaixo da layer copiada como na foto abaixo.

tutoriais photoshop

20. Pressione a letra G do teclado para selecionar a Paint Bucket Too e pinte a layer de branco, ao final sua imagem irá ficar como a imagem abaixo.

tutoriais photoshop

Site de origem: http://www.bruinstutorial.com/view_tut.php?id=222

bb_bid = “56332”;
bb_lang = “en-US”;
bb_name = “custom”;
bb_limit = “8”;
bb_format = “bbb”;

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

$ s Comentários

Deixe uma resposta
  1. Olá André, muito bom o post.
    Deixa eu te perguntar, por acaso você tem alguma idéia de como foi feito esta peça publicitária??
    adsoftheworld.com/media/print/ipanema_gisele_bundchen_g2b_sandals_splash_3?size=_original
    Eu achei o efeito muito loko e a modelo também ajudou né. Será que foi feito em photoshop?? Porque água mesmo seria bem difícil.

    Ahh tem este também:
    3.bp.blogspot.com/__uzuVrxQMH0/RzCCmRLHTMI/AAAAAAAAEBk/Uy82k5Qt7Ug/s1600-h/Mude1.jpg
    Até tentei fazer ele no photo, usando em cada letra um stroke com um pixel a mais que a anterior, mas não ficou legal.

    Flw
    Obrigado

  2. Fala André,
    acompanho o blog a algum tempo e vem sendo muito útil.
    Parabéns pela iniciativa e pela qualidade do blog.
    Gostaria de saber se você tem alguma idéia de como fazer a seguinte composição: andsevo.deviantart.com/art/adaptation-v-2-68252372
    Agradeço desde já.
    Abraços Fernando.

  3. Anônimo disse…
    Olá André, gosto muito do seu blog, e ele ja me ajudou muito, mas agora eu gostaria de te pedir que emsinase no blog como faser o efeito da letra que segue no link.
    flogao.com.br/babilli/foto/120/115424878

    Muito obrigada

  4. Oi.
    Qt tempo ñ deixo comentário no seu blog. Ñ sei nem se lembra de mim.
    Eu criei um blog de um programa Magix Photo Clinic e coloquei o link do seu blog para PhotoShop elogiando-o.
    Se depois quiser dar uma olhada lá…
    magixphotoclinic.blogspot.com

  5. Oi Felipe, desculpe por não ter respondido ontem, muitos comentários do fim de semana para serem respondidos antes haha, a imagem é linda hein, é Photoshop sim e a técnica usada é a mesma deste tipo de imagem, coisa que estou louco para aprender, com certeza é trabalho para alguns dias mas o resultado é maravilhoso, quanto a imagem das fontes, bom, no Stroke realmente o resultado não será muito bom mesmo, trabalhando em um programa de vetorização como o illustrator ou o corel acho que você consegue um resultado bem melhor, outro jeito seria encontrar uma família de fontes que fossem do extra bold até o light e usar uma fonte de cada para criar a palavra, é tem mil jeitos de se reproduzir este efeito, mas saber como foi feito fica difícil :D, obrigado pela visita!! 🙂

    Oi Fernando, basicamente é seleção e recorte de vários elementos, mas dá para ser feito de mil maneiras diferentes por isso fica difícil de dizer como foi realizado, mas bem interessante, obrigado pela visita!! 🙂

    Oi Anônimo, você se refere ao efeito de piscar? isto é um Gif animado e infelizmente o Photoshop não cria este tipo de efeito, tente procurar por um tutorial de Image Ready ou Fireworks ensinando a criar Gifs animados e você conseguirá reproduzir este efeito facilmente, obrigado pela visita!! 🙂

    Oi Ygor, lembro sim!! pode deixar que hoje ainda visitarei seu blog ok? obrigado e parabéns pelo blog!! 🙂

  6. Não estou conseguindo fazer esse efeito. Preciso de algumas dicas.
    Agradeço.

  7. André…utilizo seus tutoriais para aprender o photoshop, e posso dizer que estou me saindo cada vez melhor, e agradeço sempre!
    Todo dia venho dar uma olhadinha…
    Ainda acho dificil algumas coisas, mas com o tempo aprendo!
    Grande beijo
    Carol

  8. Oi Anônimo, em qual passo você teve dificuldades? obrigado pela visita!!

    Oi Carol, fico feliz que esteja aprendendo e curtindo o blog, quando precisar de ajuda deixa um recado ok? farei o possível para ajudar, obrigado pela visita e pelo elogio ao blog!! volte sempre!! 🙂

  9. Olá André.

    Tutorial muito bom. Mas, não consigo fazer o passo 08. Quando clico com o botão direito na última Layer, aparecem várias opções, exceto a Copiar Layer… nem mesmo em Default ela aparece.
    O que posso fazer nesse caso?
    Agradeço desde já tua ajuda.
    Bom fim de semana a vc.

  10. Oi Anônimo, para acessar a opção Copy Layer Style você precisa:

    1° – ter a layer style aplicada na layer onde você for clicar.

    2° – clicar sobre a layer e pressionar o botão direito do mouse.

    No final da lista de ítens que irá aparecer você terá a opção de Copy Layer Style, espero que isso ajude, obrigado pela visita!!

  11. Olá… Hummm, não entendo absolutamente nada de photoshop, mas com as tuas dicas, aprendi a fazer algumas coisinhaaaaaas… Neste tuto não sei nem como deixar que fiquem os retangulos sobre a foto, faço um e se clico em outro espaço o outro desaparece, huahauhauhuaa… Podes ajudar-me…

    Bjus

  12. Oi Mel, para criar vários retângulos você precisa manter a tecla Shift pressionada enquanto cria os retângulos, para saber mais sobre a Rectangular Marquee Tool dê uma lida neste artigo e dê uma passada na sessão PS Help! para saber mais sobre as ferramentas básicas, obrigado pela visita!! 🙂

Deixe uma resposta

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

19 + um =

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

Tutorial: Efeito de pequenos quadrados aplicados em foto

Tutorial: Gelo trincado