Deux images en une

Deux images en une - Infographie 2D - Graphisme

Marsh Posté le 13-09-2004 à 15:59:33    

Salut,
 
Je suis en train d'essayer de me mettre à l'inforgraphie, et pour commencer j'aimerais comprendre un phénomène. J'espère que je tape à la bonne porte, ou au moins au bon forum...  ;)  
Je voudrais savoir comment sont faites les images qu'on trouve sur le Net ou en format Word qui changent lorqu'elles sont sélectionnées.
Vous voyez ? En cliquant avant et en survolant l'image en restant cliqué, le texte et l'image sont mis en surbrillance et une autre image apparait... (une femme à poil en général :sarcastic: )
Je voudrais savoir comment c'est fait, et si c'est faisable avec PhotoShop ou PaintShopPro...
 
Voilà, j'espère que c'est clair...  :sweat:  
Si ça vous dit quelque chose, ça m'intéresse !
 
Merci d'avance,
 
Pollux

Reply

Marsh Posté le 13-09-2004 à 15:59:33   

Reply

Marsh Posté le 13-09-2004 à 16:13:09    

Ca peut se faire avec Dreamweaver ou flash.
Sur Dreamweaver, il suffit de selection ton image, ensuite dans le menu Insertion/images interactives/images survoles, il va tedemander d'entrer l'adresse local de ton images ( qui se trouve dans le dossier de ton site) et le tour et jouer,  
 
Avec Flash, tu importe tes 2 images dans la biblio, ensuite tu importe ta 1er image sur la scene, F6 (pr creer une 2e image a ta séquence), tu importe ta 2 images exactemen au mm endroit que la 1er et tu supprime la 1er, tu retourne sur la 1er image de ta séquence, tu va dans la fenetre action, tu selectionne : on mouse event ,go to image 2. et ca devrai etre bon jpense, je fais ca de tete, donc a verifier ;)
 
 
Edit : ou alors en faisant un GIF pitete, mais je sais pas trop comment ca fonctionne ;)


Message édité par annelle le 13-09-2004 à 16:14:26

---------------
Geuk Aheug - http://anlgallery.site.voila.fr/
Reply

Marsh Posté le 13-09-2004 à 16:19:05    

Reply

Marsh Posté le 13-09-2004 à 16:21:05    

Merci pour la célérité de ta réponse !
 
Ceci dit c'est pas vraiment ce que je cherche  :D  
 
En fait moi ce que j'avais vu (me semble-t'il, je commence à douter quand même) c'était une image unique, sans code "onMouseOver" ou quoi...
Seul le phénomène de surbrillance appliqué par Word ou Internet Explorer suffisait à afficher une deuxième image... Par un jeu de contraste ou je ne sais quoi...  :heink:  
 
Mais je peux pas en dire plus, j'ai pas d'exemple sous la main...
 
Merci quand même de ta réponse :)  
 
Pollux
 
 

Annelle a écrit :

Ca peut se faire avec Dreamweaver ou flash.
Sur Dreamweaver, il suffit de selection ton image, ensuite dans le menu Insertion/images interactives/images survoles, il va tedemander d'entrer l'adresse local de ton images ( qui se trouve dans le dossier de ton site) et le tour et jouer,  
 
Avec Flash, tu importe tes 2 images dans la biblio, ensuite tu importe ta 1er image sur la scene, F6 (pr creer une 2e image a ta séquence), tu importe ta 2 images exactemen au mm endroit que la 1er et tu supprime la 1er, tu retourne sur la 1er image de ta séquence, tu va dans la fenetre action, tu selectionne : on mouse event ,go to image 2. et ca devrai etre bon jpense, je fais ca de tete, donc a verifier ;)
 
 
Edit : ou alors en faisant un GIF pitete, mais je sais pas trop comment ca fonctionne ;)

Reply

Marsh Posté le 13-09-2004 à 16:22:38    


 
Ouais c'est ça !!  :D  
 
Bon je vais voir et je reviens après !!
 
