Réaliser un effet puzzle animé dans un diaporama PowerPoint
Tutoriel photofiltre par F. BELLET
1. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 1
L'interface.................................diapo 2
La barre des menus..................diapo 3
La barre d'outils ......................diapo 5
La palette de couleurs ........diapo 8
La palette d'outils ...............diapo 10
Outils en détail ......................diapo 11
La barre d'état ......................diapo 12
L'explorateur d'images ........diapo 14
Affichage de l'image ...............diapo 15
Les formats d'images ...............diapo 16
Redimensionner une image......diapo 19
Recadrer une image ...................diapo 20
La fonction photomasque..............diapo 23
Mosaïque d'images ...................diapo 25
Tampon de clonage ...................diapo 27
Tampon de motif ..........................diapo 29
Assembler des photos ............diapo 30
Mettre du texte sur l'image............diapo 31
Fonction automatisation ............diapo 32
Montage fenêtre + paysage .....diapo 34
Montage infobulles ...................diapo 35
Trucs et astuces ..........................diapo 37
2. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 2
PhotoFiltre est un logiciel de retouche d’images très complet. Il permet d’effectuer des
réglages simples ou avancés sur une image et de lui appliquer un large éventail de filtres.
L'interface
La Barre des menus
La Barre d'outils
La palette de couleurs
La palette d'outils
L'espace de travail
La barre d'état
L'explorateur
d'images
Installer photofiltre 7
5. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 5
La Barre d'outils
La barre d'outils est sur deux niveaux.
● Le premier niveau permet d'accéder rapidement aux fonctions les plus
courantes, par exemple l'ouverture et l'enregistrement d'une image, les modes de
couleurs, la taille de l'image ou le zoom d'affichage.
● Le deuxième niveau propose surtout un accès rapide aux principales
fonctions et filtres de réglage. On y retrouve, par exemple, les corrections
automatiques, les ajustements de luminosité et de contraste, ou le renforcement
de la netteté. Ce niveau est également appelé barre des filtres et il peut être
masqué à l'aide du menu [Affichage > Barre des filtres] pour libérer de l'espace
dans la zone de travail.
6. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 6
La Barre d'outils – 1er
niveau
1. Nouveau document
2. Ouvre une image
3. Sauve l'image en cours (Enregistrer...)
4. Imprime l'image en cours
5. Lance le module d'acquisition Twain
6. Défaire la dernière action
7. Refaire la dernière action
8 à 10 : Copier / Coller / Nvle image
11.Mode RVB (16M) ou couleurs indexées
12. Définit la transparence de l'image
13. Taille de l'image
14. Taille de la zone de travail
15. Affiche / Masque la sélection
16. Insertion d'une zone texte
17. Affiche / masque l'explorateur d'images
18. Lance le module d'automatisation
19. Affiche la fenêtre des préférences
20. Accès direct au zoom d'affichage
21. Zoom d'affichage vers l'avant
22. Zoom d'affichage vers l'arrière
23. Affiche l'image en taille réelle
24. Ajuste l'image à l'écran (zoom auto)
25. Affiche l'image en plein écran
2 3 4 5 6 7
8
1
9 10
11
12
13
15
16 17
18
19 20 21 22
23
14
24
25
8. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 8
La palette de couleurs (1/2)
Utilisation des couleurs
PhotoFiltre utilise la couleur de premier plan utilisable avec le clic gauche de la souris
et la couleur d'arrière-plan avec le clic droit, pour dessiner, remplir des formes et les
zones définies d'une image.
Couleur d'arrière-plan
Couleur de premier plan
Inverser les couleurs
Réinitialiser les couleurs par
défaut.
Le mode grille est le mode par défaut, mais il est possible d'obtenir plusieurs
gradients de couleurs en cliquant sur les deux boutons du bas.
9. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 9
La palette de couleurs (2/2)
Sélection des couleurs
Le principe de sélection de couleurs est toujours le même, on clique avec la souris sur
une couleur avec le bouton gauche pour changer la couleur de premier plan ou avec le
bouton droit pour changer la couleur d'arrière-plan.
Clic gauche pour la
couleur de premier
plan
Clic droit pour la couleur
de second plan
On peut également cliquer avec la souris sur les cases
en haut à gauche pour afficher la boîte de sélection de
couleurs Windows qui permet de saisir les valeurs
RVB et TSL.
Une couleur peut être définie par des composantes :
- RVB = Composantes Rouge, Verte, Bleue
- TSL (ou HSL) = Teinte, Saturation, Luminosité
10. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 10
La palette d'outils
- les outils de sélection (formes, baguette magique)
- les outils de dessin (pinceaux, ligne, aérographe,...)
- les outils de retouche (flou, doigt,...)
- l'outil [Pipette]
- l'outil [Déplacement]
- l’outil [Tampon de clonage]
Les outils de travail
Les options de l'outil de travail
Cette partie est dynamique, elle change en fonction de l'outil
de travail en cours.
Dans cet exemple, elle correspond à l'outil Sélection et
propose les formes prédéfinies.
11. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 11
Outil Sélection
Outil Ligne
Outil Pinceau
Outil Flou
Outil Pipette
Outil Remplissage
Outil Pinceau avancé
Outil doigt
Outil Baguette magique
Outil Aérographe
Outil Tampon de clonage
Outil Déplacement
Outils en détail(s)
Rectangle
Losange
Lasso
Carré
Ellipse
Triangle en bas
Polygone
Inverser
Coins arrondis
Triangle base à gauche
Charger une forme
Format 4:3
Outil Pinceau artistique
Outil Gomme
Gestionnaire calques
Centrer la sélection
Format 3:2
Paramétrage manuel
12. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 12
La Barre d'état
La barre d'état (ou barre de statut) affiche des informations sur l'état général de PhotoFiltre
et certaines informations sur l'image active. Elle est constituée de quatre parties.
A. Activité en cours.
Cette partie indique l'activité ou les actions en cours. S'il n'y a aucune activité,
PhotoFiltre affiche le mot Prêt. S'il y a un long traitement à réaliser, PhotoFiltre affiche
[Traitement en cours].
A B C D
B. Dimensions et mode de couleurs.
Cette partie affiche les dimensions et le mode de couleurs de l'image active.
Les informations sont affichées de la façon suivante :
[Largeur] x [Hauteur] x [Mode de couleurs]
. x2 pour le mode monochrome
. x16 pour le mode 16 couleurs indexées
. x256 pour le mode 256 couleurs indexées
. x16M pour le mode 16 millions de couleurs RVB
en pixels
Test
13. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 13
C. Position du curseur de la souris.
Lorsque le curseur de la souris se trouve sur une image ouverte, cette partie affiche la
position (en pixels) du curseur.
La valeur [X] indique la position horizontale, et [Y] indique la position verticale. Ces valeurs
sont relatives au pixel de l'image (origine) situé en haut à gauche.
Si le curseur de la souris ne se trouve pas sur une image ouverte, cette partie reste vide.
A B C D
La Barre d'état
D. Informations sur la sélection, le calque, et sur le nom du fichier image.
Cette partie affiche des informations en fonction du contexte.
Si une sélection est en cours, cette partie contient des informations sur la sélection. Ces
informations sont représentées de la façon suivante :
X1:Y1 => X2:Y2 (L=V1 H=V2 L/H=V3)
Dans tous les autres cas, cette partie affiche l'emplacement et le nom du fichier de
l'image active.
14. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 14
L'explorateur d'images
Cliquer sur l'outil « Explorateur d'images »
Effectuer un clic du bouton droit, dans le bandeau.
Choisir « Explorer » + dossier... « La terre vue du ciel »
Les images apparaissent dans le bandeau.
Ouvrer une image à l'aide du double clic.
Lorsqu'une image est ouverte, vous pouvez naviguer dans son dossier pour afficher :
- l'image suivante avec la touche [Page Suiv]
- l'image précédente avec la touche [Page Préc]
- la première image du dossier avec la touche [Origine]
- la dernière image du dossier avec la touche [Fin]
Touches en haut
du clavier
(pavé numérique)
Test
15. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 15
Pour agrandir ou réduire l'affichage d'une image, vous pouvez :
- cliquer sur l'icône dans la barre d'outils
- cliquer sur le menu [Affichage > Zoom avant] ou [Affichage > Zoom arrière]
- appuyer sur la touche [+] ou [-]
- sélectionner un coefficient d'agrandissement plus élevé dans la zone d'édition du zoom
- déplacer la molette de la souris vers le bas ou vers le haut.
Pour afficher une image en taille réelle, vous pouvez :
- cliquer sur le menu [Affichage > Taille réelle]
- appuyer sur la touche [=]
- sélectionner [100%] dans la zone d'édition du zoom
Pour afficher une image avec un zoom automatique, vous pouvez :
- cliquer sur le menu [Affichage > Zoom automatique]
- appuyer sur la touche [*]
- sélectionner [<auto>] dans la zone d'édition du zoom
- cliquer sur l'image avec la molette de la souris
Pour afficher une image en plein écran, vous pouvez :
- cliquer sur le menu [Affichage > Plein écran]
- appuyer sur les touches [Ctrl+F]
Affichage de l'image
Test
Souris + clic droit
En mode diapo
16. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 16
Photofiltre offre la possibilité de sauvegarder les images dans un très grand nombre de
formats.
Le format BMP (Bitmap Microsoft Windows / OS 2) sert à échanger des fichiers entre des
applications et des systèmes d'exploitation. BMP est un format pris en charge par la plupart
des applications de dessin et de retouche d'images. L'image est enregistrée sans
compression et peut générer un fichier de grande taille, mais il ne préserve pas la
transparence de l'image.
Le format PNG (Portable Network Graphics) a été conçu, à l'origine, pour remplacer le
format GIF. Le PNG est un format libre, utilisant une compression sans perte qui permet de
réduire la taille des fichiers. Ce format préserve également la transparence de l'image.
Le format JPEG (Joint Photographic Experts Group) est essentiellement utilisé pour
enregistrer des photographies et des clichés. Il compresse l'image en éliminant des données
susceptibles de ne pas être perçues par l'œil humain. Le format JPEG utilise un mode de
couleurs RVB en 24 bits ou un mode en niveau de gris 8 bits. Il ne préserve pas la
transparence.
Le format GIF (Graphics Interchange Format) est un format de fichier couramment utilisé sur
le Web. Il utilise une compression qui permet de réduire la taille des fichiers. Ce format
supporte uniquement le mode couleurs indexées 8 bits, mais préserve la transparence.
Les formats d'images
18. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 18
Les formats d'images
Tailles des fichiers suivant le format d'enregistrement :
Test
19. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 19
Redimensionner une image
L'image ci-contre (009_f) a une résolution
de 788 par 526 :
- sa largeur est de 788 pixels
- sa hauteur est de 526 pixels.
C'est trop pour nos besoins. On va donc
redimensionner cette image.
[Image] / Taille de l'image ou CTRL+H ou clic droit.
Indiquer la nouvelle largeur ou la nouvelle hauteur,
en prenant soin d'avoir coché la case 'Conserver
les proportions'.
Valider par OK.
Exemple : largeur = 300
Hauteur = 200 (automatiquement)
20. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 20
Recadrer une image
Ouvrir l'image à recadrer. (exemple : 311_f)
On va désigner une portion de l'image à l'aide de
la souris en faisant un glisser-déplacer.
Faire un clic du bouton droit dans cette zone et
cliquer sur 'Recadrer'.
La portion d'image AUTOUR de la zone
sélectionnée est effacée.
Il est toujours possible d'annuler à l'aide de
l'icône 'Annuler', ou le raccourci [CTRL - Z]
21. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 21
Recadrer une image
Image recadrée avec la
couleur d'arrière plan
sélectionnée.
Couleur de transparence
afin d'intégrer l'image
dans un document
22. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 22
Recadrer selon une forme
La fonction 'Sélection' permet de sélectionner une
partie d'une image selon plusieurs formes
prédéfinies.
Un clic droit sur la forme clignotante présente à
l'image nous permet de changer celle-ci
Le menu 'Sélection' permet de charger une forme...
Outil « charger
forme » ...
23. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 23
La fonction 'Photomasque' permet de coller un masque sur une image.
Fonction présente dans la 'barre des filtres'.
Dans le langage photo, un masque sert à cacher une partie d'une image. Le masque
est utilisé pour opérer des changements sur une zone limitée.
La fonction Photomasque
Choisir un autre masque
Inversion avant-plan /
arrière-plan
Valider
Visualiser
Pour vous exercer et observer toutes les différences en fonction
des réglages : manipuler en inversant le filtre, Modifier l'Opacité,
modifier la couleur, l'Orientation...
Mode
24. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 24
La fonction Photomasque
Mode couleur Mode niveau de gris
Mode flou gaussien Mode motif Masque flamme
+ mode couleur
+ couleur de fond
+ flou
25. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 25
Mosaïque d'images
Pour rassembler un lot de photos traitant d’un même sujet, on peut vouloir créer une
mosaïque de celles-ci. Le dossier avec lequel nous travaillerons se nomme « montagne ».
● [Fichier] / Nouveau.
- Fond : Blanc. OK.
- Conseil : choisir Largeur : 1600 et Hauteur : 1200.
● [Filtre] / Photomasque.
Sélectionner « masque mosaïque_4_3.jpg »
Opacité : 100 / Mode : Couleur / Cocher : Étirer le masque.
OK
Vous avez alors une image (1600x1200) avec plusieurs «cellules» à l'intérieur. L'idée est de
coller d'autres photos dans ces cases (12 en 400x300 et 1 en 800x600).
Ouvrir une image dont les dimensions sont dans le rapport 4/3. (dossier « montagne »)
Redimensionner l'image en 400x300.
● [Édition] / Copier
Activer l’image du photomasque (mosaïque_4_3.jpg).
Sélectionner l’outil Baguette magique dans la Palette d’outils
Cliquer sur la première case en haut en gauche pour la sélectionner
● [Édition], Collage spécial, Coller dedans, Ajuster la taille.
26. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 26
Mosaïque d'images
Photo en 400x300
copier
Outil baguette magique
Désigner une cellule
Clic droit / coller dedans
[Édition]
Collage spécial
Coller dedans
Recommencer avec les
autres photos...
27. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 27
Tampon de clonage
Ouvrir l'image « tampon_image avec télécommande »
Cliquer sur l'outil Tampon de clonage pour le sélectionner.
Positionner le curseur de la souris qui doit indiquer à PhotoFiltre quelle
partie de l'image doit être prélevée et dupliquée.
Le but est d'effacer la télécommande. Il faut indiquer que nous
voulons prélever un échantillon du plateau de la tablette.
Sur la photo à retoucher, cliquez sur la tablette tout en appuyant sur la
touche Ctrl. Le curseur de la souris prend la forme d'un tampon.
Ce point de prélèvement est le point de départ de la duplication.
Vous pouvez zoomer sur l'image pour plus de facilité.
Positionner le curseur de la souris pour reproduire les éléments de l'image
qui doivent cacher la télécommande. Relâcher la touche Ctrl.
Cliquer sur la télécommande.
Deux croix indiquent la position du prélèvement initial et la position
d'application.
Restez cliquer et glissez. Répéter l’opération.
28. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 28
Tampon de clonage
@ vous de reproduire un nichoir supplémentaire sur la photo d'origine afin d'obtenir la
seconde photo.
Tampon motif_nichoir.jpg
29. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 29
Ouvrir l'image « tampon motif_hortensias ».
Si vous cliquez sur l'outil Tampon de clonage pour
le sélectionner, vous pouvez remarquer que l'option
Motif est inactive. Nous souhaitons l'activer.
Cliquer sur l'Outil Sélection et délimiter un rectangle,
à l'aide de la souris, pour encadrer une partie du
massif de fleurs.
[Edition], Utiliser comme Motif.
Cliquer sur l'outil Tampon de clonage pour le
sélectionner.
Cocher l'option Motif.
Modifier la taille du Rayon à votre convenance.
Désactiver la sélection si elle existe.
Passer avec le curseur de la souris, sur la pelouse,
le massif de fleurs sélectionné en motif se reproduit
sur la pelouse.
Attention : pensez à purger le motif !
Tampon de motif
30. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 30
Assembler des photos
Ouvrir 4 photos dans PhotoFiltre : 001_f à004_f du répertoire « la terre vue du ciel ».
[Fenêtre] / Mosaïque : les images sont toutes visibles à l'écran.
● Souris sur l'image : [Clic droit] / Copier
● Cliquer sur l'image de gauche. (004_f)
● [Édition] / Collage spécial / Assembler le collage
● Droite + OK
● Même démarche pour les 2 autres images.
● Puis Copier / [Édition] / Collage spécial /
Assembler le collage / Bas + OK
31. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 31
Mettre du texte sur une image
Cliquez sur l'icône
« T » de la barre
d'outils
Saisir le texte dans la
zone de saisie
Mon île perdue
Après validation, le texte apparaît dans l'image
avec un cadre clignotant.
Si cela convient, effectuer un clic droit sur le cadre
et choisir 'Valider le texte'. Sinon, appuyer sur
Échappement
OK pour
valider.
1
2
4
3
Formatage
du texte...
Vous pouvez également
ajouter des effets au texte.
Création d'un
calque pour le
texte :
32. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 32
Fonction automatisation
La fonction 'automatisation' permet d'effectuer un traitement global sur un certain
nombre d'images. La fenêtre de contrôle comprend 6 onglets.
L'onglet 'Action' récapitule les différents traitements sélectionnés et lance l'action à
effectuer..
Dossier où
Photofiltre
enregistrera les
images créés par
l'automatisation
Dossier d'origine
avec les photos
à automatiser
33. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 33
Fonction automatisation
Changer la
taille des
images.
Ajouter un
cadre.
Zone
travaillée
Filtres
Changer la
taille des
images.
Ajouter un
cadre.
Zone
travaillée
Réglages
Transformations :
Rotation
Symétrie
34. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 34
Montage fenêtre + paysage
Ouvrir l'image « fenêtre »
Sélectionner l’outil Baguette magique
Cocher Couleur. Conserver 30 comme Tolérance.
Cliquer sur la partie noire de l’image
La partie noire de l’image est sélectionnée
Ouvrir l'image « paysage »
[Édition] / copier ou clic droit copier
Clic droit sur la partie noire dans « fenêtre »
Coller dedans
35. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 35
Montage infobulle
Ouvrir l'image «vache africaine»
Ouvrir l'image «infobulle»
[Édition] / copier ou clic droit copier
Sélectionner l'image « vache africaine »
[Édition] / coller ou clic droit coller
Redimensionner avant de valider le collage
Clic droit : redimensionner le calque
Sélectionner l'icône « Texte »
Entrer votre texte + OK + options de texte...
Placer le texte dans la bulle avant de valider.
36. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 36
Montage bulle bd
bulles_2.jpg Pensez à la couleur de transparence !
Ouvrir + Dupliquer (Ctrl+U)
Symétrie / Copier
[Edition] / Collage spécial / Assembler le collage
38. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 38
Avant toute modification d'une photo, utiliser la commande : Image, Dupliquer pour ne
travailler que sur une copie. (Ctrl + U)
Effectuer un enregistrement sous un autre nom pour conserver votre original.
Pour connaître approximativement jusqu'à quelle taille d'image (en cm) vous
pouvez prétendre pour l'impression correcte d'une photo, diviser par 100 la dimension en
pixels de la hauteur et la largeur de votre photo)
Trucs et Astuces
La molette de la souris permet de zoomer en avant, en arrière.
Maintenez la touche MAJ appuyée et tracer afin de réaliser un carré, un cercle, ...
Quand on ouvre un fichier .gif, il n'est pas possible de le travailler : cliquer sur l'icône
« couleurs RVB » afin de résoudre ce problème.
Manuel de l'utilisateur : http://www.photofiltre-studio.com/doc/index.htm
Tutoriels : http://www.photofiltre-studio.com/tutolinks.htm
http://photofiltre.free.fr/frames.htm
Site de papy 35 : http://www.photofiltregraphic.com/
39. 14/01/14 Tutoriel Photofiltre - BELLET Frédéric 39
Merci pour votre attention
Frédéric BELLET
Professeur de Technologie
Personne Ressource TICE
Formateur Informatique
frederic.bellet@ac-rouen.fr