• Faire un puzzle

    Yohoho. Aujourd'hui, un petit tuto sur les puzzles avec E-Anim.
    En vrai, il va nous falloir un autre logiciel, mais vu qu'il est gratuit et que je suppose que bon nombre d'entre vous l'on, ce n'est qu'un détail ; j'ai nommé le grand, le mythique Photofiltre gratuit !
    Par contre, il vous le faut absolument. Même les utilisateurs de Photofiltre Studio devront se le procurer. Je vais vous expliquer le pourquoi du comment assez rapidement.

    Donc, tout d'abord, choisissez l'image que vous voulez adapter en puzzle.
    Celle-ci pour moi :

    Tuto
    (cliquez dessus pour la voir en taille réelle)

    Alors, avant quoi que ce soit, on va la réduire ! Ne faites pas d'image trop grande ou trop large car ça ne tiendra pas dans votre page. Il faut qu'elle soit aussi large que votre page de blog (ou plus petite), sinon on ne verra pas un côté. Et veillé aussi à la longueur car pour ceux qui ont des écrans petits (MOI, MOI), ils seront obligés de monter et descendre leur page tout le temps.
    Je redimensionne donc mon image en 424*600.

    Tuto

    Après cela, ouvrez votre image dans Photofiltre gratuit. Et faites filtre -> Esthétique -> Puzzle...
    Cette fenêtre s'ouvre ; mettez ces paramètres, sauf pour la taille des pièces, mettez ce qui vous arrange. (plus elles sont petites, plus il y en a, plus c'est long -et accessoirement chiant- à faire)

    Tuto
    (d'ordinaire, je met 55 environ, mais là, c'est un tuto, alors on va faire ça vite)

    Vous obtenez donc une image de ce style :

    Tuto

    Alors, je vois ceux qui râle au fond : "Pourquoi on peut pas faire ça avec Photofiltre Studio ?? Y'a le même filtre d'abord !" Ben non. Enfin, si, mais pas avec la même option. On ne peut pas faire de puzzle avec Photofiltre Studio, sans que les pièces soit lissées. Alors que nous, nous avons absolument besoin qu'elles soient pixelisées. Mais au pire, comme je l'ai déjà dit, Photofiltre gratuit est.. gratuit (logique de fous) et en plus, il prend pas cher de place sur votre pc.
    Bref, bref.

    Donc, vous voilà arriver à l'étape.... dites ch*ante ! (si, si)
    Il va s'agir de décomposer votre puzzle pièce par pièce. Wouhou. Je vous jure, c'est l'éclate total.
    Donc, pour ce faire, vous sélectionnez votre pièce et zoomez pour être sur de tout prendre.

    Tuto
    (cliquez pour voir en taille réelle)

    Une fois celà fait, faites copiez, puis "edition" -> "collez en tant qu'image" (ou clique droit sur le fond gris de Photofiltre et "collez en tant qu'image)
    Vous obtenez votre pièce :

    Tuto

    Maintenant, sélectionnez une couleur qu'il n'y a pas dans votre image (rose fushia pour moi) et remplissez les parties qui devront être transparentes : (pour cela, aidez vous de l'outil remplissage à 100 de tolérange)

    Tuto

    N'oubliez pas les côtés ! (comme sur le côté gauche en bas pour moi)
    Une fois ceci fait, cliquez sur Tuto, mettez la tolérance à 0 et dirigez votre souris sur l'image et cliquez sur la zone rose. Validez.
    Enregistrez cette pièce au format gif.
    Bon, le problème avec cette technique, c'est que vos pièce seront toutes en 256 couleurs et ça fera moche à la fin (votre image sera pixelisé gif quoi). Donc pour éviter ceci, si vous avez Photofiltre Studio, ben utlisez le. Ce sera png comme ça. Et pas de 256 couleurs.
    (mais bon, hein, si vous avez que Photofiltre gratuit, c'est pas si grave, c'est juste que je suis perfectioniste)

    Mais revenons à nos moutons. Donc, il vous faudra faire chaque pièce une à une comme ça.
    Et une fois que vous avez fini, direction E-Anim !

    Enregistrez tout de suite le document ouvert dans le logiciel (de toute façon, avant de faire quoi que ce soit, on est obligé de le faire). C'est plus pratique si vous l'enregistrez dans le dossier où il y a vos pièces.

    Règlez les dimensions de votre document à la taille de votre image. "Projet" -> "Dimensions..." (424 de largeur et 600 de hauteur pour moi)

    Ajouter une à une vos pièces et rendez-les drageables. (qui se déplace à la souris)
    J'ai fait un tuto là dessus, donc je vous redirige dessus ->
    (déplacez bien les pièces dans tous les sens pour rendre le puzzle difficile)

    Sauver votre animation, hébergez-la et voilà.
    Voici mon résultat :

    Merci d'avoir suivi ce tuto et n'hésitez pas à poster vos rendu (du moins, mettre un lien vers), car j'adore les puzzles. x')

    (Merci d'avance de mettre un lien vers mon blog si vous voulez mettre ce tuto sur votre blog/forum/site. :])


    Tags Tags : , , , ,
  • Commentaires

    1
    Mardi 5 Juillet 2011 à 09:54

    j'ai commencer a le faire^^" je le finirai emain =] merci beaucoup!

    2
    Capura
    Mercredi 20 Juillet 2011 à 11:01

    merci beaucoup pour ce logiciel. ♥ :)
    je vais le faire et.. VIVE PHOTOFILTRE GRATUIT \o/

    3
    Vendredi 22 Juillet 2011 à 19:18

    magnifique je court essayer :D

    4
    miako
    Mercredi 3 Août 2011 à 14:45

    Roooh c'est cool ça quoi :O

    5
    Kira~chan Profil de Kira~chan
    Vendredi 19 Août 2011 à 15:18

    TRoopppppp bwien ! :D

    6
    Mercredi 31 Août 2011 à 12:08

    j'ai essayer le puzzle mais il manque des pieces

    7
    Marine08
    Dimanche 11 Septembre 2011 à 13:51

    slt

    trop beau ce tuto ^^ enfin si je reussi je fais une rubrique commande *Q* 

    merci je t'adore

    8
    Samedi 26 Novembre 2011 à 13:32

    Merci pour ton tuto' voilà mon 1er puzzle très simple mais je suis quand même contente.

    =) Article de bienvenue

    9
    Mercredi 15 Février 2012 à 09:44

    Pour le puzzle j'ai réussit. je me suis pris jusqu'a 9 heure 44

    10
    Snoops Profil de Snoops
    Samedi 11 Mai 2013 à 14:04

    Coucou je n'arrive pas a mettre les images sur E-anim .

    J'espere avoir une réponse bientôt ;3.

    11
    Samedi 11 Mai 2013 à 14:10

    Il faut faire objet -> ajouter.. -> une image (sur le disque)

    mais c'est aussi expliqué ici http://merry0712.eklablog.com/rendre-une-piece-drageable-a4247113 :)

    12
    Snoops Profil de Snoops
    Samedi 11 Mai 2013 à 14:54

    Ah oki merci je n'avais pas vu . En tout cas j'aime ton blog estt génial (en tout cas c'est sur qu'il est *10000000 que le mien xD)

    13
    Samedi 11 Mai 2013 à 15:03

    Merci beaucoup :) et tu sais on peut pas vraiment comparer des blogs x) surtout ceux qui ont pas du tout la même durée de vie et tout. L'important je pense c'est de prendre plaisir à s'occuper du sien :)

    14
    Snoops Profil de Snoops
    Samedi 11 Mai 2013 à 15:09

    J'ai essayer sa ne marche pas (ou alors c'est moi qui c'est ps faire...)

    15
    Samedi 11 Mai 2013 à 15:15

    Il faut que le nom de ton image ne contienne aucun espace.

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    16
    Snoops Profil de Snoops
    Samedi 11 Mai 2013 à 15:18

    Mon image s'appelle 1 alors xD.

    Attends je reessaye.

    17
    Snoops Profil de Snoops
    Samedi 11 Mai 2013 à 15:19

    OUAIS *cri de victoire*

    18
    Samedi 11 Mai 2013 à 15:38

    xD Non mais je comprends, E-Anim est un peu chiant des fois.

    19
    Snoops Profil de Snoops
    Samedi 11 Mai 2013 à 15:40

    Trop xD Je vais aller le mettre :3.

    20
    Lundi 7 Octobre 2013 à 12:04

    J'essayerasi

    21
    Mercredi 30 Octobre 2013 à 17:48

    j'esssayerai

    22
    Lundi 8 Décembre 2014 à 17:32
    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :