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

Mettre un fond animé sur une image ou une photo

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

Chose promise, chose due…

Trinity_fond_matrix

Dans un premier temps, il faut ajouter à Photofiltre un plugin qui va permettre d’importer un gif en ouvrant les images qui le compose séparément.

Cliquez sur ce lien et téléchargez le plugin.

Ensuite, décompressez le fichier ImpGifAnim

plugins2

Copier le fichier ImpGifAnim.pfl

plugins3

dans le dossier Plugins de PhotoFiltre (Program files/photofiltre)

plugins

Redémarrez ensuite PhotoFiltre pour charger le module.

Module_Gif

Si le module n’apparait pas, cochez la case Module dans Affichage.

Module

Voilà, vous êtes prêts !

Il faut rendre le fond transparent…
Ouvrez votre image fixe, et choisissez la zone ou va apparaitre votre gif.

Cliquez sur la baguette magique et ensuite sur le fond de votre image, faites :

Image/Transparence automatique/Région intérieure à la sélection

Si votre fond est uni, pas de problème il est sélectionné d’un coup, si il a plusieurs couleurs, vous devez répétez l’opération plusieurs fois, jusqu’à ce que le fond ait complètement disparu.
Comme sur la capture.

plugins5

Enregistrez votre image.

Maintenant vous devez ouvrir votre gif en passant par le module que vous venez d’installer.

plugins6

Les images composants votre gif vont s’ouvrir séparément.

Vous devez les redimensionner de la même taille que votre image fixe.

11836821

Ensuite, il ne reste plus qu’à copier l’image fixe (clic droit/copier) et de la coller sur chacune des 4 images du fond animé, comme ci-dessous.

plugins8

Enregistrez vos images une par une, en gif bien sur… Il ne reste plus qu’à ouvrir Unfreez
Télécharger Ici

Faites un glisser déposer avec vos 4 images
(cliquer sur l’image sans relâcher et faire glisser dans la fenêtre frames de Unfreez)

plugins9

Il ne reste plus qu’à faire Make Animated GIF et d’enregistrer.


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


Retouche photo express avec photofiltre

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

Vous avez beau chercher dans vos albums photos de vacances (car bronzée…c’est toujours mieux…) rien à faire ! vous avez une tête pas possible…mal coiffée, des cernes, un vieux tatouage défraichi, un bleu sur le bras et j’en passe…

Alors pourquoi pas tricher un peu !?  

Mais je compte sur vous pour que ça reste encore nous…

Après tout le matin quand vous passez 1 heure à vous maquiller ou à tirer comme une malade sur vos cheveux pour les lisser, vous trichez aussi, alors c’est sans complexe que je vous propose de vous faire un petit lifting à pas cher !

C’est parti…

Commencez par choisir une photo bien cracra…mais où vous avez le sourire quand même, faut pas déconner !

IMGP13920

Ouvrez-là dans Photofiltre

Sélectionnez l’outil sélection

Sans_titre_8Sans_titre_1

Faites un rectangle sur la zone que vous désirez retoucher et passez ensuite la taille de 100% à 500 % pour agrandir la zone.

Sans_titre_1

Servez vous ensuite de l’outil Polygone et faites le contour de la zone à modifier en cliquant point par point.

Sans_titre_4

Puis l’outil Tampon qui permet de copier une zone et de la reproduire sur une autre zone…très pratique pour remplir des zones que l’on veut effacer (Le rayon défini la grandeur de la surface à copier).

Sans_titre_3

Cliquez donc sur la zone que vous voulez reproduire en maintenant la touche Ctrl enfoncée.

Ensuite servez vous de l’outil doigt pour étaler la zone, faites glisser le doigt sur la zone…

Revenez à 100% pour visualiser le travail…

Sans_titre_7

Voici une petite vidéo :

Ensuite vous pouvez soit lisser la zone pour estomper les cernes avec l’outil doigt, soit choisir l’outil flou…ou même les deux

 

Il faut tester et voir ce qui rend le mieux, d’une photo à l’autre l’effet peut changer en fonction des couleurs et le la luminosité…

Voilà, le petit bleu sur mon bras a aussi disparu…et j’ai retrouvé un peu d’éclat, enfin…je suis un peu moins marquée on va dire…

 

 

IMGP1392000

Porto-Vecchio Juillet 2007


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

Rendre scintillant les contours d’une rose avec Photofiltre

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

rose_bleue

Avant de commencer, vous devez avoir sur votre pc un Glitters décomposé en 3 images…tuto ici .

Ouvrez Photofiltre et importez votre rose en passant par l’icône Ouvrir.

Sélectionnez l’outil sélection puis l’outil pinceau, et choisissez une couleur dans la palette qui se démarque des couleurs de votre image.

sans_titre_51_44x300

Dans cet exemple j’ai choisi le turquoise, car c’est une couleur qui n’est pas dans l’image, sinon au moment de sélectionner le tracé pour le rendre scintillant, d’autres zones de l’image peuvent être sélectionnées avec le tracé.

Dessinez le contour de votre rose avec l’épaisseur que vous désirez…pour vous aider à faire le tracé, vous pouvez agrandir votre image avec le zoom, vous tremblerez moins.

Une fois fait, faites Ctrl+U 2 fois pour dupliquer.

sans_titre_12_300x240

Sélectionnez maintenant l’outil baguette magique et cliquez sur le tracé turquoise pour le sélectionner.

Cliquez droit et choisissez Contour et remplissage.

sans_titre_61_214x300

Cochez les cases Remplir le fond et Motif de remplissage, puis allez chercher votre premier Glitters et faites Ok.

Renouvelez cette opération sur les 2 autres images, en important dans le Motif de remplissage les 2 autres images de votre Glitters décomposé.

sans_titre_3_300x180

Enregistrez vos images au format Gif : Rose 1, Rose 2, Rose 3

Puis ouvrez Unfreez et faites glissez les images dans la fenêtre frames puis faites Make Animated GIF pour enregistrer votre rose scintillante.

sans_titre_4

Tuto sur l’utilisation d’Unfreez ici.


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

Décompososer un Glitters en trois images

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

r

Commencez par enregistrer le Glitters de votre choix que vous trouverez Ici ou

Ensuite ouvrez-le dans Photofiltre avec le plugin Gif (Importation gif animé)

Si vous n’avez pas encore installé le plugin, téléchargez le maintenant ! ici
et si vous ne savez pas comment l’installer c’est .

Sans_titre_0

Votre Glitters est composé de 3 images…

Enregistrez les au format Gif sous un nom facile à repérer comme 1,2,3 ou A,B,C


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

Faire soi même un Glitters avec Photofiltre

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

Un tas de sites proposent des Glitters déjà tout fait…mais ce n’est pas parce que c’est déjà fait, qu’il ne faut rien faire…whistle

Et puis ils sont très petits, pour faire les fonds c’est pas pratique, et ils ne sont pas toujours non plus de la couleur que l’on voudrait…

Alors voila un moyen très simple et rapide de faire tout plein de Glitters soi même !

Ouvrez Photofiltre et faites nouveau choisissez la taille qu’aura votre Glitters,
dans cet exemple j’ai choisi 150×150.

Choisissez maintenant votre couleur et cliquez sur couleur de remplissage et remplissez le carré blanc.

glitters_1

Maintenant, il faut remplir le carré vert par un maximum de petits motifs, vous pouvez choisir l’outil aérographe et ajouter des petites étoiles avec l’outil pinceau avancé

glitters_2

Quand vous en êtes là, vous pouvez enregistrer sous votre première image, en gif.

Ne fermer pas votre image, et cliquez sur symétrie horizontale
vous pouvez l’enregistrer aussi avec un autre nom, n’allez pas écraser la première…

glitters_5

Maintenant que vous avez vos 2 images, vous pouvez ouvrir Unfreez

Faites un glisser déposer avec vos 2 images
(cliquer sur l’image sans relâcher et faire glisser dans la fenêtre frames de Unfreez)

glitters_6

Il ne reste plus qu’à faire Make Animated GIF et d’enregistrer.
56

Hou…c’est beau…


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



Créer un texte scintillant avec Photofiltre

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

Si vous ne l’avez pas déjà…téléchargez Photofiltre

Vous aurez aussi besoin pour la dernière étape, de ce petit logiciel gratuit  : Unfreez

Commencez par enregistrer le Glitters de votre choix que vous trouverez Ici ou

Ensuite ouvrez-le dans Photofiltre avec le plugin Gif (Importation gif animé)

Si vous n’avez pas encore installé le plugin, téléchargez le maintenant ! ici
et si vous ne savez pas comment l’installer c’est .

Sans_titre_0

Votre Glitters est composé de 3 images…

Enregistrez les au format Gif sous un nom facile à repérer comme 1,2,3 ou A,B,C

Maintenant on peut attaquer !

Faites Nouveau

Nouveau

