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

Discussion dans 'Web, design' créé par RedCross, 6 Avril 2003.

Statut de la discussion:
Fermée.
  1. Offline
    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:
    [IMG]

    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... :)
    RedCross, 6 Avril 2003
    #1
  2. Offline
    K3tr1ck_old Touriste
    Ca sert a quoi .. parceque ds ton exemple on voit un truc mais je sais pas exactement quoi :/
    K3tr1ck_old, 6 Avril 2003
    #2
  3. Offline
    K3tr1ck_old Touriste
    lolz j ai pige .. strop top mega geant terrrible :/ j adore la premiere :oops:
    K3tr1ck_old, 6 Avril 2003
    #3
  4. Offline
    Lauwqui Schmetard! Roublard!
    Ta femme Red Cross? ;p

    GG le tuto, c'est bien sympa.. :wink:
    Lauwqui, 6 Avril 2003
    #4
  5. Offline
    RedCross ex membre
    haaa, si ça pouvait ;)

    no problemo
    RedCross, 6 Avril 2003
    #5
  6. Offline
    XKisssss aka Mireille is back !
    heu c est bien sympa mais je vois pas grand chose d'autre que des fleurs

    ...
    XKisssss, 6 Avril 2003
    #6
  7. Offline
    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, 6 Avril 2003
    #7
  8. Offline
    krystobal Léporidé pyromane
    CTRL + A
    krystobal, 6 Avril 2003
    #8
  9. Offline
    XKisssss aka Mireille is back !

    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
    XKisssss, 6 Avril 2003
    #9
  10. Offline
    RedCross ex membre
    up ;)
    RedCross, 18 Août 2003
    #10
  11. Offline
    ♥♥♥ ex membre
    Tu "up" aussi toi maintenant? :D
    ♥♥♥, 18 Août 2003
    #11
  12. Offline
    xlr8 Elite
    bon ben ca marche sous ie6 mais pas sous mozilla c'est normal?
    xlr8, 18 Août 2003
    #12
  13. Offline
    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
    RedCross, 11 Décembre 2003
    #13
  14. Offline
    Douby Elite
    :shock: :shock: RooooooooooX
    Douby, 11 Décembre 2003
    #14
  15. Offline
    Onefive Freddy Tougaux


    Tutorial


    en francais :oops:
    Onefive, 11 Décembre 2003
    #15
  16. Offline
    piet ex membre
    ouais, ben moi, j'vois toujours pas d'image que je balaye... j'dois pas être normal!
    piet, 13 Décembre 2003
    #16
  17. Offline
    Onefive Freddy Tougaux
    Moi ma 2eme image se vois beaucoup trop dans celle qui recouvre :cry:
    Onefive, 13 Décembre 2003
    #17
  18. Offline
    RedCross ex membre
    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.

    Yep, c'est le plus difficile, c'est de trouver 2 images qui sont proches au niveau des teintes. Sinon, c'ets trop flagrant...
    RedCross, 13 Décembre 2003
    #18
  19. Offline
    piet ex membre
    C'est assez sympa maintenant que je vois qq chose.
    :p
    piet, 22 Décembre 2003
    #19
  20. Offline
    Iznouille Poulidor
    [IMG]

    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...
    Iznouille, 22 Décembre 2003
    #20
Statut de la discussion:
Fermée.