AccueilPortailFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 faire un puzzle interactif [photofiltre et e-anim]

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Lunard
Chef
Chef
avatar

Féminin
Nombre de messages : 642
Age : 28
Date d'inscription : 01/04/2006

MessageSujet: faire un puzzle interactif [photofiltre et e-anim]   Mar 15 Avr 2008, 18:17

Comment faire un puzzle comme le bienvenue de la page d'accueil?


attention ce tuto est assez long à réaliser, prévoyez d'avoir beaucoup de temps devant vous, surtout si vous voulez mettre beaucoup de pièces à votre puzzle

Partie 1: dans photofiltre

1) Créa de base
Faites votre créa normalement avec votre logiciel de graphisme habituel (pour moi photoshop, mais peu importe)
voilà pour moi:


2) Patron du puzzle
il faut maintenant dessiner le patron des pièces du puzzle, qui doit être de la même taille que la créa.
Je cherche sur google des patrons tout prêts pour m'aider, par exemple: http://hypo.ge.ch/www/math/gif/puzzle.gif
Moi je décide d'utiliser le deuxième pour créer mon patron, dans photofiltre je prend une nouvelle image de la taille de ma créa de base, et en utilisant des copier coller et le pinceau 1 pixel je dessine des pièces. C'est que du bidouillage, c'est long et pas toujours évident, mais je ne connais pas de solution miracle pour faire ça vite et facilement (mais si quelqu'un en connais une j'ai rien contre)



Ben voilà j'ai pas encore posté le tuto que Lauraly me donne une technique qui va cent fois plus vite (je suis trop nulle de pas avoir cherché XD )
Photofiltre possède une option de création de puzzle, il suffi d'aller dans filtre => esthétique => puzzle et on peux choisir la taille des pièces, ne pas oublier de décocher la case relief, ça me donne:


avant de passer à la suite assurez-vous que toutes les lignes sont bien fermées, sans aucun trou, et qu'il n'y a bien que deux couleurs de pixel (ici noir et blanc)
j'ai besoin d'avoir là où j'ai mis du blanc une couleur qui n'apparait pas sur ma créa de base (pour pouvoir mettre la transparence plus tard), je choisie le rouge, mais bien sûr ça dépend de votre image.
(reglage => remplacer une couleur, je remplace le blanc par du rouge)

3) Découpage

a) J'ai deux choses ouvertes dans photofiltre: ma créa et son patron de la même taille.
Je sélectionne la première pièce du patron, clic droit: copier, clic droit dans le vide: coller en tant qu'image.
En zoomant bien je recadre exactement ma première pièce et j'efface les traits en trop:
http://img232.imageshack.us/img232/4642/tutopuzzle1gv8.jpg

b) Copier la totalité du patron du puzzle et coller le sur la créa de base, valider le collage. Prendre la baguette magique et sélectionner la première pièce, puis appuyez sur la flèche de retour en arrière pour enlever le patron qui viens d'être collé. Votre pièce reste sélectionnée:

Vous pouvez maintenant la copier, puis la coller dans la pièce précédemment isolée. Quand vous faites coller, avant de valider faites clic droit => propriété et décochez la case lissage "automatique".
http://img171.imageshack.us/img171/7686/tutopuzzle3dw1.jpg

c) Nous en sommes ici:

plus qu'à mettre en transparence, pour celà cliquez ici:

choisissez votre couleur de fond (le rouge pour moi) (en cliquant sur le rouge avec la pipette, pour ceux qui auraient remarqués que la petite flèche de droite est grisée, c'est pour pas qu'on choisisse une couleur qui n'est pas dans notre image, donc cliquer dans votre image ça changera la couleur) et validez.
puis enregistrez en .gif
voilà j'ai ma première pièce:


Puis faites de même avec chacune des pièces, oui je sais c'est très long et ennuyeusement répétitif, mais j'ai pas encore trouver comment faire plus efficace.


Partie 2: dans E-anim

Ouvrir la dernière version d'e-anim (e-anim 801 téléchargeable ici

Choisir une taille légèrement plus grande que votre image de base
(projet => dimension)

Insérer une à une les pièces dans e-anim et les rendre "draggable" de cette manière: http://e-anim.smileyforum.net/tutoriaux-f13/creer-un-piece-draggable-t2879.htm
(ce tuto est parfaitement bien réalisé, inutile que je le réexplique ici)

Plus qu'à héberger de la manière habituelle, et voilà:


Les questions dans le coin des questions Wink

_________________
Revenir en haut Aller en bas
http://collegepoudlard.virtuaboard.com
 
faire un puzzle interactif [photofiltre et e-anim]
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [Resolu] bandeau défilent d'image...saccadé
» signature musicale
» Gaëlle
» N° 3 " Corne sur une Image "
» [résolu ]puzzle

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le fofo de Lunard :: étagère 3: Tutos et astuces :: ● Tutoriels :: E-anim-
Sauter vers: