31 octobre 2010
Modifier une image animée (Gif) avec Photofiltre
Vous avez un Gif sympa, mais le problème c’est qu’il n’est pas tout à fait comme vous l’auriez voulu…
Alors pour changer les couleurs ou supprimer un détail dans une image animée…c’est par ici !
Ouvrez Photoflitre et installez le Plugin qui permet d’ouvrir un gif.
Après avoir redémarré Photofiltre, vous obtenez ça :
Si votre module n’apparait pas…
Allez dans Affichage et cochez Barre des modules
Ensuite, ouvrez votre gif en passant par le module comme sur la capture plus haut.
Les images sont maximisées à l’ouverture, pour qu’elles s’ouvrent toutes en même temps et réduites, il faut décocher dans Affichage/Maximiser les images à l’ouverture
Ouf…une bonne chose de faite !
Maintenant que vous avez toutes vos images…
Il faut les modifier une par une…
Rien de bien sorcier…
Dans cet exemple nous allons changer la couleur du Gif…
Sélectionnez l’outil de remplissage et cliquez sur l’image dans la zone que vous voulez colorer en vert
prenez soin de sélectionner la bonne couleur sur la palette tout en haut à droite…
Maintenant il faut rendre le fond transparent…
Sélectionnez le fond de l’image, et faites comme sur la capture, vous obtenez ça :
Répétez cette opération sur chaque image et enregistrez les en Gif.
Dernière étape, Ouvrez Unfreez et faites un glisser déposer dans la fenêtre frames
Cliquez sur Make Animated GIF et enregistrez votre image animée !

Pour plus de détails sur le logiciel Unfrezz c’est Ici

Redimensionner sa bannière avec Photofiltre
Sujet déjà traité ici en bas de page, mais je préfère isoler cette partie pour ceux que ça intéresse, ce tuto sera plus facile à trouver que noyé dans la masse…
Importez votre bannière dans Photofiltre :
Cliquez droit sur l’image, puis sur Taille de l’image, ensuite changez la largeur (ce doit être la même que celle de votre #container!)
Retenez la hauteur de votre nouvelle bannière pour changer la valeur de height dans les deux blocs cités plus bas(si votre nouvelle bannière fait 183px vous devez mettre 183 dans les 2 height !).
Enregistrer sous au format jpeg de préférence pour les photos et gif pour les écritures…
Puis pour finir, importez votre nouvelle bannière dans un message en passant par Insertion d’une image pour qu’elle ne soit pas redimensionnée par Canalblog et collez l’adresse de votre nouvelle bannière dans le bloc #topbar-logo :
#topbar-logo {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #;
background: url(“http://p0.storage.canalblog.com/08/41/251752/19966907.jpg“) no-repeat 0% 0%;
height: 183px;
display: block;
}
div .logolink a {
display: block;
text-decoration: none;
width: 100%;
height: 183px;
}

Changer un personnage de décor
Voici un petit tuto tout simple pour changer le décor de vos photos, au cas où vous voudriez faire croire à vos collègues que vous êtes allés aux Caraïbes ou en Australie l’été dernier…
Sur cette photo, c’est mon fils en Corse été 2004…
Sur celle là c’est ma fille dans une piscine été 2007…
OH….mais que vois-je ?
Ma fille dans les eaux Corse ? mais c’est pas possible, elle n’était pas encore née en 2004 la gamine !
Pas mal le montage non !?
Par contre l’ombre en dessous ce n’est pas la sienne, ni celle d’une Raie Manta, mais bien celle de mon fils…
Commencez par ouvrir vos 2 photos dans Photofiltre
Il faut découper en premier le personnage que l’on veut changer de décor
Choisissez l’outil sélection puis Polygone
Faites le contour de votre personnage en cliquant gauche par petites touches bien précises tout autour et finissez par recliquer sur votre premier point pour former une boucle.
Votre personnage est maintenant sélectionné.
Cliquez droit au centre et faites Copier, allez maintenant sur l’autre photo cliquez n’importe où et faites Coller.
A moins d’avoir de la chance, votre personnage ne sera pas à
l’échelle par rapport à l’autre photo, il faut donc réduire ou agrandir
un peu le personnage que l’on vient de coller.
Ne validez pas le collage !
Vous pouvez par contre centrer le personnage en le faisant glisser avec le clic gauche enfoncé.
Faites un clic droit au centre et choisissez Paramètres manuel…
Vous pouvez agrandir ou réduire à votre guise jusqu’à ce que le personnage se colle parfaitement au décor.
Il ne vous reste plus qu’à faire des petites retouches autour du personnage pour gommer d’éventuelles bavures.
Avec l’outil Tampon de clonage vous pouvez cloner des zones et les coller par petites touches.
Choisissez un rayon faible pour être le plus précis possible.
Vous pouvez faire des retouches avec l’outil pinceau mais c’est plus difficile d’obtenir quelque chose de net, pensez à faire un grand zoom c’est bien plus facile.

Effacer une zone sur une photo avec photofiltre
Je suis sure que vous avez un tas de photo avec un vieux reflet dans vos lunettes de soleil ou bien une affreuse cigarette à la main ou encore un type qui passe juste derrière vous au mauvais moment !
Sur cette photo c’est Rico…mon homme, je vais faire disparaitre le bateau en arrière plan, c’est pas qu’il me gêne, mais il fallait bien faire disparaitre quelque chose...
Avant

Avec l’outil tampon de clonage, rien de plus simple…vous copiez une zone en maintenant la touche Ctrl enfoncée, et vous la recopié à l’endroit voulu avec le clic gauche de la souris.
Après

Oh ben mince…plus de bateau !
Pour la vidéo, j’ai utilisé une autre photo, pour plus de détails…

Arrondir les angles d’une photo (version 2)
Hello les gens…
Voici la version 2 en mode bidouille...qui conserve la qualité des photos…
Oui…le format Gif c’est bien pour les images, les dessins et certaines écritures, mais pour les photos le Jpeg c’est tout de même plus net.

Ouvrez votre photo dans Photofiltre, sélectionnez la photo de l’angle gauche supérieur à l’angle droit inférieur avec l’outil coins arrondis.
Cliquez ensuite sur Sélection dans le menu, puis Inverser.

La sélection des angles apparait en pointillés.

Cliquez droit sur la photo, puis Contour et remplissage.
Puis cochez les cases : Dessiner le contour et Remplir le fond.
Choisissez la couleur désirée (celle du fond de votre blog) puis cliquez sur Aperçu avant de faire OK.
Voila c’est tout.
Si le fond de votre blog et blanc, choisissez le blanc comme couleur de remplissage.
Tuto suite…
Il existe une autre façon plus simple pour arrondir les angles d’une photo.
Merci à Manu, de me l’avoir rappelé ;)
Pourquoi faire simple lorsqu’on peut faire compliqué…
Pour ceux que ne connaissaient pas la méthode de la sélection inversé…ça pourra toujours vous servir pour d’autre travaux…

