Sur ces réseaux sociaux, on voit souvent circuler des gifs animés avec sous-titres générés à partir de vidéos d’émissions de télé, de dessins animés, ou de films. Au lieu de récupérer toujours les mêmes gifs prêts à l’emploi, pourquoi ne créeriez-vous pas vos propres gifs animés  ? Vous ne savez pas comment faire ? Suivez le guide !

Au sommaire de ce Tuto Gif Animé

1. Logiciels dont vous aurez besoin
2. Comment récupérer des images d’un film avec AviDemux
3. Comment générer un gif animé avec The Gimp
4. Comment ajouter un titre police LolCat dans le gif animé
5. Le tuto vidéo complet  et les articles qui m’ont inspiré

Logiciels nécessaires

2 logiciels gratuits sont nécessaires pour réaliser les manipulations du tuto (rassurez-vous, pas besoin de Photoshop) :

1. Avidemux 2.5.6
2. The Gimp 2.8

Si vous voulez ajouter des titres statiques sur vos gifs animés, vous aurez également besoin du script AnimStack. Il faudra le copier-coller dans ce répertoire : C:Program FilesGIMP 2sharegimp2.0scripts

Comment récupérer des images d’un film avec AviDemux

Tout d’abord, ouvrez votre vidéo :

Sélectionnez la zone utile à l’aide des boutons [A (début) et B] (fin). Il faut s’arranger pour que l’image de début et l’image de fin soient à peu près ressemblantes pour créer des boucles de gif plus fluides.

Enregistrez ensuite vos séquences de jpeg comme ceci : Fichier > Enregistrer > Save Slection as JPEG

On donne un nom à nos jpeg comme ceci  et on appuie sur enregistrer :

Ici AvideMux m’a généré 80 jpegs :

On va en garder le 1/4 pour générer un gif animé avec 20 images.  Si vous mettez trop d’images de trop bonnes résolutions, vous risquez de dépasser les 1 Méga en taille de fichier (limite de tumblr). Donc surveillez ça bien.

Comment  générer un gif animé avec The Gimp

Ouvrez The Gimp puis allez chercher vos images gif dans Fichier > Ouvrir en tant que calques

Sélectionnez vos images par intervalle en maintenant la touche CTRL enfoncée. Comme j’ai décidé d’en prendre 20 et que j’en ai 80, je vais sélectionner une image tous les 4 images (80/20 : suite arithmétique de raison 4) et appuyez à la fin sur Ouvrir.

Pour voir un aperçu de votre animation, allez dans Filtres > Animation > Rejouez l’animation

Si vous êtes content déjà de ça, vous pouvez exporter votre animation tout de suite en gif animé en allant dans Fichier > Exporter et en nommant le fichier de destination avec l’extension .gif

Comment ajouter un titre police LolCat dans le gif animé

On va ajouter notre titre LolCat en 2 temps : Il faut d’abord créer un texte blanc et rajouter ensuite par dessus un liseré noir de 3 pixels. En fait on va créer un calque avec un fond noir 3 pixels plus grand et on va le placer sous le calque texte blanc.

Les manipulations étant un peu compliqué, je vais vous montrer ça en video.

Maintenant que le titre est ajouté sur le dernier calque, il va falloir faire en sorte qu’il soit au même endroit sur les 19 autres calques ! D’où l’intérêt du script AnimStacks.

Il faut nommer le calque qui contient le texte[fg] (fg = foreground, 1er plan en français) comme ceci

Et appliquer le filtre Process AnimaStacks comme ceci

Le texte du dernier calque s’ajoute à tous les autres calque du dessous. Ensuite avant d’exporter le tout en gif animé, faites cette dernière manipulation  « Image > Flatten Layers Groups » afin que chaque texte soit superposé sur son image. Il n’y a plus ensuite qu’à exporter en gif comme précédemment.

Le tuto vidéo complet

