Transformez vos photos en vignettes BD

Cela faisait longtemps que je ne vous avais pas proposé de tuto retouche photo par manque de temps, d'inspiration et de motivation aussi (absence de retours). Bref, je remédie à cela aujourd'hui non pas par volonté de le faire mais parce que l'opportunité s'est présentée et je me suis dit que ce serait sympa de partager mes récentes expérimentations avec vous. Cette manipulation ne donnera pas de bons résultats avec toutes les photos (évitez les images trop sombres et trop détaillées) et il faudra beaucoup retoucher ensuite si vous souhaitez un résultat qui fasse illusion.

© Gunther Dillingen

Matériel nécessaire

• une photo claire et contrastée
• GIMP 2.10.14 (Linux/Windows/OSX)
• G'MIC 2.91 (Linux/Windows)
• MyPaint Brushes For GIMP (collection de brosses)
• DigitalStrip (police de caractères)
• Pack PNG Comic Text (onomatopées BD)
• PNG Pack #17 (bulles BD)
• PNG Pack #18 (bulles et onomatopées BD)

Instructions

1. Ouvrir une copie de votre image dans GIMP et la redimensionner au besoin.

2. Accentuer les lignes avec Filtres - Améliorations - Renforcer la netteté :

- Rayon = 3
- Quantité = 3,650
- Seuil = 0
- Rognage = Ajuster

3. Augmenter les contrastes noir/blanc avec Couleurs - Exposition :

- Noir = 0,100
- Exposition = 0,435

4. Appliquer Filtres - G'MIC-Qt - Artistic - Cartoon :

- Smoothness = 3,45
- Sharpening = 186
- Edge Threshold = 30
- Edge Thickness = 0,026
- Color Strength = 1,368
- Color Quantization = 256

5. Appliquer Filtres - G'MIC-Qt - Colors - Color Balance avec le réglage par défaut.

6. Appliquer Filtres - G'MIC-Qt - Colors - Color Presets :

- LUTs Pack = Creative Pack
- Preset = Crisp Warm
- Strength = 100
- Autres paramètres par défaut

7. Copier et coller les bulles et sons choisis comme nouveaux calques et ajuster les positions et tailles.

8. Ajouter un nouveau calque et avec la brosse MyPaint 002 Frame Line, tracer une bordure irrégulière autour de l'image avec du noir. ASTUCE : pour tracer une ligne cliquer sur le point de départ en maintenant la touche majuscule enfoncée et cliquer sur le point d'arrivée un peu en décalage. Remplir ensuite le décalage.

NOTE : J'ai également modifié  la couleur du "boom" en utilisant divers filtres du menu Couleurs et effectué d'autres petites retouches cosmétiques notamment pour supprimer des taches de bleu en sélectionnant et jouant sur la saturation et l'exposition. Pour des bulles en français, il est possible de sélectionner l'intérieur avec le lasso et remplir avec la même couleur que le fond original de la bulle puis de taper votre texte avec la police à télécharger (attention, elle ne comporte aucun caractère accentué).

© Edward O'Brien

Pour ce deuxième exemple avec un portrait, après avoir « cartoonisé » mon personnage (et retouché le résultat avec divers pinceaux), je l'ai détouré pour supprimer le fond blanc autour et à l'aide du crayon, j'ai tracé les contours avec un trait noir très fin pour finir puis j'ai appliqué une ombre portée pour donner du relief. J'ai ensuite ajouté un décor trouvé sur le net déjà en mode dessin (mais j'aurais également pu en « cartooniser » un) que j'ai collé et disposé sur un calque en dessous. Après avoir fusionné les deux calques, j'ai appliqué le filtre G'MIC - Colors - Color Blindness avec Blindness Type = Deuteranomaly.