Choisissez la dimension pour votre futur Glitters…et faites Ok

Taille_nouveau

et cliquez sur le T pour écrire le texte.

Texte

Écrivez votre texte et choisissez la police, la taille etc…et allez sur l’onglet Effets

Texte_1

Texte_2

Cochez la case motif de remplissage et importez votre premier Glitters et Faites Ok

Baguette_magiqueMaintenant, il faut rendre le fond transparent.

Cliquez sur l’outil baguette magique et cochez la case couleur
(ce qui va permettre de sélectionner le fond en totalité et tout ce qui est de la même couleur que le fond)


Attention
…si votre fond est blanc et que le Glitters contient du blanc, les parties blanches deviendront transparentes…pour éviter cela, décochez la case couleur et sélectionnez une par une les zones à rendre transparentes (dans cet exemple il faut sélectionner l’intérieur du “e” de Glitters)

Allez dans Image/Transparence automatique/Région intérieure de la sélection

Transparence

Capture1

Vous pouvez maintenant enregistrer sous votre image.

Faites un retour en arrière pour annuler la transparence et l’importation de votre premier gif

Annul_

Puis importez de la même façon les 2 autres Gifs en ajoutant la transparence et enregistrez vos images.

Sans_titre_17

Sans_titre_18

Une fois que vous avez vos 3 images, faites un glisser déposer dans UnFREEz

12


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

Créer une bannière scintillante avec Photofiltre

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

A la demande dAlaska

trop_belle_ma_banni_re
Agrandir l’image pour voir l’effet

Ouvrez Photoflitre, et faites Nouveau dans Fichier choisissez ensuite la taille de votre bannière, dans cet exemple elle fait 900×200 et validez.

Un rectangle blanc s’ouvre…c’est normal !

Ensuite Ouvrez l’image que vous voulez mettre en fond et faites un copier dessus pour ensuite faire un coller sur le rectangle blanc.

(à moins que vous ayez déjà votre image au bon format, vous pouvez passer cette étape, mais souvent en changeant la taille, votre image est toute déformée).

11890802

En cliquant sur votre image et en Maintenant le clic, vous pouvez la positionner comme vous voulez.

Ensuite, cliquer dans la barre du haut sur T (texte) un cadre va s’ouvrir, écrivez votre texte, ajoutez des espaces ou retour à la ligne pour le placer comme ça vous chante, choisissez aussi la police.

11892999

Cliquez sur l’onglet Effet et tout en bas Cochez la case Motif de remplissage allez chercher votre premier Glitters
(Pour décomposer un Glitters voir ici ).

Sans_titre_7

Sans_titre_6

Sélectionnez votre première image, et faites Ouvrir puis Ok

Votre texte apparait avec sa première image, pour créer l’effet scintillant, il en faut une deuxième voire une troisième mais ça marche très bien avec seulement 2.

Enregistrez
votre bannière 1.

Maintenant faites un petit retour en arrière avec :

retour

et Ouvrez de nouveau le texte T

Ne touchez pas au texte, allez directement dans l’onglet Effet et
sélectionnez l’autre Glitters cette fois.

Faites Ok

et Enregistrez votre deuxième bannière.

Ouvrez Unfreez (Quelques explications ici).

Capture7

Et hop ! votre bannière top moumoute super brillante va faire pâlir les copines !

Vous pouvez bien sur, apporter des changements, jouer avec la transparence ou coller plusieurs images sur la bannière, tout est possible et la méthode est la même il suffit de répéter les opérations.
Pour la transparence c’est ici.


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

Fusionner ou superposer deux images avec Photofiltre

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

Tiens, ça faisait un petit moment que je n’avais pas fait de post sur Photofiltre

Alors, nous allons voir de manière très simple, comment fusionner deux images, les superposer si vous préférez avec un effet de transparence…

Voyez plutôt :

fusion arbre_japonais

Les images de départ sont celles ci :

arbre_japonais Th__vert

Ouvrez Photofiltre, et importez vos deux images.

Faites un clic droit sur l’image à mettre au premier plan (dans cet exemple c’est la femme)
et sélectionnez copier.

Collez sur l’image de fond (l’arbre japonais)
Faites un clic droit sur l’image que vous venez de coller et sélectionnez options de collage

Sans_titre_1

Un cadre s’ouvre, l’opacité est à 100 % descendez la à 70 ou moins c’est à vous de choisir le résultat désiré.

Faites ok, si ça ne vous convient pas, refaite un clic droit sur l’image et options de collage.

Sans_titre_2