Il est assez long… Mais ça peut être plus commode pour vous si voulez réaliser les manipulations PC ouvert et tablette à côté pour suivre la vidéo.

Je vous dévoile également les 2 articles issus de tumblr qui m’ont énormément aidé dans la rédaction de ce tutoriel :

• How to make an animated gif
• Gimpedia

Cet article Créer un gif animé à partir d’une vidéo avec The Gimp et AviDemux est apparu en premier sur Les Astuces de Jeanviet.

…Grâce à Personas (le plugin magique inclus dans firefox 3.6), vous allez pouvoir personnaliser le template de votre navigateur aux couleurs de votre blog ! Dès que j’ai vu la fonctionnalité… Je n’ai pas pu résister !

Voyons ensemble comment personnaliser Firefox aux couleurs de Jeanviet.info !

Au sommaire de ce tuto :

1. Télécharger firefox 3.6 et Installer Personas Plus
2. Personnaliser son thème firefox
3. Créer son thème perso
4. Partager son thème

Télécharger firefox 3.6 et Installer Personas Plus

Avant de commencer, il vous faut le nouveau navigateur firefox 3.6, dispo ici :

Ensuite (pas obligatoire), mais utile si vous souhaitez créez et testez votre propre thème perso instantanément, installez le plugin personas plus, dispo ici :

https://addons.mozilla.org/fr/firefox/addon/10900

Personnaliser son thème firefox

Il existe 2 techniques pour personnaliser son thème firefox 3.6.

Technique #1 : Si vous n’avez pas installé le plugin personas plus, rendez-vous sur cette page avec firefox 3.6 : http://www.getpersonas.com/en-US/gallery/

Pour avoir un aprçu en live d’un thème, survolez-le… C’est magique, votre navigateur change alors de peau !

Pour le mettre à la place de l’ancien thème, il suffit de cliquer sur le bouton Wear-it !

Technique #2 : Vous avez installé le plugin personas plus. Il est donc dispo en bas à gauche de votre navigateur… Cliquez sur le renard (1) et survolez le thème dans le menu (2) que vous voulez tester, un simple clic l’installera par défaut.

Créer son thème perso :

Vous aussi, vous voulez un thème personnalisé aux couleurs de votre blog, comme celui-ci :

Rien de plus simple créer 2 images (jpg) dans votre éditeur graphique préféré (perso j’utilise photofiltre) :

1. Une pour le haut au format 3000×200 px
2. Une pour le bas au format 3000×100 px

Pour le tester, Utilisez le plugin personas plus : Renard (en bas à gauche) +  Persona Personalisé + éditer

Ajouter ensuite vos deux bannières : Bannière supérieure = 3000×200, Pied de page = 3000×100

OK et c’est fini ! votre navigateur est aux couleurs de votre blog… N’hésitez pas à ajuster vos 2 jpgs pour qu’ils s’intègrent le mieux possible à votre navigateur.

Partager son thème :

Vous voulez que les visiteurs de votre blog, arborent fièrement vos couleurs ? partagez donc votre thème dans la gallerie personas.

1. Créez votre identifiant ici : https://www.getpersonas.com/en-US/signin
2. Une fois identifié, envoyez vos 2 bannières ici : http://www.getpersonas.com/en-US/upload en remplissant ce formulaire comme suit :

Appuyez sur Submit… et soyez patient ! 1 jour après, il sera validé et vous pourrez communiquer auprès de votre audience dessus comme ceci !

Cet article Personnaliser vos thèmes firefox à vos couleurs avec Personas est apparu en premier sur Les Astuces de Jeanviet.

Nos appareils photos numériques enregistrent un certain nombre d’informations chaque fois que nous prenons une photo: date, heure, résolution de l’image… Avec ce tutoriel, vous pourrez ajouter une dimension géographique à vos photos, ce qui rendra vos albums photos en ligne plus attrayants ! Avant de se lancer dans les opérations, quelques logiciels et souscriptions sont nécessaire (tout est gratuit, je vous rassure !)

