em , , , ,

Tutorial: Escondendo uma imagem dentro de outra

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

  • [message]
    • ##check##AVISO: Escondendo uma imagem dentro de outra

      • 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

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 2×2 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.

Escondendo uma imagem dentro de outra

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

Escondendo uma imagem dentro de outra

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

Escondendo uma imagem dentro de outra

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.

Escondendo uma imagem dentro de outra

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.

Escondendo uma imagem dentro de outra

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

Escondendo uma imagem dentro de outra

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.

Escondendo uma imagem dentro de outra

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

Escondendo uma imagem dentro de outra
*funciona apenas no Internet Explorer

Escrito 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 um comentário para Igor BaraçalCancelar resposta

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

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

22 Comments

  1. 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

  2. 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

  3. 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!!

  4. 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!

  5. 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 ?

  6. 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á !

  7. 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 😀

    Obs:Fiz uma imagem assim,de uma olhada:

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

  8. 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!!

  9. 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
    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!! 😀 e espero que goste do próximo tutorial 😀

  10. 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…

  11. 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

Tutorial: Efeito Metal Líquido

Screensavers da suíte CS3 .