Vous pouvez déplacer l’image en gardant le clic gauche enfoncé
Valider le collage (clic droit)

Sans_titre_3

Ensuite, pour recadrer l’image sélectionnez le contour en maintenant le clic gauche.

Clic droit sur l’image puis recadrer.

Sans_titre_4

Pour passer votre image en noir et blanc, cliquez sur l’icône niveau de gris

Sans_titre_5

Pour changer la couleur du fond, cliquez sur l’icône variation de teinte
et déplacez le curseur sur la couleur de votre choix puis Ok.

Sans_titre_6


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

Assembler plusieurs photos avec photofiltre

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

Encore un petit tuto tout simple…mais pourquoi faire compliqué ?

Sympa ce petit Patchwork de photos…(Ah, oui…Comme le fond de mon blog est noir, cliquez droit sur la photo pour l’ouvrir dans une nouvelle fenêtre et voir le cadre…)

Assembler_des_photos

Ouvrez Photofiltre et faites nouveau en haut à gauche.
Choisissez la taille, dans cet exemple il fait 1280X1024
Ouvrez toutes vos photos

Sans_titre_2

Copier-collez une première photo dans l’angle en bas, et collez la deuxième à côté, comme elle ne sera pas de la même taille que la place restante, étirez les pointillées pour placer l’image.

Sans_titre_6

Puis valider le collage avec le clic droit.

Sans_titre_7

Faites de même avec toutes les photos, en les insérant comme un puzzle.

Pour faire une séparation large et noire entre chaque photo, sélectionnez l’outil ligne, la couleur noire et augmentez l’épaisseur à 30.

Sans_titre_8

Tracez des lignes entre chaque photo.

Pour encadrer la photo, sélectionnez là entièrement avec l’outil sélection, cliquez droit sur la photo et choisissez Contour et remplissage…

Sans_titre_9

Choisissez la couleur noire et mettez la largeur à 30 ou plus selon l’effet désiré.

Sans_titre_10

et hop en v’la un autre, si vous êtes observateur, une photo a été remplacé par une autre.

Sans_titre_11

(Cliquez droit sur la photo pour l’ouvrir dans une nouvelle fenêtre et voir le cadre)


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

Mettre un fond scintillant à vos images avec photofiltre

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

Comme je vous le disais ici, voici le moyen le plus simple pour mettre un fond scintillant…

Sans_titre_4

Ouvrez votre Glitters en passant par le module Gif.

Pour installer le module c’est Ici !

Contrairement au premier exemple, nous allons travailler avec 3 images…
le résultat n’en sera que meilleur…

Et plus besoin de repasser en format Jpeg…tout ce fait en gif…c’est bien plus rapide !

Ouvrez maintenant l’image que vous voulez coller sur le fond scintillant, si le fond de cette image n’est pas transparent, reportez vous en bas de page.

Sans_titre_5

Sélectionnez votre image avec l’outil rectangle et copier l’image
ensuite collez-la sur la première image de votre fond scintillant, mais attention pour que votre image soit centrée de la même façon sur les 3 fonds, vous devez faire un clic droit sur l’image et sélectionner paramètrage manuel

Sans_titre_6

Ensuite lorsque la fenêtre s’ouvre, vous sélectionnez le cadrage automatique en cliquant au centre et vous validez en bas de page…

Sans_titre_7

Votre image est centrée, vous devez répéter cette opération avec  les 2 autres images.

Lorsque vous êtes à cette étape, il ne vous reste plus qu’à enregistrer les 3 images au format gif, et de passer à l’étape du montage avec Unfreez

Ouvrez Unfreez

Faites un glisser déposer avec vos 3 images
(cliquer sur l’image sans relâcher et faire glisser dans la fenêtre frames de Unfreez et relâcher)

Sans_titre_8

Il ne reste plus qu’à faire Make Animated GIF et d’enregistrer.

elmo

Trop la classe le Elmo !

Rappel :  Rendre un fond transparent

Cliquez sur la baguette magique et ensuite sur le fond de votre image, et faites :

Image/Transparence automatique/Région intérieure à la sélection

13004567

Souvent, il y à des petites zones qui ne disparaissent pas du premier coup, vous devez répétez l’opération plusieurs fois, jusqu’à ce que le fond ait complètement disparu.

Sans_titre_12

Dans cet exemple, il a fallut répétez l’opération pour le creux du coude

Enregistrez votre image en gif.


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



« Début   25  26  27  28  29  30  31  32  33  34    Fin »

« 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