Installer Google Pack et Créer un compte Google

Cliquez sur le lien ci-dessous pour télécharger la dernière version de Google Pack

Lors de l’installation de Google Pack, seules Google Earth et Picasa nous intéressent (vous pouvez supprimer les autres programmes)…

La création de compte Google n’est pas nécessaire si vous disposez déjà d’un compte gmail, ou d’un hébergement web.

Sinon, avoir un compte Google vous permettra de disposer d’une boîte mail de 2 Go (Gmail), d’un espace web de 100 Mo (Google Page Creator), et d’un espace de stockage photo d’un Giga (Picasa Web Albums).

L’inscrition a lieu ici: Création d’un compte Google Voilà , maintenant qu’on est bien armé, passons aux explications.

1. Nous allons importer toutes nos photos de vacances avec Picasa,
2. Géolocaliser 5 de nos photos avec Google Earth,
3. Exporter notre géolocalisation dans un fichier compatible avec Google Maps (KMZ),
4. Héberger notre fichier KMZ sur Google Page Creator,
5. Lire notre fichier KMZ sur Google Maps.

1/ Importer ses photos numériques avec Picasa

Ouvrez Picasa… Reliez votre appareil photo numérique à votre PC, cliquez sur le bouton Importer

Le centre d’importation apparaît avec toutes les photos contenues dans votre appareil photo numérique

Cliquez ensuite sur "tout importer", en bas de la fenêtre

Créez un dossier Picasa comme suit, je l’ai appelé Tunisie_2007, et l’ai placé sur le Bureau.

2/ Géolocaliser ses photos avec Google Earth

Si tout s’est bien passé, vous retrouverez votre collection de photos comme ci-dessous

Dans cette collection, je vais sélectionner 5 photos prises à différents endroits:

1. une de moi sur la plage de Yasmine Hammamet,
2. une autre de moi dans les rues de Yasmine Hammamet
3. une prise dans le centre d’Hammamet
4. une photo de la mosquée de Tunis
5. une photo prise à Sidi Bou Said

A chaque fois que je veux ajouter une photo à ma sélection il faut que je clique (clic gauche de la souris) sur une photo en maintenant la touche Control du clavier enfoncée (Ctrl).

Illustration ci-dessous avec les photos 4 et 5.

Chaque fois que j’ajoute une photo à ma sélection, cela s’affiche en bas à droite (mes 5 photos ci-dessous)

Pour géolocaliser avec Google Earth ma sélection, Allez dans Outils -> Géolocaliser -> Géomarquer avec Google Earth

Google Earth va s’ouvrir et il va falloir postionner chaque photo sur la carte

1ère Photo, moi sur la plage de Yasmine Hammamet…. Tapez dans la barre de recherche "Hammamet, Tunisie"…

Ensuite, Zoomez avec votre cible sur l’endroit concerné (les petits ronds bleus correspondent à des photos envoyé via le service Web Panoramio)

Quand c’est OK, appuyez sur Géomarque… Il faut ensuite répéter ces manips pour les 4 autres photos (on passe à la deuxième photo en dessous). Puis cliquer sur "Terminé" quand on a géolocaliser les 5 photos de notre sélection

Nos 5 photos sont maintenant géolocalisées sur Google Earth

3/ Exporter nos géolocalisations au format KMZ

Mise à jour du 21 octobre 2007: avant, j’indiquais d’exporter au format KMZ depuis Picasa… Malheureusement, depuis quelques jours, le fichier qui en sort n’est pas bien reconnu par Google Maps… on a le droit à ce message d’erreur:

"…ne peut être affiché, car il ne s’agit pas d’un fichier KML ou KMZ valide."

Donc, il faut maintenant faire les exporations depuis Google Earth.

Allez dans le menu de gauche de google earth, container Lieux, puis appuyer sur le petit + à gauche de Lieux temporaires

