Efeito de tiras em foto.

COMPARTILHE:

Descrição: Como transformar sua foto em tiras transversais. Tutorial Avançado 01. Pressione Ctrl+O e abra a foto a ser trabalhada, n...

Preview Descrição: Como transformar sua foto em tiras transversais.

Tutorial Avançado
tutoriaisphotoshop.net




01. Pressione Ctrl+O e abra a foto a ser trabalhada, neste tutorial iremos usar a foto abaixo.

tutoriais photoshop

02. Pressione a letra C do teclado para selecionar a Crop Tool.

tutoriais photoshop

03. Pressione a tecla Shift, clique e arraste para criar uma seleção quadrada na foto.

tutoriais photoshop

04. Pressione Enter e sua imagem irá ficar como a imagem abaixo.

tutoriais photoshop

05. Pressione Ctrl+J duas vezes para criar duas cópias da layer Background, nomeie uma das cópias como Horizontal Strips e a outra como Vertical Strips 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, logo após clique na layer Background, pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor preta, sua paleta de layers deve ficar como a da foto abaixo.

tutoriais photoshop

07. Agora retire a visualização da layer que está no topo clicando no ícone do olho que existe na frente da layer como na foto abaixo.

tutoriais photoshop

08. Agora vá em View> Show> Grid ou pressione Ctrl+', depois que o Grid aparecer pressione Ctrl+K para abrir as preferências do Photoshop, no menu à esquerda escolha a opção Guides, Grid and Slices, isto irá abrir as opções do Grid, clique sobre a cor atual do Grid e escolha a nova cor, para este tutorial iremos usar um amarelo que ajudará na visulaização do Grid.

tutoriais photoshop

09. Clique em Ok para sair das preferências, sua imagem deverá estar como a imagem abaixo.

tutoriais photoshop

10. Agora pressione a letra M do teclado para selecionar a Rectangular Marquee Tool.

tutoriais photoshop

11. Clique na layer Horizontal Strips, iremos criar seleções horizontais com altura de 2 Grids e um Grid separando uma seleção de outra, para facilitar certifique-se que a opção Snap to Grid esteja selecionada indo em View> Snao To> Grid, isto irá grudar sua selação ao Grid facilitando a criação das seleções.

tutoriais photoshop

12. Depois de criar a primeira seleção pressione a tecla Shift do teclado para criar as restantes (caso não saiba usar a Rectangular Marquee Tool clique aqui), dando espaço de 1 Grid de distância entre uma seleção e outra como na foto abaixo.

tutoriais photoshop

13. Com as seleções ainda ativas clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara a layer Horizontal Strips.

tutoriais photoshop

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

tutoriais photoshop

15. Agora pressione Ctrl+' para retirar o Grid para visualizar como a imagem ficou sem o Grid.

tutoriais photoshop

16. Agora iremos fazer a mesma coisa na layer Vertical Strips, primeiro clique sobre a layer Vertical Strips, ative novamente a visualização da layer clicando na área em frente a miniatura da layer, pressione Ctrl+' novamente para ativar o Grid.

tutoriais photoshop

17. Agora crie seleções verticais de 2 Grids de largura separadas por 1 Grid de distância entre uma seleção e outra, depois de criar a primeira seleção pressione a tecla Shift enquanto cria as restantes, sua imagem irá ficar como a imagem abaixo.

tutoriais photoshopAdd Layer Mask no rodapé da paleta de layers.

tutoriais photoshop

19. Sua imagem irá ficar como a imagem abaixo.

tutoriais photoshop

20. Pressione Ctrl+' para retirar o Grid, sua imagem estará como a imagem abaixo.

tutoriais photoshop

21. Pressione novamente Ctrl+' para ativar o Grid' e depois pressione Ctrl e clique sobre a máscara da layer Horizontal Strips.

tutoriais photoshop

22. Isto irá ativar as seleções que foram feitas nesta layer como na imagem abaixo.

tutoriais photoshop

23. Agora pressione Ctrl+Shift+Alt e clique sobre a máscara da layer Vertical Strips.

tutoriais photoshop

24. Sua seleção irá ficar como a da foto abaixo.

tutoriais photoshop

25. Agora vá em Select> Save Selection, na caixa que irá abrir escolha um nome no campo Name e pressione Ok.

tutoriais photoshop

26. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e com a tecla Alt do teclado pressionada clique e arraste ao redor das seleções ativas para desativá-las (caso não saiba usar a Rectangular Marquee Tool clique aqui), deixe como a imagem abaixo.

