no , , , ,

Tutorial: Como criar uma foto feita de várias fotos

Descrição: Como criar uma foto composta de várias outras mini fotos em um estilo muito parecido com mosaico.

01. Pressione a letra M do teclado para selecionar a Rectangular Marquee Tool.

como criar uma foto feita de vrias 2

02. Pressione a letra Shift e desenhe uma seleção quadrada no rosto da foto escolhida para aplicar o efeito, caso precise acertar a seleção vá em Select> Transform Selection.

como criar uma foto feita de vrias 3

03. Agora vá em Image> Crop para recortar a imagem.

como criar uma foto feita de vrias 4

04. Agora iremos trabalhar as fotos que irão ser aplicadas sobre a foto anterior, pressione a letra C do teclado para selecionar a Crop Tool.

como criar uma foto feita de vrias 5

05. Com a Crop Tool selecionada vá na barra de opções da ferramenta que fica no alto da tela e defina os valores de 50 pixels para width (largura) e height(altura) como na foto abaixo (este valor pode variar de acordo com a imagem usada).

como criar uma foto feita de vrias 6

06. Agora crie uma seleção na área que queremos cortar como na foto abaixo.

como criar uma foto feita de vrias 7

07. Após posicionar a seleção na área desejada pressione Enter para recortar a imagem, isto irá gerar uma imagem de 50×50 pixels como foi definido na barra de opções da ferramenta.

como criar uma foto feita de vrias 8

08. Faça o mesmo processo na segunda foto, utilizando a Crop Tool para recortar a imagem no mesmo tamanho da imagem anterior (50×50 pixels).

como criar uma foto feita de vrias 9

09. Pressione Enter para deixar sua imagem no mesmo tamanho da imagem anterior.

como criar uma foto feita de vrias 10

10. Agora pressione Ctrl+N para criar um novo documento, defina um tamanho de 100×100 pixels e 72 dpi´s como na foto abaixo.

como criar uma foto feita de vrias 11

11. Agora pressione a letra V do teclado para selecionar a Move Tool.

como criar uma foto feita de vrias 12

12. Clique na primeira foto que foi cropada e arraste ela para cima do documento que acabamos de criar.

como criar uma foto feita de vrias 13

13. Dentro do documento posicione a imagem conforme é mostrado na imagem abaixo.

como criar uma foto feita de vrias 14

14. Depois de posicionar a foto como na foto acima, clique sobre ela com a tecla Alt pressionada e arraste uma cópia para a posição da foto abaixo.

como criar uma foto feita de vrias 15

15. Agora faça o mesmo com a segunda imagem, clique e arraste para dentro do novo documento como na foto abaixo.

como criar uma foto feita de vrias 16

16. Depois posicione a foto conforme a foto abaixo.

como criar uma foto feita de vrias 17

17. Agora pressione a tecla Alt, clique e arraste para criar uma cópia, posicione a cópia conforme a foto abaixo.

como criar uma foto feita de vrias 18

18. A sua paleta de layers nesse momento deve conter 5 layers se tudo estiver certo, ela deve estar como a da foto abaixo.

como criar uma foto feita de vrias 19

19. Clique na layer que está acima de todas as outras e pressione Ctrl+E para ir mesclando as camadas, faça isso até sobrar apenas uma camada.

como criar uma foto feita de vrias 20

20. Agora vá em Image> Adjustments> Desaturate ou pressione Ctrl+Shift+U, sua imagem deverá ficar preto e branca.

como criar uma foto feita de vrias 21

21. Agora vá em Edit> Define Pattern, dê um nome qualquer para seu pattern, neste tutorial ele irá se chamar Kids, clique em Ok.

como criar uma foto feita de vrias 22

22. Agora feche este documento e volte para a foto principal e pressione Ctrl+Shift+N para criar uma nova layer ou clique no ícone Create A New Layer no rodapé da paleta de layers.

como criar uma foto feita de vrias 23

23. Sua paleta de layers deve estar parecida com a da foto abaixo.

como criar uma foto feita de vrias 24

