Retour à l'index

Accueil du siteLa liste de tous les tutosLes tutos classés par catégorieLa liste de tous les logiciels tutorésLa galerie des images de Tutopat

La foire aux questions de TutopatSe connecter au forumS'inscrire sur le forum

Ajoutez le moteur de recherche tutopat à Firefox ainsi qu'à Internet Explorer
 
 


 Pensez à utiliser nos outils, ils sont là pour vous aider. Usez et abusez en. 
 Pas de message dans les 3 jours qui suivent votre inscription ==> suppression du compte  


Créer un gif déroulant vertical

 
Poster un nouveau sujet   Répondre au sujet    Retour à l'index -> Les tutos graphisme. -> Gifs
Voir le sujet précédent :: Voir le sujet suivant  
Auteur Message
patarien
Admin Créator
Admin Créator


Age: 59
Inscrit le: 07 Nov 2004
Membre N°: 1
Messages: 7097
Messages par jour: 1.57
Localisation: Saumur

france.gif
MessagePosté le: Lun 31 Mar 2008, 16:13:05    Sujet du message: Créer un gif déroulant vertical Répondre en citant

.









Tutorial


Créer un gif déroulant vertical


avec Photofiltre et Unfreez












Voici un tutorial destiné à vous montrer comment réaliser très facilement une animation verticale.

Il va de soi que, l’exemple pris ici va surtout vous servir de support de compréhension de la méthode, afin de réaliser vos propres créations personnalisées.


Nous utiliserons pour cela les deux logiciels, gratuits et en français, que sont Photofiltre et Unfreez.


    Arrow Pour ce qui concerne Photofiltre, qui va nous permettre la création graphique, un tuto spécifique à son installation est disponible ici et pour ses plugins.

    Arrow Unfreez, quand à lui, va servir à créer l’animation finale. Son tuto spécifique est accessible ici.
Haut de la page
Déconnecté
patarien
Admin Créator
Admin Créator


Age: 59
Inscrit le: 07 Nov 2004
Membre N°: 1
Messages: 7097
Messages par jour: 1.57
Localisation: Saumur

france.gif
MessagePosté le: Lun 31 Mar 2008, 16:13:18    Sujet du message: Répondre en citant

.











La création de l’image de base









Lançons nous donc dans la grande aventure en ouvrant Photofiltre.

Pour commencer, cliquez sur la touche afin de créer un nouveau document.
La taille de celui–ci importe peu, mais prévoyez tout de même assez grand.









Voici donc notre image blanche.









Dans le cadre de ce tuto, j’ai choisi de prendre comme motif une image issue de la police de caractères ArtMonsters, mais il vous est possible de choisir n’importe quelle image issue de vos fichiers en lieu et place.

J’ouvre alors la fenêtre de rédaction de texte, détermine ma police et tape le caractère choisi.









Après validation par la touche OK, j'entérine la chose de la façon indiquée ci-dessous.









L’étape suivante va nécessiter de visualiser l’image insérée de beaucoup plus près, en utilisant l’option de zoom .

Vous pouvez passer par la commande située en haut pour zoomer dans l’image, mais aussi utiliser la molette de votre souris.


Il convient à présent de sélectionner l’outil qui va nous permettre d’effectuer l’encadrement en pointillés de l’image proprement dite.

En passant le pointeur de votre souris sur les pointillés, vous verrez apparaître une double flèche.
Maintenez alors le clic gauche enfoncé, de façon à déplacer ceux-ci jusqu’au point le plus externe de l’image, sur chacun des quatre côtés.









Lorsque la sélection est faite, procédez par un clic droit à l’intérieur des pointillés, puis comme indiqué ci-dessous.









Nous avons dorénavant notre image et juste notre image.









La démarche suivante va avoir toute son importance pour la suite de notre création et il vaut mieux être attentif, donc …


Cliquez comme indiqué ci-dessous.









La fenêtre affichant les dimensions de l’image s’ouvre.

Il est absolument nécessaire de mémoriser les deux valeurs pour passer à l’étape suivante, faute de quoi votre animation aura une drôle d’apparence.









Nous allons maintenant créer le support de notre animation, à sa taille réelle définitive.

Pour cela cliquez sur la touche et entrez les valeurs selon la règle suivante :


      Arrow Largeur identique à celle de l’image précédente.
      Arrow Hauteur de l’image précédente Multipliée par 4.










Dès lors que la création est validée, nous sommes sur le point de commencer à créer l’image de base de notre animation.

Séparez bien les deux dans la fenêtre de Photofiltre, puis agissez comme indiqué sur les captures ci-dessous.














Le collage dans l’image de base se fait automatiquement au centre parfait de celle-ci, ne nous obligeant pas à de scientifiques calculs.

Il suffit donc de valider ce collage.









Refaites alors un nouveau clic droit sur l’image de base, puis collez la à nouveau.









Elle apparaît en surimpression de l’autre et seuls les pointillés attestent de sa présence.









Qu’à cela ne tienne, nous allons la positionner en mettant le pointeur de notre souris à l’intérieur puis, en maintenant le clic gauche enfoncé, déplaçons là jusqu’à ce qu’elle soit juste au dessus de la précédente, à la ligne près.
N’hésitez pas à vous aider du zoom pour cela.









Il ne reste alors qu’à valider à nouveau le collage, en utilisant le clic droit à l’intérieur des pointillés.




Ajoutons une nouvelle fois l’image, toujours par le clic droit.









Elle se place encore au centre, toujours en surimpression de la première.









