Tutorial: Como usar uma foto como background para ela mesma

COMPARTILHE:

Como estilizar uma imagem para que ela seja background dela mesma.

Preview Descrição: Como estilizar uma imagem para que ela seja background dela mesma.

  • [message]
    • ##check##AVISO: Como usar uma foto como background para ela mesma

      • 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, para este tutorial iremos usar a imagem abaixo.

Como usar uma foto como background para ela mesma

02. Sua paleta de layers deve estar como a da foto abaixo.

Como usar uma foto como background para ela mesma

03. Pressione Ctrl+J duas vezes para duplicar a layer, sua paleta de layers irá ficar como a da foto abaixo.

Como usar uma foto como background para ela mesma

04. Clique no ícone do olho para retirar a visibilidade da layer que está acima de todas as outras.

Como usar uma foto como background para ela mesma

05. Clique na layer do meio.

Como usar uma foto como background para ela mesma

06. Pressione a letra I(i) do teclado para selecionar a Eye Dropper Tool.

Como usar uma foto como background para ela mesma

07. Com a Eye Dropper Tool selecionada clique em alguma área para selecionar uma cor a ser usada no Background que será criado.

Como usar uma foto como background para ela mesma

08. A cor escolhida irá aparecer como cor de Foreground na paleta de ferramentas.

Como usar uma foto como background para ela mesma

09. Agora clique no ícone de New Adjustment Layer no rodapé da paleta de layers

Como usar uma foto como background para ela mesma

10. Escolha a opção Hue/Saturation na lista que irá abrir.

Como usar uma foto como background para ela mesma

11. Clique na opção Colorize.

Como usar uma foto como background para ela mesma

12. Sua imagem irá ficar assim.

Como usar uma foto como background para ela mesma

13. Defina o valor de Saturation em 50 e Lightness em 75.

Como usar uma foto como background para ela mesma

14. Clique em Ok, sua imagem irá ficar como a imagem abaixo.

Como usar uma foto como background para ela mesma

15. Clique na layer 1 e vá em Edit> Transform> Flip Horizontal.

Como usar uma foto como background para ela mesma

16. Clique na frente da layer que está sem visibilidade para restaurar sua visibilidade novamente.

Como usar uma foto como background para ela mesma

17. Clique na primeira layer (a que está acima de todas), agora pressione Ctrl+T para ativar a Free Transform Tool, pressione a tecla Shift+Alt e clique sobre uma das pontas da foto, arraste com as teclas pressionadas para aumentar a imagem proporcionalmente.

Como usar uma foto como background para ela mesma

18. Pressione Enter quando estiver do tamanho adequado, agora clique no ícone de Layer Styles no rodapé da paleta de layers.

Como usar uma foto como background para ela mesma

19. Selecione a opção Stroke na lista que irá abrir.

Como usar uma foto como background para ela mesma

20. Clique na opção Colors para escolher uma cor para a borda.

Como usar uma foto como background para ela mesma

21. Aqui você pode escolher a cor que achar melhor, como a janela de cores foi aberta usamos a cor do vestido para criar a borda da foto, para isto basta clicar sobre a foto, ao tirar o mouse de cima da caixa de cores a Eye Dropper Tool automaticamente irá aparecer.

Como usar uma foto como background para ela mesma

22. Agora defina o tamanho da borda e se ela será para dentro da imagem ou para fora, defina como na foto abaixo.

Como usar uma foto como background para ela mesma

23. Agora escolha opção Drop Shadow.

Como usar uma foto como background para ela mesma

24. Ao abrir a caixa de Drop Shadow clique na caixa ao lado da opção Blending Mode.

Como usar uma foto como background para ela mesma

25. Assim que a caixa de cores abrir clique em algum ponto da foto, para este efeito escolhemos a cor do rosto do noivo.

Como usar uma foto como background para ela mesma

26. Agora defina os valores abaixo.

Como usar uma foto como background para ela mesma

27. Clique em Ok, para sair da caixa de Layer Style e sua imagem deverá estar como a imagem abaixo.

Como usar uma foto como background para ela mesma

28. Pressione a letra V do teclado para selecionar a Move Tool.

Como usar uma foto como background para ela mesma

29. Com a layer que contém a foto de fundo selecionada clique e arraste a foto até ajudar a seu gosto, aqui subimos a foto para que o rosto do casal ficasse em evidência.

Como usar uma foto como background para ela mesma

30. Agora pressione Ctrl+T para ativar a caixa de Free Transform, redimensione a imagem caso seja necessário, clique em um dos pontos diagonais e com a tecla Shift pressionada clique e arraste para redimensionar até achar um tamanho que fique bom.

Como usar uma foto como background para ela mesma

31. Ao final sua imagem ficará assim.

Como usar uma foto como background para ela mesma

COMENTÁRIOS