On vous affiche les photos qui viennent d’être géolocalisées dans un dossier temporaire portant la date du jour de notre ajout (chez moi Picasa – dimanche 21 octobre 2007)

Faîtes alors clic droit sur ce dossier temporaire, puis Enregistrer sous. Enregistrez ensuite sur votre bureau (pour la retrouver facilement) votre sélection en lui donnant un nom explicite (jeanviet_tunisie)… le format d’extension étant sélectionné par défaut: kmz

4/ Héberger notre fichier KMZ sur les serveurs de Google

Nous allons maintenant héberger notre fichier kmz sur notre espace perso google. Quand vous aurez votre compte google, loggez vous ici: Google Page Creator Cochez la case en bas de page, et appuyez sur le bouton "I’m ready to create my pages"

Cliquez ensuite sur "Back to Site Manager"

Puis allez vers le container "Uploaded stuff" situé à droite et cliquez sur "upload"

Cliquez ensuite sur Parcourir et envoyer votre fichier kmz

Quand il est en ligne, vous verrez son poids (en ko) s’afficher

Allez ensuite récupérer sa localisation sur les serveurs de google (clic droit sur le lien *.kmz + copier l’adresse du lien)

5/ Partager nos géolocalisations sur Google Maps

Rendez-vous ensuite sur Google Maps pour coller (Ctrl + V avec le clavier) le lien dans la barre d’adresse de google maps

Appuyez ensuite sur le bouton "Recherche Adresses"… Et en cliquant sur un des points près d’Hammamet, vous saurez qu’à 12h23, le 5 mars 2007, je marchais dans les rues de Yasmine Hammamet, Etonnant… non ?

Pour récupérer l’adresse web de la carte, allez sur "Obtenir l’URL de cette page" et faîtes clic droit + copier l’adresse du lien

Vous n’aurez plus ensuite qu’à la diffuser à vos contacts en faisant Ctrl + V dans votre messenger ou dans votre webmail, exemple:

http://maps.google.fr/maps?f=q&hl=fr&q=http://jeanviet.googlepages.com/jeanviet_tunisie.kmz

Cet article Créer une Google Map de ses dernières photos de vacances est apparu en premier sur Les Astuces de Jeanviet.

La manipulation consiste a télécharger le fichier kses.php, à l’ouvrir avec le bloc notes, et à y ajouter une ligne de code. Cette ligne de code autorise l’insertion de la balise img et ses attributs dans la zone de commentaires. Pour info, en HTML, la balise img sert à insérer une image. Télécharger donc ce fichier (kses.php) avec votre client FTP préféré. Il se trouve dans le dossier wp-includes de votre installation wordpress.

Ouvrez-le avec le bloc notes (wordpad) , et recherchez la ligne $allowedtags (Ctrl+F, rechercher $allowedtags)

entre :

$allowedtags = array (‘a’ => array (‘href’ => array (), ‘title’ => array ()), ‘abbr’ => array (‘title’ => array ()), ‘acronym’ => array (‘title’ => array ()), ‘b’ => array (), ‘blockquote’ => array (‘cite’ => array ()),

et

// ‘br’ => array(),

insérez cette ligne de code:
‘img’ => array (‘src’ => array(), ‘alt’ => array(), ‘height’ => array(), ‘width’ => array(), ‘align’ => array()),

Voici donc ce que cela donne sur notre bloc notes:

Une fois que c’est bon, enregistrez à nouveau le fichier (Ctrl+S), et remettez-le à son emplacement d’origine avec votre client FTP préféré

Les images peuvent maintenant être inséré dans les commentaires par tout lecteur de votre blog. Pour expliquer à votre lecteur comment il faut faire, voici un lien qui peut vous être utile: héberger des images gratuitement sur le web

Cet article WordPress, autoriser l’insertion d’images dans les commentaires est apparu en premier sur Les Astuces de Jeanviet.

1. Capturer l’écran dans sa totalité : Touche Impécr/Syst
2. Copie d’une portion d’écran, avec Gadwin Printscreen (freeware)
3. Copie d’écran d’un site Web dans son intégralité, avec url2bmp (freeware)
4. Copie d’écran d’une video, avec BSPlayer

1) Touche Impécr/Syst

