Les Tutos de Gabriel

PhotoFiltre

Créer une pellicule

Dans cette page, nous allons étudier comment réaliser une pellicule de diapositives.

Logo PhotoFiltre Pour cela, nous allons utilser le logiciel "PhotoFiltre" dans sa version 7, gratuite, et qui gère les calques.
Si vous ne la possédez pas, vous pouvez la télécharger en cliquant sur l'icône.
Particularité intéressante : chargez la version française 7.2.0 au format Zip.
Décompressez-la dans le dossier de votre choix, puis cliquez sur Commande PhotoFiltre.
C'est fini, le programme se lance, vous pouvez l'utiliser. Il n'a pas besoin d'être installé dans le dossier c:/Programmes ou c:/Programmes Files, comme la plupart des autres !

Chapitre 1 - Créer le masque diapo pour 1 image.

Masque diapo. Masque diapo.

Voilà, fig01, ce que nous voulons obtenir ---->
Remarquez la transparence du cadre qui laisse voir le dessous du fond d'écran.
C'est dans cette partie que viendra s'incruster la diapo.

Pour la commodité, nous allons travailler avec une échelle agrandie 10 fois, c'est à dire que pour une diapo en 24x36mm, nous travaillerons en 24x36cm.
D'autre part, je vous donnerai des commandes par "raccourcis clavier".

Petit rappel, ça s'utilise comme ceci :
Ctrl+S pour sauvegarder :
Vous maintenez la touche Ctrl appuyée avec l'index main gauche,
et vous tapez un petit coup bref sur la touche S avec l'index main droite.
Autre exemple :
Ctrl+Maj+V :
Vous maintenez les touches Ctrl et Maj appuyées
avec l'index et le majeur de la main gauche,
et vous tapez un petit coup bref sur la touche V
avec l'index main droite.
Nous utilisons souvent ce raccourci dans PhotoFiltre.

Ouvrez votre programme PhotoFiltre.

Commençons en réglant les préférences du programme :

1 - Déroulez le menu "Outils - Préférences..."
Raccourci clavier : Alt+O puis la touche P

2 - Faites ce premier réglage, "Enregistrement - PNG"

3 - Ne cliquez pas sur le bouton

4 - Faites ce deuxième réglage, "Palette d'outils et grille - Unité"

5 - Ne cliquez pas sur le bouton

6 - Faites ce troisième réglage, "Valeurs par défaut - Image"

7 - Ne cliquez pas sur le bouton
8 - Ne cliquez pas sur le bouton

9 - Faites ce dernier réglage, "Divers"

10 - Cliquez enfin sur le bouton

11 - Tapez le raccourci clavier Alt+F4 pour fermer PhotoFiltre
et ouvrez-le à nouveau pour prendre en compte toutes vos préférences.

Observations :

La largeur extérieure d'une pellicule est de 35mm.
La longueur entre 2 diapos est de 40mm.
Il y a 8 dentures transparentes et 8 intervalles noirs.

Après calculs pas trop difficiles, nous pourrons donc avoir : 8 dentures de 2,3mm = 18,4mm et 8 intervalles de 2,7mm = 21,6mm pour un total de 40mm.

Dans la hauteur, nous allons répartir comme ceci: 1,6mm + 3mm + 0,9mm + 24mm + 0,9mm + 3mm + 1,6mm = 35mm.
Nous procéderons par petits bouts que nous assemblerons les uns aux autres.
Pour la commodité, nous allons travailler dans un agrandissement de 10 fois, et quand tout sera fini, nous réduirons d'autant le résultat final.

Créons la denture de base

A - Premier élément, la denture :

Ensemble d' 1 denture de 2,3mm + 1 intervalle de 2,7mm (5mmx8 = 40mm pour la largeur de la diapo horizontale) sur 1 bordure extérieure de 1,6mm + 1 hauteur de denture de 3mm (4,6mm), soit multiplié par 10 --> 5cm x 4,6cm.
12 - Tapez le raccourci clavier : Ctrl+N pour créer une première image dont nous allons régler les dimensions dans la boîte de dialogue fig.007.
13 - Faites les réglages comme indiqués par les flèches rouges,
Vous obtenez un simple carré noir de largeur 5 x hauteur 4,6cm.

et validez par le bouton : Bouton Ok

(Dans les boîtes de dialogues, il faut toujours utiliser le point à la place de la virgule pour les chiffres décimaux.)

