Arte com retângulos sobre foto.

COMPARTILHE:

Descrição: Como criar modificar sua foto usando retângulos. Tutorial Intermediário 01. Pressione Ctrl+O e abra uma imagem qualq...






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






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




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


COMENTÁRIOS

BLOGGER: 13
  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??
    http://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:
    http://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

    ResponderExcluir
  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: http://andsevo.deviantart.com/art/adaptation-v-2-68252372
    Agradeço desde já.
    Abraços Fernando.

    ResponderExcluir
  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.
    http://www.flogao.com.br/babilli/foto/120/115424878

    Muito obrigada

    ResponderExcluir
  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á...
    www.magixphotoclinic.blogspot.com

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

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

    ResponderExcluir
  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

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

    ResponderExcluir
  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.

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

    ResponderExcluir
  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

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

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,415,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,123,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,520,outubro,748,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,399,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,516,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Arte com retângulos sobre foto.
Arte com retângulos sobre foto.
http://www.andresugai.org/Tutoriais/11.2007/T07/imagem20.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2007/11/arte-com-retngulos-sobre-foto.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2007/11/arte-com-retngulos-sobre-foto.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar