Criando um mosaico sobre uma imagem.

Descrição: Há um bom tempo atrás já vimos um tutorial de como estilizar uma foto usando pequenas fotos, hoje utilizaremos outra técnica para conseguir um resultado bem parecido, é importante lembrar que para criar as miniaturas você deve tomar cuidado e copiar as imagens para que não perca as imagens originais pois o processo que utilizaremos é irreversível, para criar o efeito mosaico usaremos actions, criaremos um droplet, a função contact sheet II, modo de blend e a função Place.








01. Antes de começar este tutorial você precisará de um folder com diversas fotos, estas fotos irão compor o mosaico e revelar a imagem da foto maior, caso você queira utilizar fotos suas faça uma cópia de segurança deste folder pois as alterações que vamos fazer nestas imagens são irreversíveis, neste tutorial o folder usado contém 500 fotos.

tutoriais photoshop

02. Agora no Photoshop vá em Window> Actions, clique na pequena seta no canto superior direito da paleta de Actions e escolha a opção New Actions, dê o nome de Mosaico para a nova action e pressione Record para começar a gravar a action.

tutoriais photoshop

03. Pressione Ctrl+O e abra uma das fotos do folder com as imagens que irão compor o mosaico, com a imagem aberta vá em Image> Image Size e defina os valores abaixo, clique em Ok e depois feche a imagem que foi redimensionada, clique no botão Stop no rodapé da paleta de layers para finalizar nossa Action.

tutoriais photoshop

04. Agora vá em File> Automate> Create Droplet, isto criará um pequeno aplicativo que contém nossa action, no painel que irá abrir clique no menu dropdown de Action e escolha a action que criamos chamada Mosaico, é importante marcar a opção Override Action "Open" Commands para que a ação de Open (abrir imagem) seja ignorado, pressione Ok e salve seu droplet em sua área de trabalho.

tutoriais photoshop

05. Agora selecione todas as imagens dentro do folder e arraste elas para cima do droplet criado, automaticamente o Photoshop irá redimensionar todas as imagens.

tutoriais photoshop

06. Depois que o processo terminar vá em File> Automate> Contact Sheet II.

tutoriais photoshop

07. Na caixa que irá abrir defina o tamanho da foto onde você irá aplicar o efeito de mosaico, no caso deste tutorial a imagem onde o efeito será aplicado tem 55x40 cm, clique em Choose e escolha o folder que contém as fotos que serão usadas para criar o efeito, defina os valores como na foto abaixo e pressione Ok.

tutoriais photoshop

08. O Photoshop criará um documento contendo todas as imagens, como a da foto abaixo, cada imagem estará em uma layer diferente, vá em Layer> Flattern Image para mesclar todas as layers em uma única layer, pressione Ctrl+S para salvar seu documento, salve no formato que achar mais adequado.

tutoriais photoshop

09. Agora presscione Ctrl+O e abra a imagem que receberá o efeito, com a imagem aberta vá em File> Place e escolha o arquivo que criamos anteriormente com as imagens do folder, ajuste a imagem de acordo com seu documento e pressione Enter, mude o modo de blend da layer para Hard Light.

tutoriais photoshop

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

tutoriais photoshop

site de origem: http://csscreme.com/tutorials/photoshop-tutorials/photo_mosaic_in_photoshop
Compartilhe no Google Plus

Sobre André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, colaborador Tech Tudo (Globo.com ), iMasters (UOL), Adobe, Revista Photoshop Creative e parceiro Adobe, Dollar Photo Clube e Wix. Siga-me no Twitter | Facebook | Portifólio.
    Comente com Blogger
    Comente com Facebook