La technique la plus simple pour prendre un cliché de ce qui se passe sur notre écran consiste à appuyer sur la touche Impécr/Syst (Print Screen System) de notre clavier.

Cette touche se trouve à côté de la touche F12

Une fois qu’on a appuyé sur cette touche, une capture de notre écran se trouve dans le presse papier (la mémoire temporaire de notre ordinateur).

Il suffit alors de coller le presse papier, où l’on veut.

Ici je l’ai collé dans un document Word en maintenant enfoncé la touche Ctrl et en appuyant simultanément sur V (Ctrl + V = coller ce qui est en mémoire)

2) Copie d’une portion d’écran, avec Gadwin Printscreen

Tout d’abord, téléchargez Gadwin Printscreen, disponible ici.

Installez-le, une fois installé, il faut aller le configurer.

Ouvrez Gadwin

Allez ensuite dans l’onglet Source, et cochez la case « Zone Rectangulaire », ainsi on pourra définir une zone rectangulaire de capture.

Ensuite, vous devez indiquer à Gadwin l’endroit où les captures d’écran seront enregistrées, pour se faire allez dans l’onget Destination et cliquez sur la zone avec les 3 points de suspension.

Définissez ici le répertoire de destination de vos captures d’écran.

Vous pouvez maintenant appuyer sur OK pour enregistrer la configuration de Gadwin.

Maintenant chaque que vous allez appuyer sur la touche Impécr/Syst :

Une croix apparaîtra à l’écran, maintenez alors le bouton gauche de votre souris enfoncé puis déplacez la croix de sorte à ce que vous ayez un rectangle sur la surface de l’écran que vous voulez capturer.

Une fois que l’écran vous convient, vous pouvez lacher le bouton gauche de votre souris et appuyer ensuite sur le bouton droit de la souris.

Une fenêtre apparaîtra pour confirmer la capture, appuyer sur « continuer la sortie », puis sur enregistrer.

Votre capture se trouve maintenant dans votre répertoire de destination, vous pouvez l’envoyer par mail, l’éditer, ou l’afficher sur votre site web comme ci-dessous :

3) Copie d’écran d’un site Web dans son intégralité, avec url2bmp (freeware)

Télécharger le logiciel gratuit url2bmp, disponible ici.
Installez-le sur le bureau comme ceci, comme cela vos fichiers images de captures apparaîtront sur le bureau directement:

Lancer le programme en cliquant deux fois sur l’icône

Tapez l’url (adresse web) du site que vous voulez capturer, cocher JPEG et Remove right scroll bar (pour enlever la barre de scrolling verticale) et indiquer un nom à votre image de sortie, ici « orange.jpg », appuyez sur Go. Quelques secondes après, votre image est prête sur le bureau :

Et voici le résultat quand on clique 2 fois dessus :

4) Copie d’écran d’une vidéo, avec BSPlayer

Téléchargez BSPlayer, disponible ici.

Téléchargez la version gratuite qui se situe en bas de page.

Lisez une video avec, appuyez sur les touches « Ctrl + P ». Une fenêtre de paramètres apparaît :

Définissez votre répertoire de sortie pour les captures d’écran (le bureau par exemple)

Fermer cette fenêtre.

Pour capturer la video qui tourne sur votre player, il vous suffit maintenant d’appuyer sur « P », la capture de votre video se trouvera dans votre répertoire de sortie (le bureau par exemple)

Cet article Capturer tout ce qui apparaît à l’écran! est apparu en premier sur Les Astuces de Jeanviet.