Comme toujours, il est impossible de donner des directives précises car chaque image demande des réglages différents (et certaines ne s'y prêtent pas), sans compter que tout dépend du style que vous souhaitez appliquer. J'espère que cela vous aura donné envie de vous y essayer et pourquoi pas de créer une planche de BD rien qu'avec vos photos perso (ou prendre des clichés en vue de raconter une histoire). J'avoue que l'idée me tente beaucoup. Si je trouve le temps...

© La Pensine Mutine. Tous droits réservés. Reproduction interdite.

Partager :

Lire la suite

Tombe la neige

Dans un précédent tuto, je vous expliquais pourquoi et comment j'avais décidé de me passer de logiciels Windows sous Wine pour créer des animations uniquement avec GIMP. Après la pluie donc, voici non pas le beau temps mais, solstice oblige, la neige.

Matériel nécessaire

• une image sur laquelle vous voulez faire neiger (pour cet exemple, j'ai choisi une image avec des flocons de neige statiques pour créer un effet tourbillonnant)
• GIMP 2.10 (libre et gratuit pour Linux/Windows/OSX)

Instructions

1. Ouvrir une copie de votre image à animer dans GIMP et la redimensionner au besoin pour une taille raisonnable pour éviter d'avoir une animation trop lourde à charger.

2. Ajouter un nouveau calque blanc.

3. Menu Couleurs - Inverser.

4. Ajouter du bruit via le menu Filtres - Bruit - Brouillage TSV avec la configuration suivante :

- Dulling = 8
- Teinte = 1
- Saturation = 1
- Valeur = 1
- Cliquer sur Nouveau germe (mauvaise traduction de « seeding ») pour générer une nouvelle répartition aléatoire des pixels

 5. Appliquer Filtres - Ombres et lumières - Étinceler avec les paramètres suivants :

- Seuil de luminosité = 0,017
- Intensité de l'éblouissement = 0,50
- Longueur des pointes = 10
- Nombre de pointes = 5
- Angle des pointes = -1
- Densité des pointes = 1
- Transparence = 0
- Teinte aléatoire = 0
- Saturation aléatoire = 0
- Cocher Préserver la luminosité
- Cocher Couleur du premier plan (qui doit être blanc)

6. Supprimer le fond noir du calque avec le menu Couleurs - Couleur vers alpha avec les paramètres suivants :

- Couleur = noir
- Autres paramètres par défaut

7. Renommer le calque Neige 1 et régler son mode de mélange sur Superposer.

8. Répéter deux fois les étapes 2 à 7 en veillant bien à cliquer sur Nouveau germe à l'étape 4 (très important) et en renommant les calques Neige 2 et Neige 3.

9. Dupliquer deux fois le calque de l'image de fond et disposer une copie sous chaque calque neige.

10. Fusionner chaque calque neige vers le calque d'image de fond juste au dessous via le menu contextuel Calques - Fusionner vers le bas. Vous devez avoir maintenant 3 calques différents.

11. Modifier le mode des couleurs pour un GIF optimisé via le menu Image - Mode - Couleurs indexées :

- Générer une palette optimale
- Tramage des couleurs = Floyd-Steinberg (couleurs qui déteignent moins)

12. Il ne reste plus qu'à exporter votre animation via le menu Fichier - Exporter sous en choisissant Image GIF dans Type de fichier. Une autre fenêtre s'ouvre pour le paramétrage de votre fichier de sortie :

- Cocher En tant qu'animation
- Cocher Boucler indéfiniment
- Délai entre les images là où ce n'est pas spécifié = 200 ms
- Autres paramètres par défaut

NOTE : Avant de fusionner les calques neige, il peut être utile de gommer certains flocons qui tombent sur un visage par exemple.

Pour ce second exemple réalisé à partir d'une photo perso, j'ai choisi un effet descendant. J'ai d'abord appliqué un masque à mon image pour l'adoucir. À l'étape 7, j'ai réglé le mode de mélange sur Lumière linéaire et réduit un peu l'opacité. Au lieu de répéter les étapes pour créer d'autres calques neige, j'ai dupliqué deux fois celui que j'ai créé et j'ai appliqué un décalage vertical via le menu Calques - Transformer - Offset de y = -30 pour le calque neige 1 et y = 30 pour le calque neige 3, celui du milieu restant intouché. J'ai ensuite dupliqué et intercalé les calques de fond sous les calques de neige et fusionné comme dans l'exemple précédent. À l'exportation, une fenêtre pop-up m'a invitée à rogner les calques débordant de l'animation en cliquant sur un bouton et pour le délai entre les images, j'ai choisi 400 ms.

Voilà, vous êtes maintenant parés pour lutter contre le réchauffement climatique et sinon pour animer vos cartes de Noël électroniques. Pour le vent, on verra une autre fois.

© La Pensine Mutine. Tous droits réservés. Reproduction interdite.

Partager :

Lire la suite

Le mauvais temps en images

Rencontrant récemment des petits soucis avec Wine (résolus depuis), je me suis décidée à chercher des solutions alternatives pour animer mes images sans passer par des logiciels Windows. Après tout, quand on choisit d'utiliser Linux, ce n'est pas juste pour la gratuité mais pour embrasser toute la philosophie derrière et par souci d'alignement à ses principes. Du moins, c'est le cas pour moi. J'ai donc trouvé un autre moyen de générer de la pluie dans mes animations sans utiliser ni Sqirlz Water Reflections ni Animation Shop (voir Articles connexes) qui ne fonctionneront d'ailleurs peut-être plus avec les versions ultérieures de Windows. Voici donc le résultat de mes expérimentations pour rester dans l'ambiance de la saison et la marche à suivre pour les reproduire avec les images de votre choix.

La pluie

Matériel nécessaire

• une image sur laquelle vous voulez faire pleuvoir (pour cet exemple, une photo prise avec mon téléphone dans un parc près de chez moi)
• GIMP 2.10 (libre et gratuit pour Linux/Windows/OSX)

Instructions

1. Ouvrir une copie de l'image que vous souhaitez animer dans GIMP et au besoin, la redimensionner afin de ne pas générer une animation trop volumineuse.

2. Ajouter un nouveau calque blanc au-dessus de celui de votre image.

3. Appliquer du bruit à ce nouveau calque à l'aide du menu Filtres - Bruit - Jeter avec les valeurs suivantes :

- Répéter = 2
- Randomisation = 50
- Cliquer sur Nouveau germe (mauvaise traduction de « seeding ») pour générer une nouvelle répartition aléatoire des pixels

4. Mettre le calque en niveaux de gris à l'aide du menu Couleurs - Désaturation - Couleur vers gris.

5. Régler le mode de mélange du calque sur Écran.

NOTE : Attention, j'utilise les nouveaux modes de mélange de la version 2.10 dont le rendu diffère de ceux des versions antérieures (toujours disponibles en utilisant le bouton de bascule dans la barre d'outils au-dessus de la palette des calques).

6. Appliquer un flou de mouvement à l'aide du menu Filtres - Flou - Flou cinétique linaire avec les valeurs suivantes :

- Longueur = 14,68
- Angle = 115

NOTE : Ces valeurs sont à adapter à votre image mais une longueur trop petite donnera plutôt un effet neige. L'angle est fonction de l'orientation que vous souhaitez donner aux gouttes de pluie.

7. Régler l'apparence du calque dans le menu Couleurs - Niveaux en fonction de votre image.  À titre d'exemple, voici les valeurs que j'ai utilisées :

- Niveaux d'entrée (à gauche) = 197
- Autres paramètres par défaut

8. Au besoin, réduire l'opacité du calque (79%).

9. Pour adoucir l'effet et le rendre plus naturel, appliquer un flou gaussien à l'aide du menu Filtres - Flou - Flou gaussien avec les valeurs suivantes :

- Taille X = 0,50
- Taille Y = 0.50
- Autres paramètres par défaut

10. Dupliquer le calque de l'image, le déplacer en haut de la pile et répéter les étapes 2 à 9 en veillant bien à cliquer sur Nouveau germe à l'étape 3 (très important).

11. Répéter l'étape 10.

12. Vous diposez maintenant de 3 calques identiques de votre image de base, chacun avec un calque de pluie différent au-dessus. Fusionner vers le bas chaque calque de pluie avec le calque d'image au-dessous. Vous devez avoir maintenant 3 calques différents.

13. Modifier le mode des couleurs pour un GIF optimisé via le menu Image - Mode - Couleurs indexées :

- Générer une palette optimale
- Tramage des couleurs = Floyd-Steinberg (couleurs qui déteignent moins)

14. Il ne reste plus qu'à exporter votre animation via le menu Fichier - Exporter sous en choisissant Image GIF dans Type de fichier. Une autre fenêtre s'ouvre pour le paramétrage de votre fichier de sortie :

- Cocher En tant qu'animation
- Cocher Boucler indéfiniment
- Délai entre les images là où ce n'est pas spécifié = 100 ms
- Autres paramètres par défaut

Et voilà, votre animation est prête !

NOTE : Au début de la manipulation, j'ai appliqué un filtre d'amélioration pour accentuer la netteté de mon image de départ et au final, j'ai augmenté la saturation de chacun des calques de l'animation.

Les éclairs

En plus de la pluie, j'ai eu envie de générer des éclairs histoire de voir si j'arriverais à terroriser ce courageux escargot sur son brin d'herbe (apparemment, sa coquille fait office de cage de Faraday).

Matériel nécessaire

• une image à animer (pour cet exemple, j'ai utilisé une image trouvée sur Pinterest)
• Brosses éclairs pour GIMP

Instructions

1. Pour utiliser les brosses, dézipper le fichier téléchargé sur DeviantArt et copier le dossier Lightning dans le répertoire Brushes de votre dossier de configuration GIMP.

- Sous Linux :
home/nom d’utilisateur/.config/GIMP/2.10 (ou autre version)
NOTE : Attention, le répertoire Config est un dossier caché, pour y accéder il faudra donc afficher les fichiers cachés.

- Sous Windows :
C:\Utilisateurs\nom d’utilisateur\GIMP\2.10 (ou autre version)

- Sous Mac OSX :
Désolée, je n'ai pas pu tester mais il est possible de trouver en allant dans le menu Edition - Préférences - Dossiers - Brosses de GIMP, ce qui vous permettra d'ailleurs (peu importe sous quelle plateforme vous êtes) d'ajouter un autre emplacement, ce que je trouve, pour ma part, beaucoup plus pratique.

Redémarrer GIMP pour charger les brosses. 

Le principe reste le même que pour la pluie mais avec moins de manipulations :

2. Dupliquer le calque original de l'image 3 fois pour un total de 4 calques identique.

3. Au-dessus de chaque calque de l'image (sauf le premier au bas de la pile), ajouter un calque transparent en mode Lumière vive (non disponible pour les versions antérieures à la 2.10).

4. Sur chaque calque transparent, appliquer au pinceau  (avec du blanc) une brosse éclair différente à des endroits différents avec les paramètres suivants :

- Taille = à adapter en fonction de la brosse et de votre image
- Proportions = 0
- Angle = 0
- Espacement = 25
- Dureté = 100
- Force = 50
- Dynamique de la brosse = Dynamics Off

5. Comme pour la pluie, fusionner ensuite chaque calque d'éclair avec le calque d'image au dessous pour n'avoir plus que 4 calques différents.

6. Appliquer l'indexation des couleurs.

7. Donner des instructions à l'animation en renommant ainsi les calques du bas vers le haut :

4 (200ms)
3 (200ms)
2 (200ms)
1 (600ms)

8. Exporter comme expliqué précédemment.

La totale

Après l'escargot, j'ai décidé de nettoyer l'esplanade du Trocadéro de ses touristes envahissants à grand renfort de pluie et d'éclairs.

Matériel nécessaire

• brosses éclairs
• une image à animer (pour cet exemple, j'ai utilisé une photo personnelle dont préciser le lieu serait superflu)

Instructions

Ce dernier exemple combine les deux précédents. La partie la plus complexe résidant dans l'agencement et la fusion des calques.

1. Créer les effets de pluie sur 3 calques comme expliqué plus haut.

2. Renommer les calques fusionnés comme suit en partant du bas :

pluie 3 (100ms)
pluie 2 (100ms)
pluie 1 (100ms)

3. Ajouter deux calques d'éclairs différents (le mode de mélange utilisé ici est Addition) en haut de la pile sans fusionner.

éclair 2
éclair 1
pluie 3 (100ms)
pluie 2 (100ms)
pluie 1 (100ms)

4. Ensuite dupliquer chacun de des calques pluie en les agençant comme suit :

éclair 2
éclair 1
+ pluie 3#2 (100ms)
+ pluie 2#2 (100ms)
+ pluie 1#2 (100ms)
pluie 3 (100ms)
pluie 2 (100ms)
pluie 1 (100ms)

Ce qui donne un cycle de pluie de 600ms.

Explication du principe : pour la pluie, chaque calque doit s'afficher durant 100ms soit un total de 300ms pour un cycle; pour les éclairs, on a besoin de deux cycles de pluie de 300ms, soit 600ms puis 200ms pour chaque calque d'éclair. Il va falloir combiner tout ça (pluie seule, pluie + éclairs) en dupliquant et fusionnant certains calques.

5. Dupliquer une fois chaque calque d'éclairs (en haut de la pile) :

+ éclair 2#2
éclair 2
+ éclair 1#2
éclair 1
pluie 3#2 (100ms)
pluie 2#2 (100ms)
pluie 1#2 (100ms)
pluie 3 (100ms)
pluie 2 (100ms)
pluie 1 (100ms)

6. Dupliquer et intercaler des calques de pluie différents sous chaque calque éclair avant de pouvoir les fusionner comme suit :

↓ éclair 2#2
+ pluie 1#4 (100ms)

↓ éclair 2
+ pluie 3#3 (100ms)

↓ éclair 1#2 (1
+ pluie 2#3 (100ms)

↓ éclair 1
+ pluie 1#3 (100ms)

pluie 3#2 (100ms)
pluie 2#2 (100ms)
pluie 1#2 (100ms)
pluie 3 (100ms)
pluie 2 (100ms)
pluie 1 (100ms)

7. Fusionner ensuite chaque calque d'éclair avec le calque de pluie qui se trouve au-dessous. Vous devriez avoir ceci  :

éclair 2 + pluie 1 (100ms)
éclair 2 + pluie 3 (100ms)
éclair 1 + pluie 2 (100ms)
éclair 1+ pluie 1 (100ms)
pluie 3#2 (100ms)
pluie 2#2 (100ms)
pluie 1#2 (100ms)
pluie 3 (100ms)
pluie 2 (100ms)
pluie 1 (100ms)

Nous avons donc un cycle de pluie de 600ms suivi de deux cycle éclairs-pluie de 200ms tandis que l'effet pluie reste toujours à 100ms par calque à l'intérieur du cycle d'éclairs (désolée, si je vous ai largués en route).

8. Appliquer l'indexation des couleurs.

9. Exporter comme expliqué précédemment.

Voilà, j'espère que ces tutoriels un peu longs vous auront plu et ne vous auront pas paru trop compliqués.

Bon vent !

© La Pensine Mutine. Tous droits réservés. Reproduction interdite.

Partager :

Lire la suite

Au clair de la lune

En tant qu'empathe, les phases de pleine lune ont tendance à faire remonter mes émotions à fleur de peau et me plonger dans un état de tension tel que je n'arrive en général à me concentrer sur rien. Une fois n'est pas coutume, les énergies de la super lune de dimanche dernier m'ont inspiré des tas de choses dont ce petit tuto réalisé avec GIMP que j'apprends peu à peu à dompter au gré des mes envies et besoins créatifs.

Matériel nécessaire

• un paysage assez contrasté avec ciel dégagé
• GIMP 2.10 (libre et gratuit pour Linux/Windows/OSX)
• G'MIC 2.74 (si vous utilisez GIMP sous Linux/Windows)
• Image lune

Instructions

1. Ouvrir une copie de votre image dans GIMP et la redimensionner au besoin.

2. Ajouter un nouveau calque et remplir avec un dégradé linéaire personnalisé composé de bleu (#394f65) et de blanc.

3. Dupliquer le calque du dégradé. Régler le mode de mélange du premier sur Couleur TSL et celui de la copie sur Multiplier.

4. Fusionner les calques visibles.

5. Appliquer Couleurs - Tons sombres-Tons clairs pour déboucher les ombres :

- Shadows = 72
- Shadows color adjustment = 34
- Highlights = 0
- Highlights color adjustment = 50
- White point adjustment = 0
- Rayon = 100
- Compress = 50

6. Via le menu Filtres, appliquer G'MIC - Colors - Color Presets :

- Category = Eric Ellerbrock
- Preset = Avalanche
- Strength = 56
- Hue = 12,6
- Saturation = - 28.7

7. Appliquer G'MIC - Details - Equalize Local Histogram :

- Strength = 51,9
- Autres paramètres par défaut

8. Appliquer G'MIC - Lights & Shadows - Light Glow :

- Density = 47,4
- Autres paramètres par défaut

9. Appliquer Couleurs - Teinte-Saturation en sélectionnant le bleu pour diminuer sa luminosité (-22,3 %).

10. Copier et coller l'image de la lune comme nouveau calque. Redimensionner pour l'adapter à l'image et positionner sur la partie la plus claire du ciel. Régler son mode de mélange sur Lumière dure et réduire son opacité à 70%.

11. Fusionner les calques visibles et exporter votre image au format désiré.

NOTE : Après l'étape 8, j'ai étiré la partie la plus foncée du ciel pour colorer les zones surexposées restées blanches et j'ai également estompé les reflets plus clairs sur la falaise.

Pour ce deuxième exemple (à partir d'une photo d'une tour en ruine près de chez moi), j'ai utilisé davantage d'étapes que je vous donnerai sans paramètres car chaque image étant différente, il vous faudra davantage vous inspirer de ces tutoriels que les suivre à la lettre (sauf si vous voulez vous exercer avec mes originaux).

Sur un nouveau calque, j'ai appliqué le filtre Rendu - Bruit - Nuages par différence en mode de mélange Éclaircir. Sur un second nouveau calque, le dégradé Autumn Change (mode Superposé, opacité 55%) et la copie (mode Extraction de grain, opacité 38%). Après avoir fusionné les calques visibles, j'ai appliqué les filtres G'MIC - Colors - Color Blindness (Protanoptia) puis G'MIC - Colors - Color Presets (Others - Cinematic) et G'MIC - Lights & Shadows - Pop Shadows (Strength au maximum). J'ai appliqué le fitre Couleurs - Teinte-Saturation d'abord pour modifier la teinte globlale puis à nouveau pour faire de chaque teinte une nuance de bleu. Puis encore les filtres G'MIC - Colors - Mixer (YCbCr) et G'MIC - Colors - Simulate Film (Slide color - Fuji FP 100C).

Gardez bien à l'esprit que ce ne sont que les grandes lignes du type de manipulations que vous aurez à effectuer sur vos images et que bien sûr, les valeurs données ici ne le sont qu'à titre indicatif, chaque image ayant ses spécificités propres, à vous d'expérimenter et de vous montrer créatifs en vous servant de mes exemples comme de base de départ.

Que l'inspiration soit avec vous !

P. S. : 

© La Pensine Mutine. Tous droits réservés. Reproduction interdite.

Partager :

Lire la suite

Incruster une vidéo dans une image

À l'occasion du passage à l'équinoxe d'automne, je vous propose un petit tuto graphique réalisé à partir d'une vidéo filmée avec mon téléphone pour vous mettre dans l'ambiance. Il y a cinq ans (oups, déjà !), je vous expliquais comment incruster un GIF animé tout prêt dans une image à l'aide d'Animation Shop et de Paint Shop Pro. Depuis, je suis passée à Linux et je découvre peu à peu toutes le fonctionnalités de GIMP 2.10 même si pour certaines choses (notamment les filtres externes et les masques), j'utilise encore Paint Shop Pro 8 qui fonctionne très bien sous Wine (à part certains filtres sympas mais non indispensables).

Pour ce tuto, vous aurez donc besoin uniquement d'une version récente de GIMP disponible pour Windows, Mac et Linux.

Matériel nécessaire

• une vidéo au format MP4, WebM, AVI, MPEG, FLV, MOV, 3GP ne dépassant pas 100 M-
• une image avec une zone transparente pour y incruster la vidéo (évitez une trop grande résolution sinon l'animation résultante sera de mauvaise qualité et trop lourde à charger sur une page Web)

Instructions

1. Nous allons commencer par transformer la vidéo en GIF animé. Pour cela nous allons utiliser une application gratuite en ligne qui va faire tout le travail. Rendez-vous ici : https://ezgif.com/video-to-gif

2. Dans Upload video file, cliquer sur Parcourir pour sélectionner une vidéo sur votre ordinateur ou insérer un lien vers une vidéo en ligne dans Paste video URL. Cliquer ensuite sur le bouton Upload video.

Fig. 1

Fig. 2

3. Une fois votre vidéo téléversée, vous devriez la voir s'afficher avec une barre d'outils au-dessus (fig. 1).

4. Dans cette barre, sélectionner l'outil Resize video pour redimensionner la vidéo à une taille adaptée à l'image dans laquelle nous souhaitons l'incruster. Indiquer dans New width la taille en pixels souhaitée. Laisser le cadre New height vide pour que l'algorithme calcule automatiquement le bon ratio. Ne modifier rien d'autre et cliquer sur le bouton Resize video (fig. 2).

Fig. 3

Fig. 4

5. La vidéo redimensionnée apparaît un peu plus bas sur la page avec une barre d'outils au-dessous (fig.3).

6. Cliquer sur l'outil Crop video pour recadrer votre vidéo sinon ignorer cette étape et cliquer sur un autre outil. Vous avez la possibilité de choisir un ratio (carré, 4:3, 16:9, etc.) ou de tracer le cadre de sélection manuellement en approchant le curseur de la vidéo comme dans un logiciel de retouche d'image et le modifier à volonté en sélectionnant un des poignées de redimensionnement tout autour. Cliquer ensuite sur le bouton Crop video (fig. 4).

Fig. 5

Fig. 6

7. La vidéo recadrée apparaît un peu plus bas sur la page avec une barre d'outils au-dessous (fig.5).

8. Cliquer sur l'outil Cut video pour ne conserver qu'une petite séquence. Pour ce faire, cliquer sur la flèche du lecteur pour commencer à lire la vidéo. À l'endroit souhaité où doit démarrer la séquence, cliquer sur le bouton Use current position à droite de Start time pour marquer le début de la séquence, puis pareil pour End time (fin de la séquence). Vous pourrez modifier ces chiffres manuellement après pour plus de précision si nécessaire. Ensuite cliquer sur le bouton Cut video (fig. 6).

Fig. 7

Fig. 8

9. Comme pour les autres étapes, la vidéo résultante apparaît une peu plus bas dans Processed video avec une barre d'outils. Vous pouvez sélectionner d'autres outils si vous souhaitez par exemple modifier la vitesse, etc.

10. Sélectionner l'outil Video to GIF pour convertir la vidéo en GIF animé. Dans la nouvelle fenêtre, modifier le débit d'images par seconde (Framerate) en fonction de la durée de votre clip. Plus ce nombre sera élevé, plus il y aura d'images et plus le GIF résultant sera lourd. Ensuite cliquer sur le bouton Convert to GIF (fig. 7).

11. Le GIF résultant apparaît un peu plus bas avec sa barre d'outils. Cliquer sur l'outil Save pour l'enregistrer sur votre ordinateur (fig. 8).

12. Lancer GIMP et ouvrir une copie du GIF. Dans la fenêtre des calques, toutes les images composant votre animation apparaîtront de bas en haut. Vous pouvez visualiser l'animation en cliquant dans le menu Filtres - Animation - Rejouer l'animation. Là il est encore possible de raccourcir la séquence en supprimant des calques consécutifs depuis le haut et/ou le bas de la pile mais pas au hasard sinon le mouvement risque d'être saccadé.

13. Afin de pouvoir travailler les couleurs, nous allons en augmenter le nombre en cliquant dans le menu Image - Mode - RVB.

14. Sélectionner le calque en haut de la pile. Dans un nouvel onglet, charger l'image dans laquelle vous souhaitez incruster l'animation. Vous pouvez soit la copier et la coller comme nouveau calque dans la séquence d'images ou plus rapide, sélectionner son onglet et tout en maintenant le bouton gauche de la souris enfoncé, le faire glisser sur l'onglet de l'animation pour ouvrir sa fenêtre et le descendre sur l'animation elle-même où elle sera automatiquement ajoutée comme nouveau calque.

15. Si vous avez correctement redimensionné votre vidéo sur EzGif, votre image dans laquelle l'insérer sera plus grande et en la glissant comme nouveau calque, elle sera tronquée. Cliquer sur le menu Image - Ajuster le canevas aux calques pour résoudre ce problème. Vous pourrez ensuite ajuster parfaitement votre image/cadre à l'animation à l'aide de l'outil de mise à l'échelle ou le menu Calque - Échelle et taille du calque.

16. À l'aide de la baguette magique, sélectionner la partie transparente du calque puis inverser la sélection. Sélectionner le calque sous celui du cadre et cliquer sur la touche Suppr de votre clavier. Faites de même pour tous les calques. Désélectionner en cliquant dans le menu Sélection - Aucune.

17. Déplacer le calque du cadre du haut de la pile juste au-dessus du calque Arrière-plan. Faire un clic droit et fusionner vers le bas (ou menu Calque -  Fusionner vers le bas).

18. Il ne vous reste plus qu'à exporter votre image. Cliquer dans le menu Fichier - Exporter sous... Choisir l'emplacement sur votre disque dur et le nom. Au bas de la boite de dialogue, cliquer sur Sélectionner le type de fichier (selon l'extension) et choisir Image GIF puis cliquer sur le bouton Exporter. Une nouvelle boite de dialogue s'ouvre. Cocher les options En tant qu'animation et Boucler indéfiniment avant de cliquer à nouveau sur le bouton Exporter.

NOTE : J'ai effectué d'autres manipulations que je n'ai pas mentionnées afin que ce tutoriel reste le plus simple possible. Comme mon cadre avait également une zone transparente autour, j'ai ajouté un calque de la couleur des pages de mon blog tout en bas de la pile et j'ai fusionné le calque d'arrière-plan avec en prenant bien soin de le renommer exactement pareil pour que l'animation fonctionne. Pour unifier les teintes de mon animation au cadre, avant de fusionner ce dernier à l'étape 17, j'ai cliqué dans le menu Couleurs - Balance des couleurs et sauvegardé mes réglages avant de l'appliquer au calque sélectionné. J'ai refait l'opération pour TOUS les calques de l'animation SAUF celui du cadre à l'aide des touches CTRL + F (Répéter le dernier filtre).

Et voilà ! J'espère que ce tutoriel vous aura plu. Il y a des modules à rajouter pour transformer les animations dans GIMP mais cela me semble un peu trop compliqué pour l'instant et si jamais je change d'avis et trouve le temps de les explorer, qui sait cela fera peut-être l'objet d'un nouveau tutoriel.

© La Pensine Mutine. Tous droits réservés. Reproduction interdite.

Partager :

Lire la suite

Effet patchwork sur une photo

Je vous propose une manipulation assez simple mais un peu fastidieuse pour transformer vos images en patchworks. Vous n'aurez besoin que d'un logiciel de retouche d'image (j'ai utilisé GIMP pour le premier exemple et Paint Shop Pro pour le second) et beaucoup d'imagination.

Matériel nécessaire

• une photo

Instructions

1. Ouvrir une copie de l'image choisie. Ajouter un canal alpha au calque original, le dupliquer et le masquer.

2. Ajouter un nouveau calque (Cadre) et avec l'outil de sélection rectangulaire, tracer le cadre souhaité pour créer le patchwork et remplir la sélection de blanc avec le pot de peinture.

3. Appliquer la commande menu Sélection - Réduire de 5px (à adapter selon la taille de l'image) puis supprimer et déselectionner tout.

4. Dupliquer le calque Cadre et le renommer la copie Ombre. Appliquer la commande menu Couleurs - Inverser pour que le cadre devienne noir.

5. Appliquer la commande menu Filtres - Flou - Flou gaussien d'un rayon de 10px.

6. Descendre le calque Ombre sous le calque Cadre. Avec l'outil de sélection rectangulaire, sélectionner l'intérieur du cadre blanc puis supprimer pour que l'ombre n'apparaissent pas à l'intérieur du cadre.

7. Activer le calque Cadre et fusionner vers le bas. Renommer le calque résultant Cadre 1.

8. Dupliquer le calque Cadre 1 autant de fois que nécessaire suivant l'effet recherché (ici, j'ai utilisé cinq cadres).

9. Disposer les cadres à l'endroit souhaité à l'aide de l'outil de déplacement et utiliser l'outil de rotation pour les faire pivoter.

10. Avec le lasso, sélectionner les parties de cadres se chevauchant. Se placer sur le calque des parties de cadre à éliminer puis supprimer.

11. Activer le calque dupliqué de votre image originale et toujours avec le lasso en mode Ajout à la sélection actuelle (ou en maintenant la touche MAJ enfoncée), sélectionner les bords blancs de chaque cadre (environ au milieu de la bordure). Inverser la sélection et supprimer. Votre fond sera transparent à l'exception des zones dans les cadres. Désélectionner tout.

12. La dernière étape est facultative. Vous pouvez sauvegarder votre image avec un fond transparent ou bien lui ajouter calque de fond rempli avec une couleur, un dégradé, un motif ou encore une autre image. J'ai choisi d'utiliser l'image originale (dont j'avais dupliqué et masqué le calque au début) en lui appliquant plusieurs effets. J'ai donc ajouté un calque noir tout en bas de la pile puis réactivé la visibilité du calque original (Fond 1) auquel j'ai appliqué la commande menu FX Foundry - Artistic - Quick Sketch. J'ai ensuite dupliqué ce calque (Fond 2 qui doit se trouver au-dessus de Fond 1) et inversé la couleur avant de modifier les modes de mélange et opacité de ces deux calques :

Fond 2 -- mode soustrait  - opacité 81,2%
Fond 1 -- mode normal - opacité 25,5%

Pour ce second exemple réalisé des années plus tôt avec Paint Shop Pro, je n'ai pas dupliqué le calque du cadre à l'étape 4 pour faire une ombre mais j'ai appliqué directement une ombre portée. J'ai sélectionné l'intérieur de certains cadres puis en activant le calque de l'image originale, j'ai désaturé complétement ou partiellement. Enfin pour le fond, j'ai appliqué un effet vignette à l'aide d'un masque appliqué à l'image originale ainsi qu'une désaturation partielle pour l'estomper et faire ressortir le patchwork.

Il aurait été également possible de coloriser certains cadres, d'appliquer des tas d'effets différents pour un effet patchwork encore plus original et selon le type d'image utilisé. Comme toujours, il n'y a aucune limite à la créativité et mes tutoriels ne sont là que pour vous servir de point de départ et vous inspirer d'autres idées. Amusez-vous bien !

© La Pensine Mutine. Tous droits réservés. Reproduction interdite.

Partager :

Lire la suite

Transformer un paysage diurne en une scène crépusculaire dramatique

Cela faisait presqu'un an que je n'avais pas publié de tutoriel de retouche photo. Il était grand temps. À l'occasion du passage à l'heure d'hiver ce week-end, je vous propose donc de transformer radicalement une paisible scène de jour en une scène crépusculaire dramatique simple à réaliser. Je me suis, à cet effet, servie de GIMP (sous Linux) mais n'importe quel logiciel de retouche digne de ce nom devrait faire l'affaire.

© Virevolte

Matériel nécessaire

• un paysage de jour avec un ciel uni/surexposé, facile à détourer
• un ciel crépusculaire avec de forts contrastes (ou un paysage dont on peut récupérer le ciel)
• filtres G'MIC (si vous utilisez GIMP sous Linux/Windows)

Instructions

1. Dupliquez votre original et ajoutez-lui un canal alpha pour créer de la transparence.

2. Avec la baguette magique, sélectionnez votre ciel puis cliquez sur Supprimer. Suivant le type d'image, vous aurez peut-être besoin d'utiliser le lasso pour tracer le contour de votre sélection à la main ou encore la gomme.

3. Copiez le ciel que vous voulez mettre à la place de celui que vous venez de supprimer et collez-le comme nouveau calque dans votre image en le plaçant sous le calque existant. Ajustez sa taille et repositionnez-le pour qu'il recouvre bien toute la zone transparente. Dans mon exemple (réalisé avec une superbe photo de Virevolte), j'ai dû tricher avec les brosses de clonage et de maculage pour ne pas avoir à étirer — et donc déformer — mon ciel. Je lui ai également appliqué un effet miroir horizontal afin d'assurer une cohérence entre les sources de lumières.

4. La dernière étape sera sans doute la plus longue car vous devrez probablement faire des tas d'essais avant de parvenir au résultat escompté qui dépendra entièrement de votre image. En gros, il s'agit d'appliquer une série de réglages à votre image originale afin qu'elle s'harmonise avec le ciel, tant du point de vue teinte que contraste et éclairage. J'ai appliqué le filtre Basic Adjustments (G'MIC), pour modifier la teinte (hue) et diminuer le gamma (-9) afin d'assombrir les couleurs. J'ai également modifié le calque de mon ciel pour renforcer les ombres en lui appliquant le filtre Light Glow (G'MIC) pour lequel j'ai juste réduit l'opacité.

Pour ce deuxième exemple (à partir d'une photo prise en Hollande au début des années 90), j'ai réduit le gamma et la saturation du paysage pour l'assombrir et augmenté d'autant le contraste. J'ai ensuite ajusté l'équilibre des couleurs, désaturé une couleur sélectionnée et comme cela ne suffisait pas encore, j'ai ajusté le niveau en sortie et réduit un peu plus le gamma. Pour obtenir enfin l'effet dramatique que je voulais, j'ai dû me servir de Paint Shop Pro 8 (qui fonctionne bien avec Wine) afin de pouvoir utiliser le filtre Low Key (Color Efex Pro 3).

Voilà, j'espère que mes inspirations du moment vous inspireront à votre tour et si vous postez vos œuvres en ligne, n'hésitez pas à nous communiquer les liens en commentaires, je serai ravie de les voir.

© La Pensine Mutine. Tous droits réservés. Reproduction interdite.

Partager :

Lire la suite

Effet gigogne dans une photo

La mise en abîme — les jeux de miroirs à l'infini, vous connaissez ? Pourquoi ne pas l'appliquer à vos photos... du moins à celles qui s'y prêtent. Un tuto assez basique mais quelque peu fastidieux entièrement réalisé avec GIMP mais facile à transposer vers n'importe quel logiciel d'édition graphique.

Matériel nécessaire

• une photo où figure un cadre (ou miroir) assez grand pour en contenir d'autres

Instructions

1. Ouvrir une copie de l'image à retoucher et ajouter un canal alpha (Paint Shop Pro : transformer en calque raster) afin de pouvoir créer une zone transparente.

2. Sélectionner l'intérieur du cadre ou du miroir avec l'outil qui conviendra le mieux à sa forme et à son contenu (baguette magique, lasso ou sélection rectangulaire) puis supprimer pour obtenir une zone transparente.

3. Dupliquer ce calque plusieurs fois selon la taille de votre cadre et la profondeur désirée. Masquer toutes les copies sauf la première.

4. Utiliser l'outil de mise à l'échelle (PSP : outil Déformation en mode Échelle) pour que l'image puisse tenir dans le cadre transparent du calque en dessous.

5. Descendre le calque redimensionné sous l'original et le positionner correctement dans le cadre. Pour éviter de le déplacer malencontreusement, lier ces deux calques.

6. Afficher la deuxième copie et recommencer les opérations 4 et 5 en ajustant toujours le calque à la zone transparente.

7. Répéter pour les calques restants.

NOTE : Pour l'exemple ci-dessus, à la fin de l'étape 2, j'ai rajouté, comme vous pouvez le voir, un cadre à l'emplacement du carton ainsi qu'une ombre portée sur un calque séparé (non fusionné). Enfin, j'ai appliqué divers effets (Niveaux, Refocus et plusieurs filtres GMIC) pour améliorer l'image finale en jouant sur la netteté, le contraste et les couleurs.

Pour ce deuxième exemple, j'ai eu envie de m'amuser avec les outils de perspective et de cisaillement pour modifier l'angle et l'inclinaison des calques. J'ai dû également tricher un peu avec les pinceaux de clonage et de barbouillage pour remplir les espace manquants.

Pour ce dernier exemple, j'en ai profité pour appliquer plusieurs filtres GMIC (mais j'ai oublié lesquels) pour booster les couleurs de l'image de départ et créer un effet psychédélique. J'ai également modifié les couleurs de chaque calque en jouant avec la fonction Teinte-Saturation du menu Couleurs. Il m'a fallu ensuite sélectionner les mains pour rétablir leur couleurs naturelle (avec Couleurs - Carte - Échanger deux couleurs), calque par calque.

Sympa, non ? Envie de vous perdre, à votre tour, dans les dédales de votre imagination, n'hésitez pas, lancez-vous !

© La Pensine Mutine. Tous droits réservés. Reproduction interdite.

Partager :

Lire la suite