Cliquez sur Filtre, puis Encadrement et Diapositive…

Choisissez la largeur du cadre, la couleur, le Flou et l’arrondi puis cliquez sur Aperçu avant de valider en cliquant sur OK.
Voilà ce que ça donne…


01 janvier 2010
Index des Tuto Logiciels
Convertir des images en série avec Xnview
Redimensionner des images en série avec Xnview
Installer Web Developer Toolbar
Créer des icônes personnalisées avec IcoFX
Enregistrer la radio sur son Pc avec Screamer radio
Mettre un papier à lettre avec Mozilla Thunderbird
Copier le contenu de son blog sur un CD avec HHtrack
Créer une image animée avec Unfreez
Réaliser une animation flash avec Powerbullet
Créer une bannière flash avec Powerbullet
Convertir une vidéo Flash (swf) en Avi
Enlever la limite des 72 minutes sur Megavidéo avec Cacaoweb
Tout convertir avec FormatFactory

Index des Tuto Mavie maker
Réaliser un petit montage (Diaporama) avec Windows Movie Maker
Appliquer une transition à toutes les photos en même temps avec Movie Maker
Mixer deux Mp3 dans un montage avec Movie Maker
Fractionner une vidéo en plusieurs parties avec Movie Maker
Superposer des photos dans un montage avec Movie Maker
Réduire ou augmenter la durée d’une image dans un montage avec Movie Maker
Supprimer un passage dans une vidéo avec Movie Maker
Supprimer ou remplacer une bande son dans une vidéo avec Movie Maker
Réaliser un Stop motion avec Movie Maker

