Efeito grid colorido

COMPARTILHE:

Descrição: Hoje veremos como criar um efeito de mosaico em uma foto usando linhas guia, adjustment layers, modos de blend e layer styles. ...

Preview Descrição: Hoje veremos como criar um efeito de mosaico em uma foto usando linhas guia, adjustment layers, modos de blend e layer styles.

Tutorial Avançado
tutoriaisphotoshop.net

01. Pressione Ctrl+N ou vá em File> New para criar um novo documento.

tutoriaisphotoshop.net

02. Defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

03. Agora vá em View> Rulers ou pressione Ctrl+R para ativar as rulers ao redor do documento.

tutoriaisphotoshop.net

04. Clique sobre a ruler com o botão direito do mouse e escolha a opção Percent para mudar os valores para porcentagem.

tutoriaisphotoshop.net

05. Clique sobre a Ruler vertical e arraste, posicione a primeira guide na posição de 10%.

tutoriaisphotoshop.net

06. Repita a operação adicionando Guides a cada 10% até completar todo documento.

tutoriaisphotoshop.net

07. Repita o mesmo procedimento inserindo Guides horizontais, seu documento deverá ficar como o da foto abaixo.

tutoriaisphotoshop.net

08. Pressione Ctrl+Shift+N ou clique no ícone de Create a New Layer no rodapé da paleta de layers segurando a tecla Alt do teclado para criar uma nova layer.

tutoriaisphotoshop.net

09. A caixa abaixo irá aparecer, defina os valores indicados na foto e clique em Ok.

tutoriaisphotoshop.net

10. Sua paleta de layers deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

11. Clique sobre o ícone da Rectangular Marquee Tool e mantenha o botão do mouse pressionado, na lista que irá aparecer selecione a Single Row Marquee Tool.

tutoriaisphotoshop.net

12. Usando as Guides crie uma seleção na primeira parte do documento usando a Single Row Marquee Tool.

tutoriaisphotoshop.net

13. Com a tecla Shift pressionada clique nas outras Guides para adicionar mais seleções, faça isso até completar todas as linhas do documento.

tutoriaisphotoshop.net

14. Agora selecione a Single Column Marquee Tool.

tutoriaisphotoshop.net

15. Com a tecla Shift pressionada repita o mesmo procedimento e adicione novas seleções no documento.

tutoriaisphotoshop.net

16. Agora vá em Edit> Fill.

tutoriaisphotoshop.net

17. Defina os valores abaixo na caixa de Fill.

tutoriaisphotoshop.net

18. Vá em Select> Deselect para desabilitar a seleção.

tutoriaisphotoshop.net

19. Agora vá em View> Show> Guides para retirar a visibilidade das Guides que foram adicionadas.

tutoriaisphotoshop.net

20. Seu documento deverá ficar como o da foto abaixo.

tutoriaisphotoshop.net

21. Pressione Ctrl+O e abra uma foto qualquer, no caso deste tutorial usaremos a imagem abaixo.

tutoriaisphotoshop.net

22. Caso você esteja usando o Photoshop CS4 ou CS5 e suas imagens estejam abrindo em Tabs vá em Window> Arrange> Float All Windows.

tutoriaisphotoshop.net

23. Clique no documento que estamos trabalhando, clique na layer Background.

tutoriaisphotoshop.net

24. Pressione a letra V ou clique no ícone da ferramenta na barra de ferramentas para selecionar a Move Tool.

tutoriaisphotoshop.net

25. Com a tecla Shift pressionada clique sobre a imagem da garota e arraste para o documento que estamos trabalhando.

tutoriaisphotoshop.net

26. Sua imagem ficará como a da foto abaixo.

tutoriaisphotoshop.net

27. Sua paleta de layers deverá ficar parecida com a da foto abaixo.

tutoriaisphotoshop.net

28. Caso você precise redimensionar sua foto vá em Edit> Free Transform.

tutoriaisphotoshop.net

29. Caso você não consiga ver os pontos de transformação da caixa de Free Transform vá em View> Fit on Screen.

tutoriaisphotoshop.net

30. Com as teclas Shift+Alt pressionadas clique e arraste um dos pontos diagonais da caixa para redimensionar mantendo a proporção e centralização da imagem, pressione Enter para finalizar a transformação.

tutoriaisphotoshop.net

31. Para voltar a visualização anterior do documento vá em View> Actual Pixels.

tutoriaisphotoshop.net

32. Agora clique na layer Grid.

tutoriaisphotoshop.net

33. Pressione a letra W do teclado ou clique sobre o ícone da Magic Wand Tool para selecionar a ferramenta.

tutoriaisphotoshop.net

34. Comece a selecionar os pequenos quadrados, depois de clicar no primeiro mantenha a tecla Shift pressionada enquanto clica em outros quadrados.

tutoriaisphotoshop.net

35. Selecione diversos quadrados como na foto abaixo.

tutoriaisphotoshop.net

36. Selecione diversos quadrados como na foto abaixo (os quadrados selecionados estão em amarelo claro para facilitar a visibilidade).