tutoriais photoshop

27. Clique na miniatura da foto na layer Horizontal Strips e pressione Ctrl+J para copíar as áreas selecionadas para uma nova layer, sua paleta de layers deverá ficar como a da foto abaixo.

tutoriais photoshop

28. Clique na nova layer e pressione Ctrl+Alt+G para criar um Clipping Mask ou vá em Layer> Create Clipping Mask (no Photoshop CS e CS2 pressione Ctrl+G), sua paleta de layers deverá ficar como a da foto abaixo.

tutoriais photoshop

29. Agora pressione Ctrl+Alt+4 para carregar a seleção que foi feita antes.

tutoriais photoshop

30. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e com a tecla Alt pressionada vá criando seleções ao redor das seleções ativas para desativá-las, deixe como na foto abaixo.

tutoriais photoshop

31. Com a seleção ainda ativa clique na layer Vertical Strips e pressione Ctrl+J para criar uma nova layer com a cópia das áreas selecionadas.

tutoriais photoshop

32. Agora pressione Ctrl+Alt+G para criar um Clipping Mask ou vá em Layer> Create Clipping Mask (no Photoshop CS e CS 2 pressione Ctrl+G), sua paleta de layers deverá ficar como a da foto abaixo.

tutoriais photoshop

33. Agora clique no ícone Clipping Mask ou vá em Add a Layer Style no rodapé da paleta de layers.

tutoriais photoshop

34. Selecione a opção Outer Glow na lista que irá aparecer.

tutoriais photoshop

35. Na caixa que irá aparecer defina os valores a seguir.

tutoriais photoshop

36. O valor para Size dependerá do tamanho e resolução de sua foto, depois de aplicado os valores pressione Ok, sua foto deverá estar parecida com a foto abaixo.

tutoriais photoshop

37. Agora vá em Layer> Layer Style> Copy Layer Style, clique na Layer 1 e vá em Layer> Layer Style> Paste Layer Style e sua foto irá ficar como a imagem abaixo..

tutoriais photoshop

COMENTÁRIOS

