Les tuto 2 Demolite

Blog tuto, aide à la création et au design des blogs et sites internet, Montage photo, trucs et astuces, logiciels gratuits...

31 octobre 2010

Modifier une image animée (Gif) avec Photofiltre

Posté par Demolite - Dans la catégorie Photofiltre
Tags : , ,

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 :

Sans_titre_0

Si votre module n’apparait pas…
Allez dans Affichage et cochez Barre des modules

Sans_titre_14

Ensuite, ouvrez votre gif en passant par le module comme sur la capture plus haut.

Sans_titre_15

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

Sans_titre_01

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

Sans_titre_5

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…

Sans_titre_7

Maintenant il faut rendre le fond transparent…

Sélectionnez le fond de l’image, et faites comme sur la capture, vous obtenez ça :

Sans_titre_8

Répétez cette opération sur chaque image et enregistrez les en Gif.

Sans_titre_9

Dernière étape, Ouvrez Unfreez et faites un glisser déposer dans la fenêtre frames

Sans_titre_12

Sans_titre_13

Cliquez sur Make Animated GIF et enregistrez votre image animée !

Demolite_souris

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


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici


Redimensionner sa bannière avec Photofiltre

Posté par Demolite - Dans la catégorie Photofiltre
Tags : , ,

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 :

Sans_titre_8

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!)

Sans_titre_9

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 !).

Sans_titre_10

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;
}


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Changer un personnage de décor

Posté par Demolite - Dans la catégorie Photofiltre
Tags : , ,

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…

Original_1

Sur celle là c’est ma fille dans une piscine été 2007…

Original_2

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…

Montage

Sans_titre_1Commencez 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é.

Sans_titre_2

Cliquez droit au centre et faites Copier, allez maintenant sur l’autre photo cliquez n’importe où et faites Coller.

Sans_titre_4

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

Sans_titre_5

Sans_titre_6

Vous pouvez agrandir ou réduire à votre guise jusqu’à ce que le personnage se colle parfaitement au décor.

Sans_titre_7

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.


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Effacer une zone sur une photo avec photofiltre

Posté par Demolite - Dans la catégorie Photofiltre
Tags : , , , ,

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

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…


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Arrondir les angles d’une photo (version 2)

Posté par Demolite - Dans la catégorie Photofiltre
Tags : , , ,

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.

image_arrondi

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.

Sans_titre_22

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

Sans_titre_23

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…

Sans_titre_1

Cliquez sur Filtre, puis Encadrement et Diapositive

Sans_titre_2

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…

fleur


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici



01 janvier 2010

Index des Tuto Logiciels

Posté par Demolite - Dans la catégorie Index
Tags :

Unfreez comment ça marche ?

Convertir des images en série avec Xnview

Redimensionner des images en série avec Xnview

Installer Web Developer Toolbar

Windows Live Writer

Run Pixie

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

Sauvegarder son blog

Convertir une vidéo Flash (swf) en Avi

Enlever la limite des 72 minutes sur Megavidéo avec Cacaoweb

Tout convertir avec FormatFactory


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Index des Tuto Mavie maker

Posté par Demolite - Dans la catégorie Index
Tags :

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


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Index des tuto Wordpress

Posté par Demolite - Dans la catégorie Index
Tags :

Installer 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


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Index des tuto Photofiltre

Posté par Demolite - Dans la catégorie Photofiltre
Tags :

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


Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici

Index des tuto Canalblog

Posté par Demolite - Dans la catégorie Index
Tags :

Mode standard

Bien démarrer

  • Choisir l'apparence et mettre les blocs dans les colonnes de son blog
  • Mettre en ligne son premier article
  • Mettre une bannière sur son blog
  • Passer en mode avancé sans stress
  • Récupérer sa feuille de style
  • Récupérer l'adresse (url) d'une image
  • Insérer un document Word, PDF, PPS etc dans un article
  • Ajouter un Imprimer cette page dans un article
  • Insérer une image animée (gif) dans un article
  • Écrire à côté d'une image dans un message
  • Changer la couleur du texte dans une colonne
  • Agrandir la police
  • Remplir un album photo
  • Insérer un lien dans un article ou dans une colonne

    Mode standard et Mode avancé

    Mettre une vidéo dans un article

    Petits trucs

  • Changer la couleur du texte au passage de la souris
  • Changer la couleur des liens
  • Mettre une phrase cachée dans ses articles
  • Créer une phrase rebondissante
  • Faire défiler du texte
  • Insérer une zone texte
  • Changer la police du texte
  • Encadrer du texte
  • Faire clignoter du texte ou un lien
  • Les images

  • Infobulles sur vos images
  • Mettre un bouton à la place des Liens d'amis
  • Faites défiler vos images
  • Diaporama minute
  • Rollover sur une image
  • Écrire sur un papier à lettre dans un article
  • Mettre un image devant le Posté par
  • Divers

    Ouvrir un Lien d'amis dans une nouvelle fenêtre

    Créer un index

    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

    La boite à tuto...le retour !

    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

    Effet loupe sur une image

    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é

    Diaporama

    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

    Recommander votre blog

    Les menus

    Menu défilant

    Menu déroulant vertical en css

    Menu horizontal avec images cliquables

    Menu déroulant

    Mettre en forme vos menus déroulants

    Menu très discret en 1 clic

    Menu déroulant pour photo

    Menu horizontal ou vertical

    Menu vertical pour mettre dans une colonne

    Menu avec Rollover sur image

    Menu boutons liens défilants

    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

    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

    Mettre un compteur live

    Trucs pratiques

    Ecrire dans vos colonnes

    Retour en Haut de page

    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

    Anti clic droit

    Anti clic droit avec menu

    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

    Changer un bloc de colonne

    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

    Page d'accueil sans colonnes

    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

    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

    Calendrier avec diaporama

    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

    Musique non stop

    Divers

    Décryptage de la Feuille de style

    Décryptage de la Page d'accueil

    Faire un copie de vos page Html


    Rappel : Avant de modifier vos pages html, faites une copie ! <---Tuto ici



    « 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