Comment créer votre barre utilisateur animée avec Gimp

Utilisateur tavo parti aujourd'hui un tutoriel sur notre forum, tutoriel que je publie ici car il le mérite 😀

-------------------------------

Comme promis est la dette, hier sur IRC j'ai promis de KZKG ^ Gaara suivez ce tutoriel sur la création de notre barre d’utilisateur animée dans boiteux.
Je m'excuse pour les captures d'écran en anglais, car je l'utilise dans cette langue car c'est pratique pour moi en suivant des tutoriels
La première chose que nous allons faire est d'ouvrir Gimp et de sélectionner la couleur de premier plan avec la valeur suivante:

Comme le montre la capture d'écran, la valeur doit être fcfdfe De cette manière, le fond sera en phase avec l'esthétique du forum.

Puis on passe à l'onglet Fichier> Nouveau  et dans la fenêtre qui apparaît, nous choisissons ces dimensions:

La valeur horizontale doit être de 450 et 60 pour la verticale (vous pouvez de toute façon selon vos préférences). Aussi dans Options avancées ils doivent choisir la couleur de premier plan comme arrière-plan.

L'étape suivante consiste à utiliser l'outil de texte pour écrire le contenu que la barre utilisateur aura, dans mon cas, j'utilise la phrase: <° DesdeLinux Utilisateur .quand ils ont écrit le texte sur cette même couche, ils donnent clic droit> alpha à la sélection. Avec le texte sélectionné, nous prenons l'outil de fusion (dégradé), dans mon cas, j'utilise lueur bleue, mais ils peuvent utiliser celui qu'ils préfèrent. Ils remplissent la sélection avec le dégradé, le laissant comme ceci:

Ensuite, nous dupliquerons le calque de texte 14 fois pour obtenir 15 calques identiques:

Le marqueur A indique où vous devez cliquer pour dupliquer le calque sélectionné

À partir de maintenant, nous travaillerons avec ces calques, en ajoutant des filtres et des transparents 

* La première étape consiste à travailler de la couche 1 à 4 inclusivement en allant vers Filtres> Flou> Flou gaussien et les valeurs à utiliser sont les suivantes pour chaque couche:

Dans les paramètres de filtre de la couche 1:
Horizontale: 12 px
Verticale: 12 px
Dans les paramètres de filtre de la couche 2:
Horizontale: 9 px
Verticale: 9 px
Dans les paramètres de filtre de la couche 3:
Horizontale: 6 px
Verticale: 6 px
Pour les paramètres de filtre de couche 4:
Horizontale: 3 px
Verticale: 3 px

* Dans un deuxième temps, nous travaillerons du calque 11 à 15 (inclus), c'est-à-dire avec les cinq derniers calques. Il faut tout d'abord aligner ces 5 derniers calques aux dimensions de l'image, c'est important pour obtenir l'effet souhaité, ce mode: tab Calques> Aligner sur la taille de l'image. Ensuite, nous renommons les couches avec des numéros un par un en double-cliquant sur la couche, ils changent son nom en nombres

Le filtre que nous utiliserons dans les couches est Filtre> Flou> Flou de mouvement et nous l'appliquerons comme suit pour chaque calque et un duplicata que nous créerons pour chacun d'eux:

Dupliquer le calque 11.
Paramètres de filtre, respectivement pour le calque dupliqué et original:
Copia
Longueur: 10
Angle: 0

Calque d'origine
Longueur: 10
Angle: 180
Un calque 11 et la copie sont combinés (clic droit sur la copie du calque 11 et choisissez de combiner vers le bas)
Dupliquer le calque 12.
Paramètres de filtre:
Calque d'origine
Longueur: 20
Angle: 0
Dupliquer
Longueur: 20
Angle de vision: 180
Un calque 12 et la copie sont combinés.
Dupliquer le calque 13.
Paramètres de filtre:
Calque d'origine
Longueur: 30
Angle: 0
Dupliquer
Longueur: 30
Angle de vision: 180
Un calque 13 et la copie sont combinés.
Dupliquer la couche 14
Paramètres de filtre:

Calque d'origine
Longueur: 40
Angle: 0
Dupliquer
Longueur: 40
Angle de vision: 180
Un calque 14 et la copie sont combinés.
Dupliquer la couche 15
Paramètres de filtre:

Calque d'origine
Longueur: 50
Angle: 0
Dupliquer
Longueur: 50
Angle de vision: 180
Un calque 15 de la copie est fusionné.

Ce que nous allons faire maintenant est de modifier l'opacité des calques avec ces paramètres:

1 à% 60
2 à% 70
3 à% 80
4 à% 90
11 à% 90
12 à% 80
13 à% 70
14 à% 60
15 à% 50

Nous allons sélectionner notre calque d'arrière-plan pour le dupliquer quatre fois, laissant cinq calques identiques. Nous élevons le dernier arrière-plan dupliqué au-dessus de notre couche 1 (avec la flèche pointant vers le haut dans le navigateur de couches à côté du marqueur A).

Nous dupliquons à nouveau et le soulevons au-dessus de la couche 2 et ainsi de suite, laissant des arrière-plans intercalés entre les couches de texte comme ceci:

Maintenant, nous allons fichier> enregistrer sous  et nommez le fichier avec l'extension . Gif à la fin par exemple:barre utilisateur.gif .

Dans la fenêtre qui apparaît, il est important de cocher l'option:

Enregistrer comme animation

Ensuite, nous appuyons sur l'exportation puis acceptons.

Nous naviguons vers notre fichier et il devrait ressembler à ceci:

J'espère que vous le trouverez utile et que vous le comprenez bien, n'hésitez pas à me contacter si vous avez des questions, je laisse un autre exemple de résultats qui peuvent être atteints:

Si vous remarquez dans la deuxième bannière, j'ai édité les temps de séjour dans les cadres ... Je l'ajouterai plus tard, ce n'est pas si complexe.

Salutations!

-------------------------------

Merci beaucoup à tavo Pour cet excellent tutoriel, le résultat est super cool haha ​​... et, faites-vous savoir que si vous voulez mettre ici des tutoriels de Gimp, des articles ou tout ce que vous jugez intéressant, ce sera un honneur pour nous 😀