Index des tuto Wordpress
Installer et modifier les images d’un thème sur WordPress
Afficher et ajouter des widgets dans une colonne
Installer une extension (un Plugin)
Mettre une horloge dans une colonne avec WordPress
Insérer une image sous votre horloge avec WordPress
Changer sa bannière sur WordPress
Faire une sauvegarde de vos fichiers WordPress via votre client ftp
Installer le plugin Custom smilies et changer les smilies avec WordPress
Mettre une bannière Flash sur WordPress
Ajouter une colonne à son thème sur WordPress
Mettre un formulaire email avec WordPress
Changer l’icône par défaut de Gravatar avec WordPress
Insérer des vidéos dans un article avec WordPress
Installer et utiliser le plugin Audio-Player avec WordPress

Index des tuto Photofiltre
Le B.Aba
Redimensionner sa bannière avec Photofiltre
Modifier une image animée avec Photofiltre
Arrondir les angles d’une image ou d’une photo avec Photofiltre
Recadrer une image avec Photofiltre
Redimensionner une image animée avec Photofiltre
Ajouter un plugin à Photofiltre pour importer un gif
Installer tous les Plugins de Photofiltre
Les raccourcis clavier Photofiltre
Récupérer un code couleur avec Photofiltre
Améliorer les contours d’une image sur fond transparent avec Photofiltre
Redimensionner une photo avec Photofiltre
Ajouter une police à Photofiltre
Les Effets
Effet reflet dans l’eau avec Photofiltre
Reflet dans l’eau animé avec Photofiltre
Effet puzzle sur vos photos avec Photofiltre
Effet pluie sur vos photos avec Photofiltre
Faire un dégradé de couleur sur une photo avec Photofiltre
Donner un effet d’ombres sous vos photos avec Photofiltre
Créer un effet Halo de lumière sur du texte avec Photofiltre
Ajouter une ombre portée à un personnage avec Photofiltre
Les Glitters et Blinkies
Créer un Blinkies avec Photofiltre
Cadre scintillant pour vos photos avec Photofiltre
Tailler un costard à vos photos ou comment faire scintiller une zone avec Photofiltre
Créer une bannière scintillante avec Photofiltre
Mettre un fond scintillant à vos images avec Photofiltre
Créer un texte scintillant avec Photofiltre
Faire soi même un Glitters avec Photofiltre
Décomposer un Glitters en trois images avec Photofiltre
Rendre scintillant les contours d’une rose avec Photofiltre
Les Montages et les Changements
Retouche photo express avec Photofiltre
Effacer une zone sur une photo avec Photofiltre
Changer un personnage de décor avec Photofiltre
Mettre un fond animé sur une photo ou sur une image avec Photofiltre
Assembler plusieurs photos avec Photofiltre
Fusionner deux images avec Photofiltre
Changer le fond d’une étiquette avec Photofiltre
Les Créations
Créer une image animée avec Photofiltre
Créer des flocons de neige avec Photofiltre
Créer une icône avec Photofiltre
Créer un Player Deezer personnalisé avec Photofiltre
Créer une image animée avec Unfreez et Photofiltre
Créer un cadre personnalisé pour vos photos avec Photofiltre
Créer un fond en répétant une image avec Photofiltre
Créer un bouton en relief avec Photofiltre
Créer une bulle en relief avec Photofiltre
Créer des étiquettes à l'aide un Mask avec Photofiltre
Les Divers
Un cadre noir et blanc pour vos photos avec Photofiltre
Mettre un bandeau de texte en transparence sur une photo avec Photofiltre
Encadrez vos photos à l’aide un Mask avec Photofiltre
Faire défiler une photo dans un cadre avec Photofiltre
Écrire en rond sur une photo avec Photofiltre
Signer ses photos en transparence avec Photofiltre
Insérer une image animée (Gif) sur un fond fixe avec Photofiltre