Fig. 008 14 - Avec le bouton gauche de votre souris, cliquez sur la petite flèche en repère 10 pour vous assurer que votre curseur de souris est bien en forme de flèche qui représente l'outil de sélection.
15 - Cliquez avec le bouton droit de la souris sur le petit carré vert foncé dans le patchwork de couleurs, en repère 11

Cela a pour effet de définir la couleur de fond en repère 12

16 - Tapez Ctrl+G

Cela ouvre la boîte de dialogue fig. 009

- Faites les réglages suivant les repères 13, 14, 15, 16 et 17.
17 - Validez par le bouton : Bouton Ok

Cela vous crée un cadre de sélection en pointillés figurant l'emplacement de la denture. fig010 :

18 - Tapez sur la touche Del

Cela supprime la couleur noire et la remplace par la couleur de fond vert choisie précédemment.

19 - Tapez le raccourci clavier : Ctrl+D

Cela a pour effet de supprimer les pointillés de sélection.

20 - Tapez le raccourci clavier : Ctrl+Maj+S

A vous de choisir le dossier où vous voulez placer vos fichiers. Là, je suppose que vous savez faire !
21 - Nommez votre fichier "denture01.jpg".
Ce format de fichier permet de continuer à travailler sur l'image. Ensuite nous passerons au format ".png" pour gérer la transparence.
Voir ci-dessous le résultat en denture01

Nous avons donc créé le premier élément de base, que nous allons dupliquer 3 fois.

22 - Tapez le raccourci clavier : Ctrl+A
et ensuite : 23 - Ctrl+C

Il ne se passe rien à l'écran, mais en fait vous avez copié l'image dans le presse-papier.

24 - Tapez le raccourci clavier : Alt+E
   €
25 - ensuite : G puis Entr

Dans le raccourci précédent, vous maintenez d'abord la touche Alt enfoncée et tapez la touche E
   €
. Ensuite, vous pouvez relacher la touche Alt et taper simplement la touche G puis la touches "entrée" Entr.

Cela ouvre la nouvelle boîte fig. 011 :
 

Par défaut, cette boîte vous propose la position "Droite".
Si ce n'est pas le cas, cochez l'option "Droite".

26 - Validez par Bouton Ok

Voici en dessous le résultat fig012 :
 

Recommencez 2 fois l'opération à partir de la ligne de "commande n°22".
Vous obtenez alors ceci :

27 - Tapez le raccourci clavier : Ctrl+Maj+S pour sauvegarder ce que vous venez de faire sous le nom de "denture02.jpg".

B - Créons le cadre diapo de base :

Note : certains connaisseurs penserons que cette méthode pourrait être raccourcie en créant directement un rectangle avec coins arrondis dans la boîte de dialogue "Paramétrage manuel". Sauf que dans ce cas, on ne maîtrise pas le rayon de courbure des coins, et nous ne voulons pas qu'il mange toute la diapo qui sera affichée.

28 - Tapez le raccourci clavier : Ctrl+N pour ouvrir une deuxième image dont nous allons régler les dimensions dans la boîte de dialogue fig.015 ci-contre.

Nous obtenons une image noire de 36x24cm

Attention ! En fig015 repère28, il faut bien mettre la même résolution de 120, comme pour celle de la création de la denture, sinon, lorsque nous assemblerons, les dimensions ne concorderont pas.

Dans la boîte à outils fig. 016,

29 - Cliquez d'abord sur l'outil pipette (repère 31), puis sur le patchwork de couleurs (repère 32) pour sélectionner la couleur bleue de remplissage qui va s'afficher en (repère 33).

Repère B

30 - Tapez le raccourci clavier Ctrl+G

Cela vous ouvre la boîte fig017 que vous remplissez comme sur ce modèle, avant de valider par le bouton "Ok".

Vous obtenez alors une sélection circulaire
de 3cm de diamètre,en bas à gauche
du rectangle noir, comme figuré dans la fig018.

Pour être sûrs que les bords du cercle coupent bien les bords du rectangle, nous allons "dilater" ce cercle de 1 pixel.

31 - Tapez le raccourci clavier Alt+S, puis la touche D

Dans la boîte de dialogue fig019,

32 - Réglez le curseur (repère 41) à 1px et validez par la touche "Ok".

33 - Cliquez sur le pot dans la palette d'outils.
34 - Cliquez à l'intérieur du cercle de sélection pour le remplir en bleu.

Vous obtenez ainsi le 1/4 inférieur gauche de la diapo, comme fig020 :

35 - Tapez le raccourci Ctrl+D
pour annuler les pointillés de sélection.

36 - Tapez le raccourci Ctrl+Maj+S
pour sauvegarder ce que vous venez de faire sous le nom de "diapo24x36cm.jpg".

37 - Reprenez les manips à partir de la commande n°30, en modifiant l'emplacement dans la fig017 repère 35 pour les 3 autres coins.

Vous devez alors obtenir ceci, fig021 :

38 - Prenez l'outil "Remplissage" et cliquez au centre de l'image, comme vous avez fait pour les cercles.


Vous devez obtenir la forme de diapo comme ceci fig.023 :
Remarquez bien que les 4 coins sont noirs, avec le petit arrondi.

39 - Tapez le raccourci Ctrl+S pour sauvegarder.

C - Ajustements sur la diapo :

40 - Tapez le raccourci Maj+H

pour ouvrir la boîte de dialogue "Taille de la zone de travail", qui va nous permettre d'ajouter un encadrement noir autour de cette diapo et d'en ajuster les dimensions. Fig024

41 - En fonction des calculs que nous avons faits en début de page, remplissez cette boîte comme indiqué par les flèches rouges. Unités en cm(Repère 42), largeur de 40cm (repère 43), hauteur de 25,80cm (repère 44), position centrée (repère 45), fond noir (repère 46).

Bouton Ok

La partie intérieure de la diapo obtenue ressemblera à fig025 ci-dessous, en plus grand évidemment.

C - Ajustements sur la denture :

42 - Revenez sur le fichier "denture02.jpg" avec les dentures.

Nous allons faire un petit ajustement pour centrer ces dentures.

43 - Tapez le raccourci Ctrl+G

44 - Donnez une largeur de 1.35cm et une hauteur de 4.6cm à la sélection et ajustez sa position comme indiqué dans la fig026 repère 47 :

Bouton Ok
Cela donne la fig027 ci-dessous :

45 - Tapez Ctrl+Cpour copier la sélection.

46 - Tapez Alt+E
   €
puis G et enfin Apour ouvrir la boîte "Assembler le collage" fig028.

47 - Choisissez l'option "Gauche"
Bouton Ok
Voici ci-dessous le résultat fig029

48 - Recommencer la sélection comme en fig026, mais avec 40cm pour la largeur, 4.60cm pour la hauteur, et position centre gauche en automatique, comme fig030 repère 52 :

49 - Validez par Bouton Ok

50 - Tapez Ctrl+Maj+H

Cela a pour effet de "rogner" votre image et la dimensionner à la largeur de 40cm calculée au début, avec 1 demi-espace noir à chaque bout.

51 - Tapez Ctrl+Maj+S, et enregistrez votre denture en "denture03.jpg".

Voir ci-dessous le résultat final, "denture03.jpg" :

Les deux parties, "denture03.jpg" et "diapo24x36cm.jpg", que nous allons utiliser et assembler maintenant, ont la même largeur de 40cm, dans la même défintion de 120 ppp.

D - Assemblage final :

Votre dernière image "denture03.jpg" est encore sélectionnée.

52 - Tapez Ctrl+A pour sélectionner toute l'image.

53 - Tapez Ctrl+C pour copier l'image.

54 - Sélectionnez votre image "diapo24x36cm.jpg" (le fond bleu)

55 - Tapez Alt+E
   €
puis G et enfin Apour ouvrir la boîte "Assembler le collage" fig031 :

56 - Choisissez "Haut"

57 - Validez par Bouton Ok

Cela vous donne le résultat suivant, fig032 :

Les deux parties s'assemblent bien en largeur. La hauteur de notre sous-ensemble est alors de 4.60cm pour la denture + 25.80cm pour la diapo = 30.40 cm.

58 - Passez à nouveau à l'image "denture03.jpg"

59 - Tapez Ctrl+U pour dupliquer toute l'image.

60 - Tapez Alt+I, puis N et enfin Entr deux fois. pour retourner toute l'image dans le sens vertical.

Vous obtenez la bande perforée inférieure de la diapo, que vous sauvegardez,