26 comentários:

  1. André, to com um problema cara...

    Quando eu crio o droplet que arrasto as imagems pra cima dele, diz que não foi possivel encintrar o caminho especificado ou que eu não tenho permissões pra fazer isso...

    E agora ?!?!

    ResponderExcluir
  2. Oi Akrom Valeth, você mudou o Droplet de lugar? ou seja, quando criou ele e salvou (por exemplo no Desktop), quando foi utilizar passou ele pra alguma pasta ou algo parecido? obrigado pela visita!!

    ResponderExcluir
  3. Sim...Criei ele em uma pasta que separei com as imagems pro mosaico e depois movi ele pra uma outra pasta em Meus Documentos...

    Será que foi isso ?

    ResponderExcluir
  4. Oi Akrom Valeth, estou achando que sim, deixe o droplet no local em que foi criado e tente usar ele lá para ver se foi isso mesmo, se der certo deixe um recado aqui confirmando ok? obrigado pela visita! :)

    ResponderExcluir
  5. Olá André!
    estou com o mesmo problema do Akrom, porém eu não movi o droplet do lugar.
    Criei no desktop e o mantive lá. Arrastei 500 fotos de uma outra pasta para o droplet e deu a mesma msg do Akrom. O que será?

    ResponderExcluir
  6. Tbm estou com o mxm problema!!
    Up

    ResponderExcluir
  7. Oi Saulo Brício, Aílton Kajihara e Akrom Valeth, estou fazendo testes aqui para ver o que pode ter saído errado, ainda hoje postarei a resposta ok? obrigado pelos avisos!! :)

    ResponderExcluir
  8. Acabei de atualizar o tutorial , no passo 04 antes de pressionar Ok marquem a opção Override Action "Open" Commands para que a ação de Open (abrir imagem) seja ignorada pelo Photoshop, façam o teste e me digam se deu certo, obrigado pela visita e pelos recados pessoal!! :)

    ResponderExcluir
  9. Andre deu certo cara!! ^_^

    Fiz oque você falou e continuava com o erro...
    Ai pensei assim: "Pode ser que algum arquivo esteja com problema..."

    Ai ao invés de mandar a pasta toda pro Droplet, mandei um arquivo só e deu certo...ai fui aumentando a quantidade... AKI no meu pc eu posso mandar pro Droplet de 27 em 27 arquivos de uma vez, se mandar mais que isso dá o mesmo erro.

    Tentem ai pra ver se da certo pessoal \o/

    Continue com o belo trabalho andre, abração o/

    ResponderExcluir
  10. Oi Akrom Valeth , valeu pelo toque, estranho isso acontecer, no meu computador já cheguei a mandar mais de 500 fotos sem problema, vou investigar se isso é ligado com a configuração do computador ou versão do Photoshop, valeu pela participação!! :)

    ResponderExcluir
  11. Cara desculpa ficar te enxendo e tal...mas curti muito esse efeito e to afimzaço de fazer em uma foto minha...mas apareceu otro problema aqui...

    http://img168.imageshack.us/img168/8219/ajudadenovo.jpg

    Olha esse link que tu vai entender tudo, não tem a opção Contact Sheet II, ela é algum tipo de plugin ou algo assim ?!?!

    Abraço o/

    ResponderExcluir
  12. não são todos que tem um MAC xD.... mas pode ser memoria RAM tb....

    vai em Editar, preferencias, geral....seleciona a opção desempenho e de uma olhada de qto o seu photoshop consome de memoria.... talvez aumentando isso, dê pra mandar mais arquivos..... mas o ideal é deixar uns 50%, no maximo 60 se vc tiver mta memoria RAM... pq se não, vc naum consegue mexer em mais nada se o photoshop tiver aberto =\

    Abraços!!
    Thiago Sanches

    ResponderExcluir
  13. Oi Akrom Valeth, não enche não, pode perguntar quanto quiser! o Contact Sheet II assim como outros recursos foram separados do Photoshop CS4 e disponibilizados em forma de Plug In pela Adobe, dá uma olhada na matéria abaixo que você vai entender melhor e saber onde e como fazer para conseguir instalar esses recursos novamente, obrigado pela visita!!

    O que houve com o filtro Extract e outros recursos no Photoshop CS4 e o que fazer para reinstalar novamente.

    Oi Thiago, não posso dizer com certeza se tem haver com memória ou o tipo de computador pois nunca tive esse erro no trabalho (onde uso PC) e em casa (onde uso Mac), mas em ambos eu tenho mais de 2 Gb de RAM, obrigado pela dica! :)

    ResponderExcluir
  14. Vixi...o meu nw da certo nw!
    se mando tds as imagens fala "D:\Mosaico.exe
    A área de dados transferida para uma chamada do sistema e muito pequena"
    Alguem sabe pq essa mensagem?!?
    qnd tento com menos foto,fala"Adobe Photoshop Droplet parou de funcionar"

    ResponderExcluir
  15. É André, acho que tem a ver com a configuração do Pc. A exemplo do Makrom, meu limite é de 15 fotos por vez.
    Mas valeu!!!!

    ResponderExcluir
  16. olá andré, adoro seu site!!!

    Quando faço o mosaico fica um espaço em branco entre as linhas na horizontal (coloco exatamente os mesmos valores mostrados na etapa 7), o que pode estar ocorrendo?
    valeu

    ResponderExcluir
  17. O passo 4 só funcionou comigo, após eu ter salvo a foto, se não nem pegava e como o amigo lá em cima falou, tentem mandar poucos arquivos como 29,27 e vão aumentando ou diminuindo.

    ResponderExcluir
  18. Olá André, gostei muito do tutorial, parabéns, só estou com um problema, quando faço o mosaico tá ficando um espaço branco entre as lihas horizontais, estou copiando exatamente os valores da imagem, o que pode estar acontecendo? Como resolvo isso?
    Obrigado!

    ResponderExcluir
  19. eu tbm estou com um problemao
    eu nao sei criar esse folfer eu nao sei o que é folder
    eu me enrrolo todo na hora que vc pede pra arrastar as imagens pra dentro do droplet me ajuda por favor eu queria tanto faze essa montagem
    obrigadoo

    ResponderExcluir
  20. ola...
    quando vou mandar as imagens pro Droplet diz q ele nao pode se comunicar com o photoshop...oq será?

    ResponderExcluir
  21. Olá André, sempre tive curiosidade para entender este processo. Estou tendo um problema, arrassto as imgs ao droplet no desktop mas elas não reduzem... já refiz a action com save no fim e nada...

    ResponderExcluir
  22. André sou novo aqui e gostaria de saber se vc pode me ajudar, voltei o vista original no meu note e desde então o droplet parou de funcionar tanto no CS2 como no CS4, ele da uma msg falando que o photoshop para de funcionar e fecha o droplet ficando na tela do photoshop, vc já viu isso, é algum problema do vista, tem como resolver, socorrooooooooooo hehehheheh
    aproposito adorei esse tutorial, parabens.


    Rodrigo

    ResponderExcluir
  23. amigo, estou com um probléma, quando faço o Contact Sheet II as imagens em suas respectivas fileiras alinhadas sem espaçamento mais da fileira 1 pra 2 fika alguns milimetros em branco, tem geito de resolver isso?
    att lucas!

    ResponderExcluir
  24. Meu caro, seu post é excelente. Ensina direitinho como fazer esse tipo de mosaico. Gosteis bastante e consegui fazer o que queria. Porém, apenas um pequeno detalhe: restaram espaços em branco entre as colunas de fotos formadas na folha de contato II. Como faço para resolver?

    Abraços!

    ResponderExcluir