tutoriaisphotoshop.net

37. Com a tecla Ctrl pressionada clique sobre o ícone de Create a New Layer no rodapé da paleta de layers.

tutoriaisphotoshop.net

38. Uma nova layer será criada abaixo da layer atual, sua paleta de layers deverá ficar parecida com a da foto abaixo.

tutoriaisphotoshop.net

39. Agora vá em Edit> Fill e defina os valores abaixo.

tutoriaisphotoshop.net

40. Sua imagem deverá ficar como a da foto abaixo, pressione Ctrl+D para desabilitar a seleção.

tutoriaisphotoshop.net

41. Clique na layer Grid novamente.

tutoriaisphotoshop.net

42. Pressione a letra W do teclado para selecionar a Magic Wand Tool novamente, com a tecla Shift pressionada clique nos quadrados marcados em amarelo claro na imagem abaixo.

tutoriaisphotoshop.net

43. Clique na layer da foto, como na foto abaixo.

tutoriaisphotoshop.net

44. Clique no ícone de Create New Fill or Adjustment Layer.

tutoriaisphotoshop.net

45. Escolha a opção Hue/Saturation.

tutoriaisphotoshop.net

46. Defina os valores abaixo.

tutoriaisphotoshop.net

47. Mude o modo de blend da layer para Color.

tutoriaisphotoshop.net

48. Sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

49. Repita o mesmo procedimento diversas vezes criando outros quadrados coloridos, para deixar quadrados em preto e branco retire totalmente a saturação da imagem como na foto abaixo.

tutoriaisphotoshop.net

50. Sua imagem deverá ficar como a da foto abaixo.

tutoriaisphotoshop.net

51. Sua paleta de layers deve estar como a da foto abaixo, clique na primeira Adjustment Layer de Hue/Saturation e mude o modo de blend da layer para Color.

tutoriaisphotoshop.net

52. Mude o modo de blend de todas as Adjustment Layers, deixe algumas em Color e outras em Screen.

tutoriaisphotoshop.net

53. Nas layers onde o modo de blend Screen foi aplicado clique duas vezes sobre a miniatura da Adjustment Layer de Hue/Saturation e defina o valor de Saturation em 70.

tutoriaisphotoshop.net

54. Sua imagem deverá ficar parecida com a da foto abaixo.

tutoriaisphotoshop.net

55. Agora clique na Adjustment Layer de Hue/Saturation que controla os quadrados em roxo e mude o valor de Saturation para 55, alguns modos de blend que podem funcionar muito bem com este tipo de efeito são os modos Multiply, Overlay e Screen.

tutoriaisphotoshop.net

56. Clique na layer Grid e marque a opção Lock Transparent Pixels.

tutoriaisphotoshop.net

57. Agora vá em Edit> Fill, na caixa que irá abrir escolha a opção White e pressione Ok, as linhas do seu grid ficarão brancas.

tutoriaisphotoshop.net

58. Agora clique no ícone de Add Layer Style no rodapé da paleta de layers.

tutoriaisphotoshop.net

59. Escolha a opção Stroke.

tutoriaisphotoshop.net

60. Defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

61. No final sua imagem ficará como a da foto abaixo.

tutoriaisphotoshop.net

Site de origem: http://www.photoshopessentials.com/photo-effects/colorized-grid-effect/

COMENTÁRIOS

BLOGGER: 8
  1. Legal...um efeito maneiro com o grid

    ResponderExcluir
  2. Muito bacana, acho que só falto uma informação, !ou eu não percebi".
    Para conseguir selecuonar os quadros por inteiro com a Varinha Mágica a opção
    "Contiguous" precisa estar marcada...

    ResponderExcluir
  3. Não consegui fazer pois minha ferramenta de seleção não esta selecionando =/ seleciona algumas partes apenas, mas fiz o teste em uma imagem menor e funcionou alguem sabe o que pode ser ?

    ResponderExcluir
  4. muito bom o efeito, só tive um leve probleminha com a Single Row Marquee Tool e a outra, nem sempre dava pra selecionar de uma vez só. Foi a única coisa que demorou mais. pq tinha que ajustar a régua de novo ¬¬

    ResponderExcluir
  5. eu não consegui tirar a grid, ficava sempre com as linhas em cima! depois desisti!

    como não percebo muito acabei por desistir!

    ResponderExcluir
  6. APARTIR DO PASSO NUMERO 15 NÃO CONSIGO PASSAR... PARA PREENCHER AS SELEÇÕES DA RÉGUA... DEVE ESTAR FALTANDO ALGUMA INFORMAÇÃO BÁSICA AI... ABRAÇOS

    ResponderExcluir
  7. caso tenha alguma duvida deste tutorial confira esta video aula no youtube
    http://www.youtube.com/watch?v=quHiUQN83Mg

    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,412,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,31,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,15,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,517,outubro,745,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,163,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,476,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Efeito grid colorido
Efeito grid colorido
http://www.andresugai.org/Tutoriais/02.2011/T04/imagem60.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2011/02/efeito-grid-colorido.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2011/02/efeito-grid-colorido.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