Banner Tutoriais Photoshop


Tutorial Anterior: Efeito com retângulos. | Página Inicial >>
Tutorial Anterior: Comercial usando stop motion e efeito de luzes. | Página Inicial >>
Tutorial Anterior: Scanlines. | Página Inicial >>
Tutorial Anterior: Web: Como criar um favicon para seu site. | Página Inicial >>
Tutorial Anterior: Energy Beam (explosão com laser). | Página Inicial >>
Tutorial Anterior: Composição com várias fotos. | Página Inicial >>
Tutorial Anterior: Estilizando um rosto. | Página Inicial >>
Tutorial Anterior: Wiredness edição fotográfica online! | Página Inicial >>
Tutorial Anterior: Efeito abstrato dourado. | Página Inicial >>

sexta-feira, 27 de julho de 2007


Escondendo uma imagem dentro de outra.


Descrição: Efeito curioso que explora uma falha do Internet Explorer e permite que uma imagem seja escondida dentro de outra imagem.



Atenção, este efeito só pode ser visualizado no IE (internet explorer)

01. Crie um novo documento pressionando Ctrl+N e defina um tamanho de 2x2 pixels, 72 dpi´s no modo de cor RGB, pressione Ok e logo em seguida pressione a letra Z do teclado para selecionar a
Zoom Tool, dê o zoom máximo para facilitar o trabalho, agora pressione a letra B do teclado para selecionar a Pencil Tool, (caso apareça alguma outra ferramenta em seu lugar pressione Shift+B até que o ícone do lápis apareça na paleta de ferramentas), defina um tamanho de 1 pixels para a Pencil Tool e desenhe como na imagem abaixo.



02. Depois de feito vá em Edit> Define Pattern, dê um nome e pressione Ok.



03. Abra duas imagens, a que você quer esconder e a imagem que esconderá.



04. Pressione Ctrl+A na imagem que esconderá a outra imagem e depois Ctrl+C para copiar, agora pressione Ctrl+N para criar um novo documento, dê OK e logo em seguida pressione Ctrl+V, agora vá na imagem que será escondida e pressione Ctrl+A, Ctrl+C, vá no documento que acabamos de criar (onde colamos a imagem que esconderá a outra imagem) e pressione Ctrl+V para colar, na sua paleta de layers você deverá ter 3 layers, uma vazia, uma com a imagem que esconderá e outra com a imagem que será escondida, pressione Ctrl+Shift+N para criar um nova layer, agora posicione esta layer no meio das duas layers das imagens.



05. Vá na layer vazia e aplique Edit> Fill, escolha o pattern que foi criado no passo 01 e depois mude o modo de blend da layer para Exclusion.



06. Desabilite a visualização da primeira layer e a imagem de baixo estará assim.



07. Clique na layer da imagem que deseja esconder e pressione Ctrl+I para inverter as cores ou vá em Image> Adjustments> Invert, mexa na opacidade da imagem que irá esconder a foto para melhorar a visualização da imagem escondida.



Ao final sua imagem estará assim, pressione Ctrl+A para visualizar a imagem escondida.


*funciona apenas no Internet Explorer

Marcadores:

Related Posts Plugin for WordPress, Blogger... Participe deixando seu comentário, dúvida, sugestão, ideias, exemplos ou simplesmente dizendo um "Olá!" na parte de comentários deste Post, sua participação é extremamente importante para o blog e também para todos os leitores que posteriormente terão acesso aos tutoriais e matérias que oferecemos por aqui.

