no , , , ,

Tutorial: Efeito de pequenos quadrados aplicados em foto

Preview Descrição: Como criar o efeito com pequenos quadrados em sua foto.

  • [message]
    • ##check##AVISO: Efeito de pequenos quadrados aplicados em foto

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado 🙂

tutoriais photoshop

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

Efeito de pequenos quadrados aplicados em foto

02. Dê dois cliques sobre a layer na paleta de layers, a seguinta caixa irá abrir, pressione Ok.

Efeito de pequenos quadrados aplicados em foto

03. Sua layer agora estará desbloqueada (sem o ícone do cadeado) como na foto abaixo.

Efeito de pequenos quadrados aplicados em foto

04. Pressione Ctrl+Shift+Alt+N para criar uma nova layer.

Efeito de pequenos quadrados aplicados em foto

05. Pressione a letra G do teclado para selecionar a Paint Bucket Tool, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores e deixar a cor branca como cor de Foreground, clique no documento para pintar a layer 1 de branco.

Efeito de pequenos quadrados aplicados em foto

06. Pressione Ctrl+[ para mover a Layer 1 (branca) para baixo como na foto abaixo, clique na Layer 0 (foto) para deixá-la selecionada.

Efeito de pequenos quadrados aplicados em foto

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

Efeito de pequenos quadrados aplicados em foto

08. Defina os valores abaixo.

Efeito de pequenos quadrados aplicados em foto

09. Agora clique no ícone de Add Layer Mask no rodapé da paleta de layers para adicionar uma máscara a sua layer.

Efeito de pequenos quadrados aplicados em foto

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

Efeito de pequenos quadrados aplicados em foto

11. Pressione a letra X do teclado para alternar a cor de Foreground para preta e logo apoós pressione a letra G do teclado para selecionar a Paint Bucket Tool, clique no ícone da máscara (retângulo branco ao lado da miniatura da foto usada) na paleta de layers e clique no documento para pintar de preto, ao fazer isto sua imagem irá sumir.

Efeito de pequenos quadrados aplicados em foto

12. Pressione a letra B do teclado para selecionar a Brush Tool, na barra de opções da ferramenta clique em Brush e na janela que se abre clique na pequena seta localizada no canto superior direito para abrir a lista de opções de Brush, escolha a opção Square Brush como na foto abaixo.

Efeito de pequenos quadrados aplicados em foto

13. Escolha a opção Append.

Efeito de pequenos quadrados aplicados em foto

14. Escolha o Brush de tamanho 16.

Efeito de pequenos quadrados aplicados em foto

15. Sua barra de opções deve estar como a da foto abaixo.

Efeito de pequenos quadrados aplicados em foto

16. Agora vá em Window> Brushes ou pressione F5, clique na opção Brush Tip Shape e na opção Spacing defina o valor de 400%.

Efeito de pequenos quadrados aplicados em foto

17. Clique em Shape Dynamics e defina o valor de Angle Jitter em 100% e Size Jitter em 0%.

Efeito de pequenos quadrados aplicados em foto

18. Clique em Scattering e mude o valor de Scatter para 500%.

Efeito de pequenos quadrados aplicados em foto

19. Pressione Ok, logo após pressione a letra X do teclado para alternar a Cor de Foreground para branca novamente e comece a clicar no documento.

Efeito de pequenos quadrados aplicados em foto

20. Agora pressione a letra X do teclado novamente para alternar a cor de Foreground para preto e novamente clique sobre o documento.

Efeito de pequenos quadrados aplicados em foto

21. Pressione a letra G do teclado para selecionar a Gradient Tool, caso a Paint Bucket Tool apareça pressione Shift+G para alternar para a Gradient Tool, clique no gradiente que aparece na barra de opções da ferramenta e defina um gradiente que vá do marrom claro para o marrom escuro como na foto abaixo.

Efeito de pequenos quadrados aplicados em foto

22. Aplique o gradiente na Layer 1 e sua imagem deverá ficar como a imagem abaixo.

Efeito de pequenos quadrados aplicados em foto

23. Caso queira continuar existem ainda 2 efeito que podem ser aplicados.

1. Para conseguir este efeito, clique na layer 0, pressione Ctrl+J para duplicar a layer, delete a Layer Mask e mude o modo de blend da layer para Overlay.

Efeito de pequenos quadrados aplicados em foto

2. Para conseguir o segundo efeito (abaixo) existem mais passos a seguir, por isso considerem o próximo passo como o passo 24.

Efeito de pequenos quadrados aplicados em foto

24. Clique na layer 0 e pressione Ctrl+J para duplicar a layer, vá em Filter> Blur> Radial Blur.

Efeito de pequenos quadrados aplicados em foto

25. Defina os valores abaixo.

Efeito de pequenos quadrados aplicados em foto

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

Efeito de pequenos quadrados aplicados em foto

27. Mude a opacidade da layer para 50%.

Efeito de pequenos quadrados aplicados em foto

28. Ao final sua imagem estará assim.

Efeito de pequenos quadrados aplicados em foto

site de origem: http://www.bruinstutorial.com/view_tut.php?id=216

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. Ae André, beleza
    Muito bom esse tuto, demais, adorei
    Legal também o nível de complexidade, é bom que aí quem for iniciante, pode “prestar mais atenção”, no tuto.
    Flw
    Té mais

  2. olá André
    Cara, eu estava indo bem até chegar no passo de numero nove e empacar.Não estou conseguindo pintar a máscara de preto como vc fez no trabalho.Ao lado daquele olho que tem na layer não aparece o símbolo dda máscara como no seu. O q estou fazendo de errado?
    Até
    Abç

  3. Mtu bom efeito.

    Po não qrendu cobramtu… e aquele tutorial de bordas? UHAUhauHA

    xD (q cara chato eu so neh… )

    Mais se vc cunsigui vo fikah agradecido… vlw!!

  4. Andre é a 1ª vez que entro no seu blog.
    Gostaria de parabenizá-lo pelo excelente trabalho.
    Gostaria também se você tem ou indica um blog como o seu de Corel Draw??
    Agradeço desde já
    Parabéns

  5. ae André…
    Parabéns pelo blog tá cada dia mais bacana!
    Tenho um problema com um trabalho, preciso da textura para o tutorial do efeito realista para bandeira…procurei no psdownloads e não encontrei, será que podes mandar o link?

    Grande abraço!

  6. Tubo dem André?

    Minha pergunta não é sobre o tutorial mas você poderia me dizer como se põe aqueles links dos outros artigos no topo da página?
    “« Tutorial Anterior: Criando Movimento com a Smudge Tool. | Página Inicial »”

    Boa sorte com o blog!

    Abraços.

  7. Grande professor..

    Na verdade um pedido…
    Uma luz….
    insidegraphics.com/frames/photoshop_filter_glass.asp
    as molduras ensinadas neste site, estou com dificuldade de realiza-las…Sempre fica uma larga moldura na cor branca e não como o mostrado no tutorial…
    Será que poderia dar uma ajuda?
    abraços
    ef

  8. desculpe…
    desfazendo o anonimato….no comentario acima
    efigueiredo

  9. Muito bom esse tuto André !!!
    Ow axei esse tuto cara , muito enteressante , soh que meio vago , se vc pudesse explicar melhor agradeceria , e se puder fazer da sua maneria axo que ficaria bem melhor , mais detalhado entende?
    desde já agradeço !!! Abeaço.

    webtutoriais.com/open.php?cut=4926

  10. André, muito interessante seu site.
    Gostaria de fazer um pedido, poderia nos ensinar a fazer aquelas placas de Procurado??
    Muito obrigado
    Até mais

  11. Oi André. Cara, nao sei como descobri seu blog e pronto: me fiz no Photoshop e hj eu estou me garantindo cada vez mais. Seus tutoriais me ajudaram a dominar as ferramentas do programas e , consequentemente, combiná-las para fazer trabalhos bárbaros. Hoje sou super elogiado por colegas, amigos e profissionais. Sou assinate do seu RSS e assim q aparece uma novidade eu a pego logo. Ah, se vc por acaso tiver algum probs no servidor [que nos livrem dessa grande má sorte], conte comigo, pois salvo todas as suas paginas de tutoriais [grande parte] e tenho um bom bocado impresso em uma apostila aqui em casa. Resumindo, sou um grande acervo de reserva!!!

    kkkkkkkkkkkk

    Abraços

    Thiago Sena

    danoxk[at]gmail.com

  12. A MERD* DA MASCARA NAUM FICA PRETA SO FICA BRANCA!!!!!!!!

    lucas_atum2308[at]hotmail.com vlw aew!

  13. Olá André

    Parabéns peloseu site.

    Neste exercicio não estou a conseguir concretizar o passo 6. Existe alguma outra maneira de mudar a layer para cima?

    Um abraço.

  14. Ai André.. otimo tuto.. fico massa !!

    AA ao Anonimo ai de cima.. vai com o mouse em cima da layer e clica e arrasta pra cima e pronto!! Facil!! ^^

  15. Putz André sou uma fã assidua e fervorosa do deu blog! cada dia aprendo mais!
    Consegui um efeito bem legal!
    queria que vc colocasse alguns tuto de recorte, pois tenho alguma dificuldade em recortes!

    parabéns!

  16. Iae André tdo bom?
    Kra tenta achar um tuto sobre esferas,axo mto bom, mas ainda n encontrei um tuto descente.
    E sera q vc n disponibiliza um pack de fontes e brushes ?
    Qualquer coisa depois eu lhe falo meu e-mail …
    Flwz

  17. olha^^

    ficou perfeito!!!!!

    deculpa minha burrice…mas…tow mt afim de fazer esses efeitos desse site…mas naum sei q photoshop vcs usam

    se vcs me disserem eu iria agradeçer

    obrigado pela atenção e continuem com esse trabalho q está maravilhoro

    vcs estão de parabéns!

  18. inhaaa….adoro esses tuto =D….
    mto bom apezar de ter dificuldades ¬¬” meu photoshop é Br….¬¬” e num intendu droga ninhuma de inglês rsrs num falo nem o português drt ¬¬’
    fk meio dificil mas a maioria eu consigo ñ como eu gstaria ….mas o pessoal tah gstnd dos efeitos em mnhas fotos….graças a vc….nuss num tem um dia em q eu não entre no blog pra saber mais rsrs ja vicio kkkk….esse efeito ainda to com um poko de dificuldade….>_

  19. No tutorial,Transformando cabelos castanhos em cabelos loiros. na parte que tenho que npintar os calelos de branco não consigo pintar dentro da área selecionada, estou fazendo algo errado?

  20. Bom dia!
    Pô André, esse tuto tá demias, muito bom mesmo.
    Todos os dias quando chego no trabalho a 1ª coisa que eu faço é abri dá uma passadinha aqui p/ ver o q há de novo.
    😀 Acho que estou viciada!
    rsss
    PARABÉNS MESMO!

  21. Encontrei essa foto enquanto fu�ava o blog Publicit�rio ascendente: lh6.google.com/lanydasilva/RzgxBnQvInI/AAAAAAAAAMg/S-0QenuKMEo/s400/Jake.jpg
    Quero saber se vc pode postar um tuto explicando como criar uma foto como essa.
    Quero parabenizar a pessoa que criou essa foto. Adorei mesmo.
    Obrigada Andr�.

  22. Oi Felipe, o nível de complexidade foi idéia de um leitor, achei interessante e coloquei, ainda não deu para colocar em todos os tutoriais, (assim como outras reformas que preciso terminar no blog hahah) mas com o tempo coloco tudo em ordem, obrigado pela visita!!

    Oi Jesiel, desculpe a demora n a resposta, bom, não entendi bem sua dúvida, você conseguiu aplicar a máscara na layer? aguardo sua resposta, obrigado pela visita!!

    Oi Lucas, os tutoriais de bordas que já existem aqui no blog não serviram? obrigado pela visita!!

    Oi Anônimo, outro dia achei um site só sobre Corel em Português muito bom, infelizmente não coloquei no meu favoritos, chegando em casa irei procurar e se achar eu postarei aqui ok? obrigado pela visita!! 🙂

    Oi Rafael, dê uma olhada nos comentário deste tutorial (efeito realista para bandeira), um dos leitores postou o link para uma textura de tecido, obrigado pela visita!! 🙂

    Oi Guido, basta inserir este código na tah head:

    [div align=”center”][b]« [/b] [BloggerPreviousItems] [a href=”[$BlogItemPermalinkURL$]”>[b]Tutorial Anterior:[/b] [$BlogPreviousItemTitle$][/a] | [a href=”[$BlogURL$]”][b]Página Inicial[/b][/a] [b]»[/b][/div][div style=”display:none”][/BloggerPreviousItems][/div]

    É só trocar o [] pelo , Obrigado pela visita!!

    Oi efigueiredo, o que você pode fazer é pressionar a letra C do teclado para selecionar a Crop Tool e cropar as áreas que estão sobrando na sua borda, pela imagem do site não dá para ter a idéia da grossura da borda pois o fundo do site e o fundo da imagem são brancos, espero que isso ajude, obrigado pela visita!! 🙂

    Oi Toni, infelizmente não trabalho com o Image Ready, e como o tutorial está em Português acho que dá para tirar as dúvidas com o autor não? aqui no blog já postei um tutorial sobre como dar o efeito de chuva a uma foto porém ser animar o efeito, abaixo segue o link do tutorial postado aqui no blog, obrigado pela visita!! 🙂

    Efeito de Chuva.
    tutoriaisphotoshop.blogspot.com/2006/11/efeito-de-chuva.html

    Oi Maurício, não sei se interessa mas esse site, cria automáticamente um cartaz de procurado para você, basta você fazer o upload da foto e definir o que via escrito no cartaz e pronto, obrigado pela visita!! 🙂

    Oi Thiago, valeu pelos elogios e pela força!! mas por precaução eu também tenho todos os tutoriais, matérias, layout entre outras coisas bem guardadas e arquivadas, o único problema com servidor que tive até hoje e espero não ter de novo é com o povo que copia o conteúdo do blog dando um ctrl+c e cola no próprio blog, fazendo com que as imagens sejam puxadas todas as vezes que alguém acessar o blog desta pessoa, o que acaba gerando mais tráfego de banda e algumas vezes fazendo com que algumas imagens até sumam… o que aconteceu quando eu hospedava em outro servidor, complicado pois acaba prejudicando todas as pessoas que acessam o blog, infelizmente não tem como evitar este tipo de coisa, obrigado pela visita!! 🙂

    Oi Anônimo, ao clicar com a Paint Bucket Tool com a cor preta no documento, seu documento irá ficar branco, enquanto que o ícone da máscara na paleta de layers irá ficar preto, é isso, obrigado pela visita!! 🙂

    Oi Anônimo, como o Gustavo disse basta clicar na layer e arrastar e pronto, :), obrigado pela dica Gustavo!! voltem sempre!! 🙂

    Oi Greicy, sua dificuldade é com as ferramentas de recorte? se for dê uma olhada na sessão PS Help! lá além da descrição básica das ferramentas existem alguns tutoriais ensinando a usá-las também, espero que ajude, obrigado pela visita!! 🙂

    Oi Danillo, sobre esferas outro dia eu postei este tutorial, não sei se você chegou a ver, quanto as fontes e brushes, bom, eu não disponibilizei os packs mas sim os links para os sites que disponibilizam na sessão PS Downloads, espero que curta, obrigado pela visita!!

    Oi Julia, fico feliz que tenha dado certo aí, obrigado pela visita!! 🙂

    OI JJ, utilizando o Photoshop CS3 você consegue realizar todos os tutoriais do blog, obrigado pela visita!! 🙂

    Oi Doll, caso você use o Firefox para entrar no blog conseguirá ver os termos grifados (ferramentas, modos de blend, filtros e tudo que estiver em inglês) em Português apenas passando o mouse sobre os termos, infelizmente não consegui fazer este script funcionar no Internet Explorer, mesmo assim fica a dica, e caso queira no PS Help! existe o glossário para os termos em inglês também, obrigado pela visita!! 🙂

    Oi Anônimo, para facilitar você pode comentar no próprio tutorial que tem dúvidas, eu recebo todas por e-mail, mas quanto a sua dúvida fica difícil saber, o Photoshop dá alguma mensagem quando você tenta pintar? obrigado pela visita!!

    Oi Ninna, obrigado pelas visitas, bom, na foto que você enviou o link com certeza fizeram um recorte do rapaz, aplicaram em um fundo e depois aplicaram alguns brushes, assim que possível posto algum tutorial ensinando como fazer ok? obrigado pela visita!! 🙂

  23. fala aee rapah
    blzz
    poo kra aee
    tenhu ki dizerr
    primera vez ki ew passo akee nesse blogg
    i ohh
    blooggggg suuuuppperrr recomendadoo
    kraio mano
    tu manda mt mermu
    olhei varios efeitos akee
    tentei fazer alguns
    mais comu ew soo burro
    num consegui fazer kuaze nenhum
    lol
    mas tah blzz
    mt foda u blog
    jah tah favoritado akee in kzaa
    hehe
    mas aee
    too precisandu de uma ajuda tua manoo
    serah ki vc pode postah um tutorial aee
    de como aumentah a kualidade da foto
    ex:melhorar foto de celular
    tem como ??
    se tiver agradecoo
    se num tiver agradeco tbm
    jah ki tem varias paradas akee
    td de gratiss
    mt baum mermu veio tah de parabenss
    aee oh koker coisa mew e-mail
    nellzinhow[at]hotmail.com
    abracoss e sucesso manooo!!
    tu merece!
    hehe
    fui ki fui

  24. Oi nellzinhow, dependendo da quantidade de MegaPixels e da lente da câmera do celular não tem como aumentar a qualidade das fotos infelizmente, mas vou pesquisar algo desse tipo e posto aqui no blog ok? obrigado pela visita e pelos elogios ao blog!! volte sempre!! 🙂

  25. Eu achei o máximo esse tuto.
    Só que eu nunca consigo aplicar o gradient tool nos meus trabalhos. Será que alguém pode me dizer o que é que estou fazendo de errado?

    Thank’s

  26. Oi Bianca, quando você seleciona a Gradient Tool clica e arrasta para definir o gradiente no documento o que acontece? obrigado pela visita!! 🙂

  27. Adorei o efeito…mas eu fiquei no passo 19…dai…eu não consigo passar…
    Não estou conseguindo da o OK…como diz la pra fazer…..

  28. Oi Kika, no passo 19 como estamos trabalhando sobre a máscara usamos o brush que acabamos de configurar com a cor branca a partir daí é só ir clicando no documento para deixar como na foto do passo 19, espero que ajude, obrigado pela visita!! 🙂

  29. André, no 18º passo, você esqueceu de mencionar o ajuste no “Count” e no “Count Jitter”. Você só cita o “Scatter” pra ajustar em 500%.

    Valeu meu velho.
    Parabens. Seu blog é show de bola!

    Abraço! o/

  30. Oi Quasezero, é que quando se entra em Scattering aqueles valores já são padrões, a menos que você já tenha modificado.. aí sim eles devem ser reajustados para os valores que estão na imagem, obrigado pelo toque, volte sempre!! 🙂

Deixe uma resposta

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

3 × cinco =

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

Tutorial: Criando Movimento com a Smudge Tool

Arte com retângulos sobre foto.