Index des tuto Canalblog
Mode standard
Bien démarrer
Insérer un lien dans un article ou dans une colonne
Mettre une vidéo dans un article
Petits trucs
Les images
Divers
Ouvrir un Lien d'amis dans une nouvelle fenêtre
Mettre une horloge en Mode standard
Tags et nuage de tags sur Canalblog
Mettre un système de notation dans vos articles
Installer la Newsletter de Canalblog
Smileys + barre d'outils dans les commentaires en mode standard
Les Albums photos
Changer l'ordre des albums photos
Mettre le diaporama de vos albums photos dans un article
Mettre de la musique dans le diaporama de vos albums photos
Mode Avancé
Les images
Effet Rollover Light sur vos boutons liens
Mettre une image devant les liens dans une colonne
Image en balade sur votre blog
Mettre une image devant le titre des messages
Mettre une image sous le titre de vos catégories (Blocs)
Remplacez le titre de vos catégories par une image
Pavé de Liens d'amis personnalisé
Placer un logo ou une image volante sur votre blog
Insérer des smileys dans les articles
Mettre un image différente pour vos Blocs
Supprimer l'encadrement des images
Mettre un bouton à la place des liens de vos catégories
Outils
Les menus
Menu déroulant vertical en css
Menu horizontal avec images cliquables
Mettre en forme vos menus déroulants
Menu vertical pour mettre dans une colonne
Menu déroulant horizontal avec sous menu
Les Commentaires
Mettre des smileys dans les commentaires
Ajouter une barre d'outils dans les commentaires
Changer l'affichage des commentaires
Afficher les smileys dans la liste des derniers commentaires
Encadrer les commentaires version 2
Encadrer les commentaires avec les angles arrondis
Changer la police du titre d'un commentaire
Changer la couleur des premiers mots dans la liste des commentaires
Différencier les commentaires de l'auteur
Mettre de la couleur dans le formulaire des commentaires
Les Gadgets
Ajouter un effet tourne page à son blog
Une image en balade sur votre blog
Mettre un Pop-Up sur votre blog
Mettre une horloge sur votre blog
Placez un bouton Actualiser sur votre blog
Mettre un Photomaton sur votre blog
Image qui suit et regarde le curseur
Faire tomber la neige sur votre blog
Pluie d'étoile sous votre curseur
Nuage de tag animé Wordpress sur Canalblog
Trucs pratiques
Mise en forme automatique pour votre texte
Mettre un message d'accueil sur votre blog
Faire défiler le titre de votre blog dans l'onglet de votre navigateur
Rendre le titre des blocs cliquables
Mettre un bouton "Retour à l'accueil"
Mettre un message pour vos visiteur à l'ouverture de votre blog
Rediriger vos visiteurs vers une nouvelle adresse
Ajouter ou supprimer un bloc dans une colonne de votre blog
Centrer un bloc dans une colonne
Laisser un espace entre les blocs
Mettre vos colonnes à la même hauteur que le #content
Mettre de la musique dans un article ou à l'ouverture de votre blog
Mettre vidéo minuature dans une colonne
Les Changements
Changer l'image de votre profil
Modifier le "Posté par" et "l'heure" de vos publications
Changer la taille des colonnes
Supprimer le titre et la description du blog
Mettre vos colonnes côte à côte
Ajouter une troisième colonne à votre blog
Changer la police et la couleur des Tags
Changer le mot "Commentaires" dans le pied des articles
Changer la couleur des liens et des Tags de façon ponctuelle
Mettre une barre de défilement (Scrollbar) sur votre blog
Supprimer la liste des mois dans le bloc des Archives
Une vraie Page d'accueil pour votre blog
Les Albums photos
Mettre vos Albums photos dans un article
Changer la taille des albums photos
Changer l'ordre des albums photos
Mettre le diaporama de vos albums photos dans un article
Mettre un player dans un album photo
Mettre de la musique dans le diaporama de vos albums photos
Mettre ses albums photos dans une seule et même page
Changer l'apparence des albums photos
Décoration
Mettre un fond d'écran sur votre blog
Mettre une bannière sur son blog en mode avancé
Mettre une bannière différente sur les pages de votre blog
Mettre un titre scintillant sur son blog
Mettre un bouton lien à la place du Contacter l'auteur
Mettre un séparateur entre les articles
Écrire dans un cadre dans une colonne
Mettre une image de fond sous votre calendrier
Mettre une icône devant l'adresse de votre blog
Arrondir les angles de #Content
Arrondir les angles de #Content et des colonnes
Mettre en valeur du texte dans un article
Mettre de jolies bordures à son blog
Encadrer le titre de vos articles
Encadrer vos articles avec un cadre scintillant
Cadre css pour vos blocs et titres de vos articles
Mettre un pied de page sur votre blog
Mettre du texte dans sa bannière
Mettre une bannière flash sur Canalblog
Musique
Mettre de la musique dans un article ou à l'ouverture de votre blog
Mettre de la musique à l'ouverture de votre blog
Mettre de la musique dans le diaporama de vos albums photos
Mettre un player dans un album photo
Divers
Décryptage de la Feuille de style
Décryptage de la Page d'accueil
Faire un copie de vos page Html

« Accueil 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41




