Caso não queira ficar de fora das atualizações diárias do blog você tem 3 opções bem práticas:

  • Siga-me no Twitter.
  • Cadastre-se e receba por e-mail o resumo diário do que foi postado aqui no blog.
  • Cadastre nosso endereço RSS para receber as atualizações via leitor de Feeds.
  • Obrigado por ter votado no ::Tutoriais Photoshop:: para o iBest e Peixe Grande 2008 e 2009!

    Até a próxima!!


    22 Comentários:

    Às 28 de julho de 2007 13:06:00 BRT , Blogger Sergio disse...

    André eu fiz todos os passos certos passei para o orkut e apertei ctrl+A como disse ( no IE) mas não apareceu nada , como resolvo esse problema

     
    Às 28 de julho de 2007 16:53:00 BRT , Blogger Andre Sugai disse...

    Oi Sérgio, tem como vc mandar o endereçõ da imagem para eu ver?

     
    Às 28 de julho de 2007 23:45:00 BRT , Anonymous Camila disse...

    Queria saber se tem como você ensinar a fazer um efeito de "espelho", não sei como se chama. São aqueles efeitos em foto que fica uma foto de frente pra o oureo lado dela.

     
    Às 29 de julho de 2007 01:20:00 BRT , Blogger ernani disse...

    Oi, acompanho a muito tempo os seus tutoriais, e vc esta de parabens. Mas como faço pra fazer esse efeito utilizando um texto, invés de uma imagem....tipo esconder um texto dentro da imagem?
    E "Fill" em portugues...seria o q?

    desde já, obrigado

     
    Às 30 de julho de 2007 10:38:00 BRT , Anonymous Anônimo disse...

    olA! SOU EU DE NOVO.
    O HOMEM DAS CRÍTICAS CONSTRUTIVAS :)
    E ALIÁS, TENTEI DE TODAS AS FORMAS E NÃO ENCONTREI NADA EM QUE ISSO PODERIA ME SER ÚTIL.
    SEJAMOS MAIS PRÁTICOS.
    ABRAÇOS...

     
    Às 30 de julho de 2007 14:13:00 BRT , Blogger Andre Sugai disse...

    Oi Camila, você tem alguma imagem de referência deste efeito?, do modo como você falou acho que é como o efeito de reflexo mas neste efeito o reflexo fica abaixo da imagem e não ao lado como disse, aguardo sua resposta, obrigado pela visita!!

    Ilusão de reflexo
    http://tutoriaisphotoshop.blogspot.com/2006/11/iluso-de-reflexo.html

    Oi Ernani, ainda não tentei com palavras mas farei e assim que tiver uma resposta postarei aqui ok? obrigado pela visita!! :)

    Oi Anônimo, este é apenas um efeito curioso, com ele você poderia por exemplo criar uma foto com o logo de sua empresa escondido e aí fazer com que os visitantes de sua página selecionem algum texto para que eles vejam seu logo escondido, criar uma foto com um coração escondido, bom, aí vai da imaginação de cada um, obrigado pela visita!! :D e espero que goste do próximo tutorial :D

     
    Às 3 de agosto de 2007 00:59:00 BRT , Blogger Ad®iano disse...

    Legal o efeito, valeu!

    Só por curiosidade, porque só funciona no IE?

     
    Às 3 de agosto de 2007 11:48:00 BRT , Blogger Andre Sugai disse...

    Oi Ad®iano, também achei bem interessante este efeito por isso postei aqui no blog, fico feliz que tenha gostado também, quando a sua dúvida vou ficar devendo mas em todo os browsers que testei só rodou no IE mesmo, agora o porque, isso eu já não sei :), volte sempre!!

     
    Às 2 de setembro de 2007 23:01:00 BRT , Anonymous Anônimo disse...

    Então,consegui esconder um texto dentro da imagem...Só precisa usar a ferramenta de Rasterize no texto e seguir as etapas do seu tuto ...

    Mto bom o tutorial.gostei :D

    Obs:Fiz uma imagem assim,de uma olhada:

    http://img473.imageshack.us/img473/7353/untitled1xk1.jpg

     
    Às 3 de setembro de 2007 14:33:00 BRT , Blogger Andre Sugai disse...

    Oi Anônimo, ficou bem legal a foto que você fez hahaha, obrigado pela visita!! :)

     
    Às 11 de novembro de 2007 21:10:00 BRST , Blogger Pedro disse...

    Eu uso esse efeito pra assinar fotos e outras coisas.
    É bem mais estiloso que uma assinatura, e pelo menos eu não sei como tirá-la, uma vez fora do formato .psd hehe

     
    Às 12 de novembro de 2007 18:18:00 BRST , Blogger Andre Sugai disse...

    Oi Pedro, infelizmente só funciona no IE, senão também usaria como marca d'agua, obrigado pela visita!!

     
    Às 14 de janeiro de 2008 01:17:00 BRST , Blogger Thiago disse...

    Olá André. Primeiramente parabns pelo seu site. Realmente esta demais. Me surgiu uma dúvida tentando fazer esse tutorial. Eu faço tudo até o passo 5 mais no passo 6 eu desabilito a visualização da primeira layer e a imagem de baixo nao fica com o contorno tracejado da imagem escondida. O que devo fazer ? Obs: Estou tentando esconder um texto e usei a ferramenta Rasterize como comentaram antes. Obrigado desde já !

     
    Às 14 de janeiro de 2008 18:22:00 BRST , Blogger Andre Sugai disse...

    Oi Thiago, mas você chegou a testar no Internet Explorer? e quando você criou o Pattern foi exatamente igual ao do tutorial? obrigado pela visita!! :)

     
    Às 7 de fevereiro de 2008 21:48:00 BRST , Anonymous Anônimo disse...

    tenho q transformar a imagem a ser escondida em preta com fundo transparente ou tanto faz?Pq eu fiz tudinho mas não da pra ver o leve contorno da imgem na outra imagem como na do tutorial....

     
    Às 7 de fevereiro de 2008 21:59:00 BRST , Anonymous Anônimo disse...

    a imagem final ficou pontilhada, e agora???

     
    Às 7 de março de 2008 20:27:00 BRT , Anonymous Anônimo disse...

    Oi, gosto muito das dicas aqui postadas, e todas dão certo. Mas essa não rolou... Fiz umas 8 vezes, do jeito que ta explicado, e não acontece nada!

    Será que isso depende da versão do IE ?

     
    Às 6 de abril de 2008 11:20:00 BRT , Blogger Renato Augusto disse...

    Olá!
    Achei muito legal este efeito de imagem escondida.
    Uma dica: Eu fiz este seu tutorial, usando no lugar da imagem Gif uma foto em preto-e-branco e o resultado ficou muito interessante!
    Abraços e felicidades!

     
    Às 9 de abril de 2008 18:31:00 BRT , Anonymous Anônimo disse...

    PRA QUEM ESTA FAZENDO E NAO ACONTECE NADA:

    CERTIFIQUE-SE Q SEU QUADRADO DE 2X2 PIXELS É PRETO E BRANCO, NAO PRETO E TRANSPARENTE!


    demorei 2 horas pra perceber esse erro

     
    Às 9 de abril de 2008 20:32:00 BRT , Blogger Andre Sugai disse...

    Oi Anônimo, não entendi bem o que quis dizer com imagem pontilhada, você testou no IE? obrigado pela visita e desculpe a demora na resposta!!

    Oi Anônimo, pelo que sei no IE 6 funciona sem problemas em outras versões não cheguei a testar, obrigado pela visita!!

    Oi Renato, legal, colocou na internet? se sim manda o link! obrigado pela visita!!

    Oi Anônimo, obrigado pela dica, tem efeito que demora mesmo pra pergamos o jeito, mas vale a pena!! :), volte sempre!!

     
    Às 1 de junho de 2008 00:10:00 BRT , Blogger Samurai disse...

    pessoal esse site com certeza é o melhor sobre tutorias para photoshop! só que estou com problemas, é o seguinte queria esconder um texto na foto, fiz tudo conforme o tutorial, rasterizei o texto e etc..aparece como no tutorial, mas na hora q abre a foto no IE, e dou um CTRL+A, a imagem fica azul, aparece um quadriculado de fundo mas meu tezto nao aparece..alguem pode me ajudar??

    Valeu por criar um site que ajuda os novaos e até os profissionais da área

     
    Às 1 de junho de 2008 01:33:00 BRT , Blogger Samurai disse...

    pessoal não consegui exibir texto, mesmo usando rasterize no texto!! se alguem puder me ajudar ficaria grato

    *e qdo escrevi tezto, errei de tecla..não sou analfabeto sei q texto é com S!! auahhua..brinkzz...teXXXXXXXXXXXXXXXXTO!

    abraços

     

    Postar um comentário

    Assinar Postar comentários [Atom]

    Links para esta postagem:

    Criar um link

    << Início