Merci beaucoup  :D
 
 
Edit :
Bon ben je vais essayer de faire une image un peu comme ça ce soir, je vous tiens au courant :)
Merci gentil forum.   :p


Message édité par Pollux le castor le 13-09-2004 à 16:29:31
Reply

Marsh Posté le 14-09-2004 à 10:11:31    

mouarf ben moi j'ai essayé .. j'y arrive po [:spamafote]


---------------
Geuk Aheug - http://anlgallery.site.voila.fr/
Reply

Marsh Posté le 14-09-2004 à 10:11:54    

si ty arrive Pollux... envoi moi ton PSD pr voir commen ta fais sil te plait ;)


---------------
Geuk Aheug - http://anlgallery.site.voila.fr/
Reply

Marsh Posté le 14-09-2004 à 11:45:18    

Alut Annelle,
 
Bon perso pour commencer j'ai bidouillé avec PaintShopPro, car j'ai pas dl PhotoShop. J'ai pas trouvé de fusion comme décrit supra...
Il suffit en pratique que dans ton image finale, une pixel sur deux d'un damier soit attribué à une image, les autres à la deuxième image.  :p  
Moi je l'ai fait à la main pour comprendre.
Si ça marche pas, faut décaler toute ton image d'un pixel horizontalement.
Au résultat, j'ai une image bidon (portion de photo satellite), et si on met en surbrillance, y'a un "A" qui apparait au milieu...
Bon OK on le voyait avant mais je fais ce que je peux !!  :kaola:  
http://polluxlecastor.free.fr/tmp/test.jpg
Si on zoom sur l'image, on voit bien qu'il y a un damier au milieu, le "A" étant en gris entouré de blanc.
Bon c'est basique mais bon :
http://polluxlecastor.free.fr/tmp/test2.jpg
 
Voilà voilà...
 
Pour PhotoShop je verrai quand je l'aurai installé...  :sol:  
 
A peluche,  :)  
 
Pollux
 
 

Annelle a écrit :

si ty arrive Pollux... envoi moi ton PSD pr voir commen ta fais sil te plait ;)


Message édité par Pollux le castor le 14-09-2004 à 11:48:38
Reply

Marsh Posté le 14-09-2004 à 12:09:36    

j'ai testé, ça marche... terrible !
 
faut juste bien suivre les conseils et prendre des images bien contrastées et pleines de détails.

Reply

Marsh Posté le 14-09-2004 à 13:12:34    

farf_13 a écrit :

j'ai testé, ça marche... terrible !
 
faut juste bien suivre les conseils et prendre des images bien contrastées et pleines de détails.


...et qui se superposent + ou -, et qui gardent une certaine luminosité...
Mon test foireux, j'ai mal superposé les 2 photos et celle qui sert à cacher n'est pas asse fouilli pour masquer les détail de l'image de fond [:tilleul]
 
http://www.membres.lycos.fr/xtcfiles/image_cachee_nightwish.gif
 

Reply

Marsh Posté le 14-09-2004 à 13:12:34   

Reply

Marsh Posté le 14-09-2004 à 14:38:14    

Donc en fait faut faire un damier sur chaque image c ca ?
 
XTC, tu pourrais m'envoyé le pdf de ton image ?


Message édité par annelle le 14-09-2004 à 14:39:16

---------------
Geuk Aheug - http://anlgallery.site.voila.fr/
Reply

Marsh Posté le 14-09-2004 à 14:40:46    

non.
le premier calque a un damier en masque de fusion et représente la photo que l'on voit normalement
 
le second n'a pas de damier, mais une opacité faible.
 
on peut mettre un autre en dernier pour avoir un fond noir suivant les images.

Reply

Marsh Posté le 14-09-2004 à 14:44:50    

HUHUMMM  


---------------
Geuk Aheug - http://anlgallery.site.voila.fr/
Reply

Marsh Posté le 14-09-2004 à 14:45:43    

:??:  
j'ai pas l'exemple sous la main, je verrai tout à l'heure.

Reply

Marsh Posté le 14-09-2004 à 14:47:25    