BLOGGER: 45
  1. Adorei esse efeito, fiz e ficou direitinho, como o da foto.

    ResponderExcluir
  2. Oi Camila, fico feliz que tenha dado certo aí, obrigado pela visita, volte sempre!! :)

    ResponderExcluir
  3. ola andre, muito bomm seu blog, continue assim nos passando um pouco de sua sabedoria rsrsr, se vc puder ensinar como que faz um link para uma imagem que criei no photoshop, eu acho q e isso, se nao for me corrija.sim. Deste ja agradeço.

    ResponderExcluir
  4. SHOWWWWWW!!!!!!!
    como sempre arrasando nos tutoriais.
    Obrigado por todos eles,sao otimos.
    um abraço

    ResponderExcluir
  5. Oi zvmedeiros e kal, fico muito feliz em saber que vocês curtem o blog, e anoto todos os pedidos aqui em casa, pode ser que demore mas postarei o pedido de vocês em breve pois pesquiso sobre os assuntos que são de interesse dos leitores do blog :) então fiquem ligados pois sempre estarei postando coisas do interesse da maioria que acessa o blog :), obrigado pelas visitas!! :)

    ResponderExcluir
  6. Cara sensacional! Se você soubesse o quanto já aprendi de PS com você você nem imagina! Sou seu fã! :D

    ResponderExcluir
  7. Pô, muito loko esse tuto, parabens, vou tentar faze-lo.

    ResponderExcluir
  8. Oi Leonardo e Juliano, obrigado pelo elogio ao blog, fico feliz que tenham gostado, volte mais vezes!! :)

    ResponderExcluir
  9. o blog é muito showwwww
    tem pouco tempo que conheço, mas agora venho aqui em toda nova postagem

    ResponderExcluir
  10. Muito bom cara, parabéns pelo blog. Já favoritei.

    ResponderExcluir
  11. Olha, eu simplesmtente amo o Photoshop mas não trabalho com isso, apenas por hobby. De qualquer maneira eu peço que nunca deixem de postar tutoriais porque eles são muito legais e eu os uso bastante e, aprendendo, repasso para meus amigos. Ainda vou fazer um curso e quem sabe, numa oportunidade trabalhar com isso nem que seja um alternative job.heheheh bem, é isso aí! até a proxima!

    ResponderExcluir
  12. Oi Alpha e Ether, agradeço as visitas!! fico feliz que tenha gostado do blog!! volte sempre!! :)

    Oi therionline, obrigado pela visita!! volte sempre!!

    Oi Uiara, realmente nada substitui um bom curso, ainda mais porque enriquece muito o currículum, tutoriais na internet servem mais para conhecermos técnicas novas e atualizar o que já conhecemos, obrigado pela visita!! volte sempre!! :)

    ResponderExcluir
  13. Oi André, maravilhoso este efeito...(só pra variar um pouquinho...rsrsrsrsr!!!)
    Teu blog é sempre um exemplo dos motivos que dignificam a web.

    Obrigada.

    ResponderExcluir
  14. Oi Mariledi, obrigado pelo elogio ao blog e pelas visitas!! :)

    ResponderExcluir
  15. Oi andre...

    Mto show esse seu blog, em especial esse efeito.

    + Nao estou conseguindo faze-lo..

    no passo 6, o background nao fica preto..

    vc sabe me dizer porque??


    Abraço.. sou seu fã

    ResponderExcluir
  16. Oi Vitinho, qual a versão do seu Photoshop? e sua paleta de layers está como a do tutorial? quando você tenta pintar não acontece nada? ou a layer chega a ficar com a miniatura em preto? se sua layer estiver com o cadeado clique duas vezes nela e dê ok, depois tente pintar de novo para ver se resolve ok? obrigado pela visita, volte sempre!! :)

    ResponderExcluir
  17. E ahe cara, blz? Seu blog é 10! Essa deu trabalho mais fico show! Vlws!!!

    ResponderExcluir
  18. Oi Jefferson, obrigado pela visita, fico feliz que tenha conseguido, volte sempre!!

    ResponderExcluir
  19. Bem, como definir seus tutorias? Além de serem de ótimo nível e fácil compreensão, são bem diferentes dos que constumeiramente são apresentados na web. Espero que vc continue sempre com este alto nível de ensino....
    Parabéns!!!!

    ResponderExcluir
  20. Oi Anônimo, obrigado pelo elogio ao blog e pela visita, fique tranquilo que continuarei, mudanças só farei se forem para melhorar e facilitar para os leitores, volte sempre!!

    ResponderExcluir
  21. Olá, primeiramente muito bom seu blogger..parabéns..

    bom, eu não estou conseguindo fazer do pass 26 em diante...eu não consegui duplicar a layer e ir com os pedaços do "rosto da foto" ela nao esta duplicando "cortando a pele e ficando igual ao quadro só com pedaçõs de pele da foto"

    se tiver como ajudar obrigado ! !

    ResponderExcluir
  22. Oi Jean, copiar as partes do rosto que estão selecionadas para uma nova layer é feito em apenas 1 passo, selecionar como na foto e pressionar Ctrl+J nisso o Photoshop cria uma nova layer com tudo que estava selecionado, o seu problema foi com a seleção ou com o comando para criar a outra layer com as partes copiadas? obrigado pela visita!!

    ResponderExcluir
  23. eu selecionei tudo direitinho....fico = a sua imagem só que na hora de duplicar não está indo....estou apertando ctrl + j e nada...nenhuma ação é feita...

    se tiver como add ... jeanzenhow@hot~~

    se não eu tento tirar as dúvidas por aqui mesmo...obrigado

    ResponderExcluir
  24. Oi Jean, o seu arquivo é .GIF? se for você terá que transformar em .JPEG antes de fazer isso, bom, aguardo sua resposta! obrigado pelas visitas!

    ResponderExcluir
  25. Eu vou refazer os passou tudo de novo.....
    ai eu vejpo....mais é .JPEG mesmo

    abraços

    ResponderExcluir
  26. Oi Jean, é estranho estar acontecendo isso tenta fazer um teste em uma outra foto qualquer, pressiona Ctrl+O para abrir alguma foto, pressiona a letra M para selecionar a Rectangular Marquee Tool, cria uma seleção qualquer e pressiona Ctrl+J, olha a paleta de layers, você deverá estar com 2 layers, se não der certo alguma coisa está errada, obrigado pela visita!!

    ResponderExcluir
  27. o layer tem amscara certo ???
    então o layer sem mascara funciona mais com a mascara não funciona...

    e eu estava fazendo com a mascara....mais no tutorial está mostrando com mascara e pelo que vi funcionou...não sei porque se add a amscara e fazer a seleção e apertar ctrl + j não está fuincionando....

    ResponderExcluir
  28. Oi Jean, já sei qual é o problema, bom, lá na paleta de layers, na sua layer você tem a miniatura da máscara e a miniatura da foto que está usando certo? antes de pressionar o Ctrl+J clique na miniatura da foto que está usando e depois pressione Ctrl+J, aí sim você irá conseguir copiar o conteúdo da seleção para uma nova layer, :)

    ResponderExcluir
  29. Acabei de fazer e ficou lindo na minha foto...
    Ótimo tutorial, mto bem explicado, não tem como errar..
    Parabéns!! ;)

    ResponderExcluir
  30. Oi Fátima, fico feliz que tenha dado certo aí, obrigado pela visita, volte sempre!! :)

    ResponderExcluir
  31. Andre muito bom seus tutoriais, faceis de aprender, adorei a foto que fiz de minha filha ficou 100% vc é ótimo

    ResponderExcluir
  32. Oie Andre td bem?
    Adorei o tutorial, apesar que tem um filter que faz o msm efeito, eu ja usei...rs
    mas fazer na unha é bem mais divertido. Poxa eu não consegui fazer a passo "26" não fika dessa forma que vc ensinou...só isso, se puder me ajudar eu agradeço.
    PARABÉNS PELO TUTO!!!

    EsterzinhA

    ResponderExcluir
  33. Oi Ester, veja a foto do passo 25, entre este passo e o 26 o que foi feito é a retirada da seleção, o procedimento é o mesmo que o de abrir uma nova seleção porém com a tecla Alt pressionada e sobre uma seleção que já existe, espero que consiga, qualquer coisa é só falar, obrigado pela visita!! :)

    ResponderExcluir
  34. Eu que agradeço sua visita Rosana, volte sempre!!

    ResponderExcluir
  35. ola odorei seu tutorial mais naum estou conseguindo fazer a parte de pintar o background vi q tem uma pessoa com o mesmo problema naum sei se ele conseguiu mais eu tentei tirar o cadeado e nada so pinta algumas parte naum ele todo naum entendi pq meu photoshop é o cs 2

    ResponderExcluir
  36. Oi Íris, em qual passo você teve dificuldades? obrigado pela visita e desculpe a demora na resposta!! :)

    ResponderExcluir
  37. Cara, eu fiz deu tudo certinho, só que no final, ficou umas linhas em vertical.
    Não sei o que posso ter errado.
    Muito bom o tuto cara.
    Esse site é o melhor que tem.
    Fico umas 7 horas por dia nesse site.
    Parabéns.
    Obrigado

    ResponderExcluir
  38. Me desculpe, somente no photoshop a imagem ficou com as linhas.
    Salvei e abri, ficou perfeito.
    Muitoooo Obrigado cara.
    abraço

    ResponderExcluir
  39. Oi, uso o cs3. Meu problema é o seguinte, quando faço o passo 8 q é pra ficar igual a figura do passo 9, aquelas linhas não aparecem.


    Aproveitando, gostaria de parabenizar por esse site tão bacana.

    ResponderExcluir
  40. @Yuri Serra : tenta mudar o 'mm' para 'cm'.
    Eu fiz isso aqui e deu.
    Você pode definir outro tamanho também.
    Pode ser que assim você consiga.
    Abraço;

    ResponderExcluir
  41. Poxa, tentei de toda forma e não consegui.
    Vc poderia por gentileza, me passar um link pra baixar o cs2 portable ?

    Agradeço desda já por toda atenção !

    ResponderExcluir
  42. Parabéns pelo blog e pelos tutoriais, muito show...

    Eu gostaria de parceria, meu blog é novo mais acho que já podemos ser parceiro..

    Parabens

    Abrass

    ResponderExcluir
  43. Oii g0staria de uma ajuda, ali no passo 8, quando eu aperto ctrl+K não abre nada daquilo ali, pode variar de ps pra ps?

    ResponderExcluir
  44. Mesmo sendo repetitivo vale a pena né, você merece, MEUS PARABÉNS PELO BLOG, Torço muito por vc.
    André me explica como faz isso, quando tiver um tempinho, pode ser?

    http://www.orkut.com.br/Main#AlbumZoom?uid=17738409303570998728&aid=1255968843&pid=1255995285515&uit=/Notifications$pid=1255995285515

    abçs cara.

    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,358,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,511,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Efeito de tiras em foto.
Efeito de tiras em foto.
http://www.andresugai.org/Tutoriais/09.2007/T04/imagem36.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2007/09/efeito-de-tiras-em-foto.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2007/09/efeito-de-tiras-em-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