BLOGGER: 25
  1. Comecei a utilizar o photoshop à uma semana e pouco e não sabia nem abrir uma imagem, mas os seus tuturiais são simplesmente brutais, bem explicados, com efeitos muito giros e com todas aquelas coisas que eu sempre via nas revistas, e outdoors e sabia que não podia ser o fotografo sozinho, sem a ajuda magica de um Expert como você.

    muito obrigado pelos tuturiais, é realmente fantástico como você está disposto a ajudar toda uma comunidade com os seus conhecimentos.

    eu adorei e já consegui fazer o efeito desta montagem. um abraço, boa sorte.

    ResponderExcluir
  2. Olá André!
    Gostaria de te dar os parabéns pelo blog. To aprendendo agora a brincar com o PS e teu blog tá sendo de uma utilidade absurda.

    Por sinal, mt lindo os efeitos xD

    Tem um detalhe, entretanto, não consigo ver algumas fotos, principalmente qdo tuto é um pouco mais longo, este último por exemplo eu não consegui ver todo. Eu fiz, só não sei se ficou certinho ^^!

    No mais, é parabéns memso e muito obrigada por compartilhar o conhecimento que tu tens!
    Vlw!!!!
    =D

    ResponderExcluir
  3. Nossa os tutorias de vcs são simplesmente os melhores!!!

    Extremamente bem explicados, perfeito para aguém como eu que está aprendendo agora!!!

    Muitíssimo obrigado e continue com esse ótimo trabalho!!!

    ResponderExcluir
  4. Parabéns por seus tutoriais. De grande utilidade. Até um tempinho atrás não manjava nada de photoshop. Hoje já consigo fazer algumas coisinhas...rss

    Gostaria um dia se vc pudesse fazer um tutorial de como fazer banners para paginas internet.

    Parabéns mais uma vez!

    ResponderExcluir
  5. Apesar de não estar usando photoshop com tanta frequencia atualmente, continuo acompanhando o blog sempre atraves do rss. deixo aki o meu parabéns, pois este blog em pouco tempo se tornou o melhor acervo de tutoriais de photoshop para iniciantes e usuários intermediários, os tutoriais sempre simples e bem explicados como devem ser. espero que mantenha o blog por mto tempo. obrigado e parabéns mais uma vez.

    ResponderExcluir
  6. nao fiz ainda mais tuto eh muito boom!!

    valeu memoo! XD

    ResponderExcluir
  7. Eu também adoro seus tutoriais...
    E prefiro mil vezes o seu traduzido do q os em inglês.

    Apenas acho q vc deveria postar os créditos... por uma questão de ética...


    Abraço!

    ResponderExcluir
  8. Olá que bom seus tutorias

    Gostaria de saber como fazer convite de casamento ?

    ResponderExcluir
  9. Por que a opção transformação livre não está habilitada? Você tem idéia?

    ResponderExcluir
  10. Oi Glaucia, obrigado pela visita!! volte sempre!! :)

    Oi Pedro Viegas, eu que agradeço a visita e os elogios ao blog, muito obrigado e volte mais vezes!! :)

    Oi Gessy Sekhmet, qual navegador você usa? já testei no firefox, internet explorer e no netscape e nunca vi isso acontecer, muito estranho, obrigado pela visita e pelos elogios ao blog, volte mais vezes!! :)

    Oi Blog do Huno, obrigado pelos elogios ao blog!! volte sempre!! :)

    Oi Raphael, o Photoshop não é o programa ideal para criar banners de internet mas pode deixar que irei pesquisar um tutorial bacana para isso, obrigado pela visita!! :)

    Oi Tiago, obrigado pelo elogio ao blog pelas visitas e por ter assinado o feed, obrigado mesmo!! :)

    Oi Anônimo, quando fizer se precisar de ajuda é só mandar um recado ok? obrigado pela visita e volte sempre!!

    Oi Edu, a partir de outubro começarei a colocar os créditos, só não fiz isso até hoje pois sempre baixo muitos tutoriais e vou selecionando os que acho interessante, o ruim disso é que as url´s são perdidas no processo, afinal de contas estou baixando uma página, mas em todo caso obrigado pela visita!! :)

    Oi Luluzinha, você tem algum modelo para que eu pudesse ver? obrigado pela visita e desculpe a demora na resposta, volte sempre!!

    Oi Amigos & Agregados , a layer em que você está tentando aplicar a Transform Tool possui um cadeado? se sim clique duas vezes sobre esta layer e pressione Ok para retirar o cadeado, depois é só pressionar Ctrl+T e aplicar a Transform Tool :), espero que resolva, obrigado pela visita!!

    ResponderExcluir
  11. n consigo ver as fotos de nenhum dos seus tutorias... à 2 toturias q precisava de utilizar. Ja usei o IE e o firrfox e n consigo...
    e agora? :(

    ResponderExcluir
  12. Oi Anônimo, muito estranho, é a primeira vez que vejo alguém reclamar de não conseguir ver nenhuma foto, você está acessando o blog de alguma rede fechada, tipo lan-house ou serviço? dá uma confirmada no Firefox indo em Ferramentas> Opções> Conteúdo e vê se a opção Carregar Imagens Automaticamente esta marcada, obrigado pela visita, espero que consiga arrumar aí :)

    ResponderExcluir
  13. Oi André!!! Parabéns pelo blog, tem ajudado muita gente inclusive a mim a aprender coisas genias!
    Tô com uma dúvida... vc disse q para retirar o cadeado, basta clicar duas vezes na layer e clicar ok, só q quando faço isso ele vai para estilo de camadas... será q vc sabe dizer pq?
    Por favor me ajuda!
    Abraço

    ResponderExcluir
  14. Oi Salu, isso acontece quando se clica duas vezes sobre o nome da layer, faça isso novamente porém clicando sobre a miniatura da layer, obrigado pela visita!! volte sempre!! :)

    ResponderExcluir
  15. Oi André!! Mesmo clicando sobre a miniarura da foto acaba abrindo o estilo de camada!!! O que será?
    E o pior que isso emperra todas as etapas posteriores!!
    Desde já agradeço!
    :)

    ResponderExcluir
  16. eu não consegui fazer,na hora de girar a imagem não consigo pq não esta liberada a função de girar a imagem e tbm a funçao ctrl+t tbm não e liberada

    ResponderExcluir
  17. Oi Salu se a layer tem o cadeado não teria como aparecer a opção de Blending Options, clicando duas vezes sobre a layer o que deveria aparecer era a opção de layer, onde ao clicar em Ok o cadeado sumiria, você tem certeza que esta layer está trancada com o ícone de cadeado? obrigado pela visita e desculpe a demora na resposta!!

    Oi Anônimo, a sua paleta de layers está como a do tutorial?, no caso quando você pressione Ctrl+T qual a mensagem que o Photoshop apresenta? obrigado pela visita, volte sempre!!

    ResponderExcluir
  18. Oi André, seu blog é muito bom, vc é muito talentoso. Gostaria de saber se posso usar esses tutoriais no photoshop 7, pois é o que eu tenho. caso contrário, como consigo o mais atual, o que vc usa.

    ResponderExcluir
  19. Oi Rita, dá para fazer no Photoshop 7 sim, a última versão do Photoshop que foi lançada é a CS3 (10.0) para adquirir basta baixar pelo site da Adobe, você pode usar a versão de testes por 30 dias e se gostar, registrar, obrigado pela visita!!

    ResponderExcluir
  20. presente de dia dos namorados now ;D


    aeaheuaehuae

    cara, amo seu blog *-*

    parabéns por tudo, sou apaixonada por esse negócio de editar imagens, web design e coisas do tipo

    seu blog é simplesmente um luxo :D



    ajuda muito, com certeza!!

    parabéns de novo, quando crescer quero ser assim XDD

    beijão o/

    ResponderExcluir
  21. ola andre! tou a gostar imenso do blog todos os dias paxo por aki! XD

    precisava de sua ajuda!
    eu n sei se este tutorial serve para o k kero.
    mas aki vai...

    eu kero fazer uma montagem tipo a capa dos pink floyd. Aquela em que a imagem principal serve de quadro espetado na parede em sequencia.

    vou deixar o link para voce ver...
    http://upload.wikimedia.org/wikipedia/en/d/d4/PinkFloyd-album-ummagummastudio.jpg

    obrigado
    espero resposta ;)

    ResponderExcluir
  22. Boa tarde, saudações de Portugal!
    André, tenho acompanhado o seu blog e feito muitos dos tutoriais aqui apresentados, parabéns pelo excelente trabalho.
    Tenho (ainda) poucos conhecimentos de Photoshop, mas o seu blog dá-me o entusiasmo necessário para continuar... :-)
    Gostaria que me explicasse se, neste efeito com foto de background, é possivel que a foto original, a que se mantém colorida, fique com um formato geométrico diferente. Um coração, por exemplo, acho que ficava muito bem nesta montagem em particular. Devo aplicar alguma máscara?
    Obrigada pela atenção e continue com o excelente trabalho! Cumprimentos, Lucinha

    ResponderExcluir
  23. ADOREI!!! Adoro o seu blog. Vc é muito gentil dividindo seus conhecimentos. Continue assim.
    Fiz a foto e ficou muito legal, só tem um problema, como salvar? Fui em FILE / Save AS / salvou no meu PC mas com um quadro assim PSD PS que só abre com o photshop. Tem como salvar no formato Jpeg, porque quero levar para impressão em papel de fotografia. Obrigada.

    ResponderExcluir
  24. Muito bom ! Nunca havia usado o programa! Maravilhoso ter pessoas no mundo como vc!!!
    obrigada! Vinie!

    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,207,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,484,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Como usar uma foto como background para ela mesma
Tutorial: Como usar uma foto como background para ela mesma
Como estilizar uma imagem para que ela seja background dela mesma.
https://www.andresugai.org/Tutoriais/08.2007/T19/imagem31.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2007/08/como-usar-uma-foto-como-background-para.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2007/08/como-usar-uma-foto-como-background-para.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