Piting j'y arrive pas, l'image de 1er plan disparait pas..
ben si qqc a une .psd pr que je voye comment c'est foutu je comprendrai mieux, parce que j'ai beau faire tout ce que vous me dite.. J'Y ARRIVE POOOOOOOOOO  :(


Message édité par annelle le 14-09-2004 à 14:48:21

---------------
Geuk Aheug - http://anlgallery.site.voila.fr/
Reply

Marsh Posté le 14-09-2004 à 16:00:03    

désolé, je n'ai pas gardé le PSD [:spamafote]
Mais l'image "cachée" est au dessus de l'autre et a un masque alpha en damier noir-blanc de 1 pixel... apres faut jouer sur les luminosités-contrastes

Reply

Marsh Posté le 14-09-2004 à 16:25:40    

okiii spa grave jvai chercher alooors


---------------
Geuk Aheug - http://anlgallery.site.voila.fr/
Reply

Marsh Posté le 14-09-2004 à 16:45:36    

si ça t'interesse :
l'image (avec un dessin des pin-up de café salé) :
http://membres.lycos.fr/farf13/archives/temp/test.jpg
 
le fichier psd

Reply

Marsh Posté le 14-09-2004 à 16:45:58    

Bordel de M*****, a yé j'ai reussi ;), c'etait pa sans peine pinaise !
 
merci Farf  [:atsuko]  [:b-rabbit]


Message édité par annelle le 14-09-2004 à 16:47:46

---------------
Geuk Aheug - http://anlgallery.site.voila.fr/
Reply

Marsh Posté le 14-09-2004 à 16:52:15    

de nada...
je fait de la propaganda pour l'armée... (et quelle armée !)

Reply

Marsh Posté le 14-09-2004 à 16:53:32    

:) les sympa en plus le dessin en dessous ;)


---------------
Geuk Aheug - http://anlgallery.site.voila.fr/
Reply

Marsh Posté le 14-09-2004 à 16:58:27    

c'est clair il est super beau ! :love:  
 
y'en a plein des terribles la-bas.

Reply

Marsh Posté le 14-09-2004 à 17:10:12    

c quoi l'adresse ?


---------------
Geuk Aheug - http://anlgallery.site.voila.fr/
Reply

Marsh Posté le 14-09-2004 à 17:15:03    

le spécial pin-up  ;)  :bounce:


Message édité par farf_13 le 14-09-2004 à 17:15:23
Reply

Marsh Posté le 14-09-2004 à 17:33:58    

eh ben... j'y arrive tjrs pas moi :/
mais c sympa comme procédé ;)

Reply

Marsh Posté le 14-09-2004 à 21:41:16    

Gauvain a écrit :

eh ben... j'y arrive tjrs pas moi :/
mais c sympa comme procédé ;)


 
 
en fait, tu met l'image caché au dessus ac un masque de fusion ( sur le masque de fusion tu met le damier, opacité 100%
En dessous, tu met l'image qu'on voit (dur a trouver) et regler l'opacité super cho aussi ... c un peu de la bidouille


---------------
Geuk Aheug - http://anlgallery.site.voila.fr/
Reply

Marsh Posté le 05-04-2005 à 16:18:38    

[#63009b]Bonjour à tous,  :hello:  
 
Tout d'abord, je suis désolé pour remonter un vieu sujet comme celui-ci
Mais je m'interesse aussi à ce tip photoshop.
Malheuresement je patine encore dans la semoule. :pt1cable:  
Le lien vers le fichier PSD de Farf-13 ne marche plus :(  
 
Si quelqu'un possède un fichier psd concernant ce sujet, je suis très interessé.
 
Merci beaucoup, :)  
TOS'

Reply

Marsh Posté le 16-02-2006 à 14:39:26    

Up parce que je cherchais ce topic et que j'ai trouvé un lien intéressant :D
 
http://boite-a-pixels.2077.net/s-p [...] 06799.html


---------------
« Le hasard, c’est différent de la chance. Parce que la chance, je n'en ai jamais. »
Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed