[TUTO] Comment réaliser l'image mystère ? (ctrl+a)

Statut
N'est pas ouverte pour d'autres réponses.
R

RedCross

ex membre
Comme on me l'a demandé, je poste ici le "Comment faire pour réaliser une image subliminale comme celle postée je-sais-plus-quand" ? Je fais un tuto-express, en essayant de rien oublier.

L'image de base:


Exemple express fait par moi (y a moyen d'améliorer, c'est pour le principe hein :wink: ) :
http://www.blam.be/files/gamerz/whosthere.gif

Le principe est simple. Quand on sélectionne l'image (ou CTRL+A) le browser superpose à cette image une trame opaque de 1 X 1 pixel. Ce qui fait qu'une partie de l'image est visible et l'autre pas. Le tout est de contôler quelle partie sera vue et quelle pas.

--------------------------------------------------

Utilisons Photoshop, ça reste le plus simple :)

D'abord, pour faire une trame :
on dessine 1 pixel vert, 1 pixel rouge. ligne du dessous, 1 pixel rouge, 1 pixel vert. Ce qui nous donne un carré de 2 sur 2. On sélectionne, copy. On va dans "Edit" --> "Define Pattern" et hop, maintenant, vous avez une pattern.
Maintenant, on crée un layer, on le rempli totalement avec cette pattern. (Edit --> Fill --> Use : Pattern --> Custom Pattern)

On crée 2 autres layers avec les images.

Nous avons 3 layers :
1 - une trame de 1 pixel sur 1 pixel
2 - une image A
3 - une image B

:arrow: Prendre la baguette magique. Que l'on configure à tolérance "0" et on décoche tout (pas d'anti-aliasing ni de contigous).
:arrow: Sélectionner le rouge.
:arrow: Aller sur le layer A et effacer la sélection.

:arrow: Revenir sur le layer trammé.
:arrow: Sélectionner le vert.
:arrow: Aller sur le layer B et effacer la sélection.

Voila, on peut foutre au bac le layer trame (ou le cacher).
Il faut maintenant sauver l'image AU FORMAT GIF (sinon, le jpeg bouffe et déplace les pixels avec la compression).


--------------------------------------------------

A savoir :
Ca va pas marcher avec tout, faut tester, mais le principe est d'avoir des images qui peuvent se fondre bien l'une dans l'autre. Au niveau des couleurs et tout. Genre, la gonzesse ça marche bien passke l'image avec les fleurs, c'est des couleurs mélangés, pas d'aplats ni trop de contrastes.
A tester, et vous me direz quoi... :)
 

K3tr1ck_old

Touriste
Ca sert a quoi .. parceque ds ton exemple on voit un truc mais je sais pas exactement quoi :/
 

K3tr1ck_old

Touriste
lolz j ai pige .. strop top mega geant terrrible :/ j adore la premiere :oops:
 

Lauwqui

Schmetard! Roublard!
Ta femme Red Cross? ;p

GG le tuto, c'est bien sympa.. :wink:
 

XKisssss

aka Mireille is back !
heu c est bien sympa mais je vois pas grand chose d'autre que des fleurs

...
 

XKisssss

aka Mireille is back !
dites la femme faut vraiment l'imaginer parce que à part voir vaguement des dents ... je vois que dalle :cry:
 

XKisssss

aka Mireille is back !
Lapin_Cendiaire a dit:
X_Kisssss a dit:
heu c est bien sympa mais je vois pas grand chose d'autre que des fleurs

...
CTRL + A

LOOOOL on voit même pas de dents

OKI :wink: merci je l'ai enfin vue cette jeune femme en sous-vêtements ;)

Merci Lapin_Cendiaire :wink: ... encore un peu et je mourrais idiot :p
 
1er
OP
R

RedCross

ex membre
up ;)
 

xlr8

Over the rainbow 🌈
bon ben ca marche sous ie6 mais pas sous mozilla c'est normal?
 
1er
OP
R

RedCross

ex membre
Je remonte le thread tout simplement pour poster un tuto trouvé online qui explique un peu mieux que moi, et puis, y a des chtites nimaches :)

:arrow: Tutorial
 

Douby

Elite
:shock: :shock: RooooooooooX
 

Onefive

Freddy Tougaux
RedCross a dit:
Je remonte le thread tout simplement pour poster un tuto trouvé online qui explique un peu mieux que moi, et puis, y a des chtites nimaches :)

:arrow: Tutorial


Tutorial


en francais :oops:
 
P

piet

ex membre
ouais, ben moi, j'vois toujours pas d'image que je balaye... j'dois pas être normal!
 

Onefive

Freddy Tougaux
Moi ma 2eme image se vois beaucoup trop dans celle qui recouvre :cry:
 
1er
OP
R

RedCross

ex membre
piet a dit:
ouais, ben moi, j'vois toujours pas d'image que je balaye... j'dois pas être normal!
Si c'est celle dans ce tread ke tu regardes, faut la voir en taille 100%, là, elle est redimensionnée, c'est normal.
Si tu vois pas celle dans le tutorial en lien, c'est que tu es sous un navigateur un peu différent. Tous ne font pas une selection d'images avec un tramage pareil.

Red Bull a dit:
Moi ma 2eme image se vois beaucoup trop dans celle qui recouvre
Yep, c'est le plus difficile, c'est de trouver 2 images qui sont proches au niveau des teintes. Sinon, c'ets trop flagrant...
 
P

piet

ex membre
C'est assez sympa maintenant que je vois qq chose.
:p
 

Iznouille

Poulidor


Voilà ce que je viens de réaliser. Y a un ptit problème, on voit trop la prmière image une fois qu elle est selectionnée...
 
Statut
N'est pas ouverte pour d'autres réponses.
Haut