24. Clique na layer que acabou de ser criada e vá em Edit> Fill, na caixa que se abre , em Use escolha a opção Pattern no menu dropdown, o Pattern criado antes com o nome de Kids deve ser o último das miniaturas apresentadas na caixa de Fill, clique nele para selecionar o novo Pattern.

como criar uma foto feita de vrias 25

25. No rodapé da caixa de Fill certifique-se de que a opção Blending Options está em Normal e Opacity esteja com 100%, clique em Ok, sua layer deve ficar como a da foto abaixo.

como criar uma foto feita de vrias 26

26. Agora mude o modo de blend da layer para Overlay.

como criar uma foto feita de vrias 27

27. No final você aprendeu como criar uma foto composta por outras fotos e seu resultado deverá ficar como a imagem abaixo, caso o Pattern fique com as cores muito intensas tente mudar o modo de blend da layer para Soft Light e mexer em sua opacidade para ajudar.

como criar uma foto feita de vrias 1

Site de origem: http://www.photoshopessentials.com/photo-effects/photo-fill/

Publicado por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

Deixe uma resposta para André SugaiCancelar resposta

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

onze + doze =

    Comentários de$ s

    1. Eu como é a primeira vez, estou um pouco perdido mais estou gostando muito com as técnicas que vocês estão aplicando,fáceis e práticas estou gostando muito que estou aprendendo como fazer, muito obrigado por colocar essas dicas um grande abraço.

    2. Fala André, tudo bem camarada?

      Cara estou com um problema no meu PS nesse tuto. As medidas das miniaturas das fotos estão em 50 x 50 e o novo documento está 100 x 100 px, mas quando arrasto as miniaturas para o documento elas ficam maiores e não dá pra colocar 2 lado a lado, pois ficam passando da margem do documento, parece que está tudo certo, mas não está. Pode me dizer o que pode estar acontecendo? Como faço para arrumar esse erro? Valeu. Tudo de bom pra você cara.

    3. Esse tutorial dispensa comentarios. Muito bem explicado, passo a passo, com uma leitura fácil e imagens muito bem colocadas.
      Para quem vai postar um tutorial, deveria ver esse primeiro, que serve muito bem como exemplo de elaboração. PARABÉNS.

    4. Excelente esse tutorial… acabei d me cadastrar no site… eu queria sugerir um tutorial desse não com duas fotus mas com varias fotos diferentes e em diferentes escalas… muito mais complicado né? Eu estava querendo fazer uma montagemm dessas mas com fotos dos meus amigos e parentes formando uma foto minha… Parabens pelo blog!!!

    5. Ao usar a ferramenta corte para fazer as carinhas.. vc pede para coloca 50 largura e 50 altura em pixels, correto? Mas eu não consigo configurar as medidas em pixel.. só aparece pra mim em cm. Minha imagem ficou enorme.. como faço?

    6. Ao usar a ferramenta “corte” para fazer as carinhas.. vc pede para coloca 50 largura e 50 altura em pixels, correto? Mas eu não consigo configurar as medidas em pixel.. só aparece pra mim em cm. Minha imagem ficou enorme.. como faço?

    7. Oi Eu, sabe quantos megapixels tem a imagem? em alguns casos não dá para fazer nada mas tente ir no filtro Shadow/Highlights indo em Image> Adjustments> Shadow/Highlights, espero que ajude, obrigado pela visita!! volte sempre!! 🙂

    8. Oi Anônimo, tutorial sobre isso ainda não postei aqui no blog mas já postei um tutorial explicando sobre a Slice Tool, enquanto não posto nada a respeito dá uma olhada para ir entendendo como a ferramenta funciona :), obrigado e volte sempre!!

      Como usar a Slice Tool ou Ferramenta Fatia.
      tutoriaisphotoshop.blogspot.com/2007/05/como-usar-slice-tool-ou-ferramenta.html

      Oi Yasmin, pelo que vi foram usados alguns Brushes, para os textos que aparecem sobre a foto e algumas marca d’aguas e um efeito que já postei aqui no blog chamado Efeito de Sonho a foto, dá uma olhada, obrigado pela visita!!

      Efeito de Sonho a foto
      tutoriaisphotoshop.blogspot.com/2006/10/efeito-de-sonho-foto.html

      Oi Danny, obrigado pelas visitas e pelo elogio ao blog, quanto a versão do Photoshop realmente alguns efeitos já não são mais possíveis na versão 7 do programa, o ideal mesmo é utilizar a última versão ou seja a CS3, mas com a CS2 você consegue realizar todos os tutoriais do blog sem problemas :), obrigado pelas visitas!! e volte sempre.

      Oi Bruce, tutorial postado!! 😀

      Letras entalhadas.
      tutoriaisphotoshop.blogspot.com/2007/08/letras-entalhadas.html

      Oi Adrê, você pode baixar por sites como o Superdownloads ou o Baixaki, obrigado pelas visitas e pelo elogio ao blog!! volte mais vezes 🙂

    9. Olá Andre, primeiramente gostaria de te dar os parabéns, tu é fera mesmo, muito show o teu blog e de grande ajuda tbm……Eu gostaria de saber se é possível fazer um entalhe interno……to precisando muito disso mas nao sei como fazer…….por favor disponibilize um tutorial sobre asse assunto, vlw abraços e mais uma vez parabéns

    10. Oi André, primeiramento muuuuuuito obrigada por disponibilizar tanta conhecimento, pela ajuda, pela assistência, pela atenção e principalmente por me salvar por ser iniciante no Photoshop.
      Instalei o programa a pouco tempo e o máximo que sabia fazer era abrí-lo. Hehe.
      Agora já dá p fazer muita coisa graças a sua enorme ajuda.
      Adoro todos os tutoriais que vc disponibilizou até agora. (Tenho todos e me estão sendo muito úteis.) Tenho uma dúvida… Utilizo o PS 7,0 e há alguns tutoriais que não dá p concluí-lo com essa versão. Portanto, qual seria a versão que eu deveria instalar para poder utilizar todos esses tutoriais, ou pelo menos a maior parte?
      É muito legal acompanhar esses tutoriais e vê tudo sendo realizado, transformado.
      Mais uma vez muuuuuuuuuuuuuitíssimo obrigada por essa iniciativa de disponibilizar todos esses tutoriais, todo seu conhecimento (que não é pouco) e pela assistência e atenção.

      Grande Beijo.

    11. Oi Kal o tutorial para retirar o fundo branco de imagens é este:

      Removendo Fundo Branco Usando Channels.
      tutoriaisphotoshop.blogspot.com/2006/12/removendo-fundo-branco-usando-channels.html

      Dá para usar a varinha mágica também, se sua imagem tiver um bom contraste mas eu não aconselho pois a varinha acaba deixando deixando uns pontos bem chatos de retirar nas bordas de letras, curvas etc, para mudar o tamanho da imagem é só você ir em Image> Image Size (Ctrl+Alt+i), espero que consiga, obrigado pelas visitas 😀

      Obrigado pela ajuda [sna]* !! 🙂

      Oi Fau, obrigado pela visita e pelo elogio ao blog!! volte sempre!!

    12. Kal, pra usar as imagens maiores vc faz a pattern maior, ou usa a opção “Scale” quando for adicionar a pattern, mas acho que não tem essa opção indo pelo “Fill”… É só vc aplicar o pattern pelo “Blending Options > Pattern Overlay” (ícone do “F” na janelinha das layers).

      Anônimo, Overlay é um modo de blending que sobrepõe a camada a outra permitindo a passagem de cores e linhas, dando esse efeito meio “transparente” a ela.

      (Expliquei bem? xDD)

      Espero ter ajudado!

    13. show de bola,sao tutos assim q a galera adoraaaaaaaa.parabens mais uma vez.so uma pergunta,tem como fazer para as fotos ficarem maiores?
      E quando a foto de fundo transparente para o site lembra?nao achei o tuto.me ajuda ai
      um abraço

    Texto de Água.

    Tutorial: Criando o fundo do mar