61 - en tapant Ctrl+Maj+Spour enregistrer sous le nom "denture03bas.jpg".

62 - Tapez Ctrl+A pour sélectionner toute l'image.

63 - Tapez Ctrl+C pour copier l'image.

64 - Sélectionnez votre image "diapo24x36cm.jpg" (le fond bleu)

65 - Tapez Alt+E
   €
puis G et enfin Apour ouvrir la boîte "Assembler le collage" (fig033)

66 - Choisissez "Bas"

67 - Validez par Bouton Ok

Voici en dessous le résultat diapo24x36cm.jpg :


diapo24x36cm.jpg

68 - Tapez Ctrl+Spour sauvegarder cette diapo.

Cette image peut vous servir de base pour une pellicule avec des photos au rapport 3/2 normal.
Elle est agrandie 10 fois, puisque nous avons pris des bases en centimètres (24cm x 36 cm).
Nous pouvons la réduire alors dans les proportions voulues, par exemple à 10% nous aurons alors la taille normale pour des diapo 24x36mm.
Pour cela :

69 - Tapez Ctrl+Maj+Spour enregistrer cette diapo en "diapo24x36mm.png"

70 - Tapez Ctrl+H pour modifier la "taille de l'image".

71 - Dans la boîte de dialogue fig034 faites les réglages dans l'ordre indiqué, sans tenir compte du point 4 qui se règle donc automatiquement. (Les 0.02mm de différence n'ont pas d'incidence.)

72 - Validez par Bouton Ok

Nous obtenons donc ainsi un cadre de diapo à la taille réelle pour du 24x36 en mm.

Il reste une petite opération pour utiliser cette image comme cadre pour nos photos, à savoir rendre le denture et le cadre intérieur transparents. Pour cela :

Exception ! Ici le raccourci clavier ne fonctionne pas, un petit bug de PhotoFiltre. On prend donc une autre façon assez rapide.

73 - Cliquez sur l'outil "transparence" dans la barre supérieure. fig035

Dans la boîte de dialogue fig036 :

74 - Faites glisser votre souris au-dessus du bleu de la diapo. Le pointeur se transforme en "pipette". Vous pouvez cliquer, et la couleur bleue vient se placer dans la zone 51.

75 - En repère 52, faites glisser le curseur pour obtenir 40 de tolerance à la couleur.
76 - Cliquez sur le bouton "Aperçu" en repère 53.

77 - Validez par Bouton Ok

Vous obtenez la transparence de la partie centrale, primitivement bleue. fig.37

Au moment de l'aperçu, si vous trouvez qu'il reste encore quelques traces de bleu sur le contour de la partie centrale, vous pouvez agir sur le curseur repère 2 pour y remédier.

78 - Recommencez la même manip pour la couleur verte. Voir fig038 :

79 - Comme vous venez juste de faire une première "transparence" avec le bleu, il faut répondre par "Combiner... " au repère 56.

80 - Validez par Bouton Ok

Nous obtenons donc le cadre final comme ci-dessous, que nous enregistrons sous le nom "diapo24x36mmtransparente.png"

Nous constatons bien ici la transparence, puisque l'on voit à l'intérieur de la diapositive le fond d'écran de cette page.
Une dernière petite vérification maintenant pour voir ce que cela donne en ajoutant plusieurs bouts de pellicule.
Inspirez-vous de l'exemple "g" au chapitre 1, qui vous a permis de voir la manip pour le collage à droite des images.
Vous devriez obtenir le film ci-dessous :
Pour obtenir ce résultat, il faut partir de l'image fig.042 et l'assembler avant de faire l'opération de transparence.
C'est un exercice, et bien sûr il y a un petit piège !
A vous de jouer le jeu.
Si vous n'y arrivez pas, la solution est là.


Dans la pratique, on utilise plus souvent la diapo24x36mm_couleur de base, pour ajuster ensuite les transparences ou les couleurs, en fonction de la page web où le film sera inséré.
Exemple de modification :

- Vous pouvez changer les couleurs, soit du film, soit des dentures, en utilisant la commande "Réglage - Remplacer une couleur..."

- Vous pouvez aussi prendre la même méthode pour créer un film qui se déroulerait verticalement.

Conclusion :

1 - Tapez le raccourci clavier Ctrl + S pour sauvegarder.

Notre page est prête, nous allons maintenant en organiser l'en-tête.