Cette fois-ci, toujours maintenant le clic gauche enfoncé, plaçons la juste en dessous, toujours à la ligne près, toujours en s’aidant du zoom.









Après avoir validé ce nouveau collage, recommençons une quatrième fois et positionnons cette fois-ci l’image en haut, mettant la base à la ligne près.

Le fait que le haut de l’image n’apparaisse pas est volontaire.
Il va servir à l’effet d’estompe de l’image dans la future animation.










Validons encore ce nouveau positionnement.









Collons maintenant une dernière fois l’image, mais en bas cette fois-ci.

Le bas de l’image n’apparaît pas, toujours dans le même esprit d’estompe.









Validez une dernière fois la position.









Au titre de la prudence élémentaire, procédons à l’enregistrement de notre image de base, histoire de ne pas être arrivé là pour rien ...














Voilà la première partie arrivée à son terme.

La suite, vous allez le voir, sera des plus simple à réaliser. parfait
Haut de la page
Déconnecté
patarien
Admin Créator
Admin Créator


Age: 59
Inscrit le: 07 Nov 2004
Membre N°: 1
Messages: 7097
Messages par jour: 1.57
Localisation: Saumur

france.gif
MessagePosté le: Lun 31 Mar 2008, 16:16:02    Sujet du message: Répondre en citant

.













La création des images de l’animation









Afin de bien comprendre le principe qui va nous guider dans la création des images de l’animation, voici une capture qui va vous montrer quelle partie de l’image de base va constituer l’image N°1, puis la N°2, etc …


En fait, nous allons dans chaque cas effacer tout ce qui ne correspond pas au numéro de l’image.









Pour cela, commencez par sélectionner la couleur de fond puis, en utilisant au choix le pot de peinture ou le pinceau au format brosse pour aller plus vite, effacez tout d’abord les quatre images du haut.









Notre animation finale étant destinée à avoir un fond transparent, procédons à l’opération.









Passez la fenêtre de confirmation.














Notre première image et maintenant transparente.









Procédons à son enregistrement.














A présent, il nous faut revenir à l’image de base créée, afin de générer la seconde de notre animation.
Vous pouvez au choix utiliser la touche de retour ou plus simplement rouvrir l’image de base pour cela.

Pour celle-ci, il faut effacer la demi image du bas, puis les deux et demi du haut, ne gardant donc que la première entière en partant du bas.









Mettons la en transparence, puis enregistrons la en tant que image2, toujours au format .gif, naturellement.









Pour l’image N°3, c’est donc uniquement celle du centre qui sera à garder, à mettre en transparence et à enregistrer.









Pour l’image N°4, très logiquement, ce sera la première image entière en partant du haut qui sera à garder, mettre en transparence et enregistrer.









Pour terminer, la cinquième image sera composée avec la demi image du haut, mise en transparence et enregistrée.









Enfin, pour apporter un effet supplémentaire à notre animation, nous allons créer un temps où le gif n’apparaîtra plus.

Pour cela, il convient d’effacer tout et de se retrouver avec un fond uni.









Mettez le ensuite en transparent et enregistrez en tant que sixième image.









Toutes les images nécessaires à la confection de mon animation sont à présent créées et un simple coup d’œil dans le dossier où je les ai enregistrées me donne déjà un aperçu.









Il ne reste plus qu’à créer notre animation car c’est bien là le but, non … hein
Haut de la page
Déconnecté
patarien
Admin Créator
Admin Créator


Age: 59
Inscrit le: 07 Nov 2004
Membre N°: 1
Messages: 7097
Messages par jour: 1.57
Localisation: Saumur

france.gif
MessagePosté le: Lun 31 Mar 2008, 16:17:19    Sujet du message: Répondre en citant

.













La création de l’animation









Rien de plus simple à présent que de suivre le tuto indiqué au début pour, à l’aide du logiciel Unfreez, créer notre animation finale.














Et voici le résultat de notre petit bricolagehelas









Des alternatives ou adaptations sont toujours possibles, en y ajoutant par exemple un fond.









Voire un fond animé ...









Voire un cadre, etc ….














J’espère que vous saurez adapter ce petit tuto sans prétention à vos propres réalisations. clindoeil










.

_________________


Avertissement général aux pirates et copieurs !

\ ! / Aucune réponse par message privé, MSN, Skype ou Email ! \ ! /

Pensez à utiliser les outils à votre service :
Le sommaire de tous les tutos
I Les tutos classés par catégorie I La liste alphabétique des tutos

Merci de nous signaler les liens morts ou les images manquantes

Nos tutos sont exclusifs. ne les copiez pas sur votre site !



Haut de la page
Déconnecté
Montrer les messages depuis:   
Poster un nouveau sujet   Répondre au sujet    Retour à l'index -> Les tutos graphisme. -> Gifs Toutes les heures sont au format GMT + 2 Heures
Page 1 sur 1

 

Sauter vers:  
Vous ne pouvez pas poster de nouveaux sujets dans cette section
Vous ne pouvez pas répondre aux sujets dans cette section
Vous ne pouvez pas éditer vos messages dans cette section
Vous ne pouvez pas supprimer vos messages dans cette section
Vous ne pouvez pas voter dans les sondages de cette section


Powered by phpBB © 2001, 2005 phpBB Group :
Template subSilver modifié par Patarien pour Tutopat
Toutes les heures sont au format GMT + 2 Heures
Traduction par : phpBB-fr.com
Hébergement par Hostonet