André Sugai 
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 :)
01. Pressione Ctrl+O e abra a foto a ser trabalhada, para este tutorial iremos usar a imagem abaixo.
02. Sua paleta de layers deve estar como a da foto abaixo.
03. Pressione Ctrl+J duas vezes para duplicar a layer, sua paleta de layers irá ficar como a da foto abaixo.
04. Clique no ícone do olho para retirar a visibilidade da layer que está acima de todas as outras.
05. Clique na layer do meio.
06. Pressione a letra I(i) do teclado para selecionar a Eye Dropper Tool.
07. Com a Eye Dropper Tool selecionada clique em alguma área para selecionar uma cor a ser usada no Background que será criado.
08. A cor escolhida irá aparecer como cor de Foreground na paleta de ferramentas.
09. Agora clique no ícone de New Adjustment Layer no rodapé da paleta de layers
10. Escolha a opção Hue/Saturation na lista que irá abrir.
11. Clique na opção Colorize.
12. Sua imagem irá ficar assim.
13. Defina o valor de Saturation em 50 e Lightness em 75.
14. Clique em Ok, sua imagem irá ficar como a imagem abaixo.
15. Clique na layer 1 e vá em Edit> Transform> Flip Horizontal.
16. Clique na frente da layer que está sem visibilidade para restaurar sua visibilidade novamente.
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.
18. Pressione Enter quando estiver do tamanho adequado, agora clique no ícone de Layer Styles no rodapé da paleta de layers.
19. Selecione a opção Stroke na lista que irá abrir.
20. Clique na opção Colors para escolher uma cor para a borda.
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.
22. Agora defina o tamanho da borda e se ela será para dentro da imagem ou para fora, defina como na foto abaixo.
23. Agora escolha opção Drop Shadow.
24. Ao abrir a caixa de Drop Shadow clique na caixa ao lado da opção Blending Mode.
25. Assim que a caixa de cores abrir clique em algum ponto da foto, para este efeito escolhemos a cor do rosto do noivo.
26. Agora defina os valores abaixo.
27. Clique em Ok, para sair da caixa de Layer Style e sua imagem deverá estar como a imagem abaixo.
28. Pressione a letra V do teclado para selecionar a Move Tool.
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.
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.
31. Ao final sua imagem ficará assim.
Muito bom ! Nunca havia usado o programa! Maravilhoso ter pessoas no mundo como vc!!!
obrigada! Vinie!
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.
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
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…
upload.wikimedia.org/wikipedia/en/d/d4/PinkFloyd-album-ummagummastudio.jpg
obrigado
espero resposta ;)
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/
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!!
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.
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!!
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
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!
:)
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!! :)
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
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í :)
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? :(
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!!
Por que a opção transformação livre não está habilitada? Você tem idéia?
Olá que bom seus tutorias
Gostaria de saber como fazer convite de casamento ?
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!
nao fiz ainda mais tuto eh muito boom!!
valeu memoo! XD
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.
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!
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!!!
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
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.
Que lindo isso :-)