Retrouvez cet article dans : Linux Magazine HS 22
NIVEAU : DEBUTANT
Selon l'objet de la page Web que vous voulez créer, un effet de couleur sur fond noir apportera un peu de divertissement visuel. Travailler avec un fond noir demande cependant quelques précautions.
1. L'image de base sera un rectangle blanc destiné à contenir notre texte. L'image ci-contre fait 800 par 400 pixels. Bien entendu, cela devra être adapté en fonction du texte que vous devez placer. Nous plaçons des guides au centre de l'image de manière à faciliter le centrage du texte.
2. Utilisez ensuite l'outil texte pour définir votre titre. Vous obtiendrez un nouveau claque de texte que vous pourrez modifier et ajuster comme il vous plaira. Ceci jusqu'au moment où nous toucherons à son contenu à l'aide de filtres ou autres.
3. Une autre solution pour obtenir une image contenant du texte est de créer une image d'une taille quelconque puis d'utiliser l'outil texte. Le claque de texte ainsi créé risque, bien sûr de dépasser largement du canevas de l'image.
4. Il suffit alors d'utiliser le menu . Automatiquement les positions des calques dépassant de l'image sont utilisés pour déterminer la taille optimale de l'image. On peut ensuite utiliser pour agrandir encore la taille de l'image et centrer le calque de texte. On obtient ainsi un texte pafaitement centré dans l'image. Il suffit ensuite d'ajouter un calque blanc en guise de fond.
5. Revenons à la suite des opérations. Masquez le calque de texte et activez le calque blanc. Utilisez ensuite . Cochez l'option «Bruit en correlation» afin que la perturbation soit identique pour les trois couleurs. Avant d'appliquer le filtre, réglez le niveau des couleurs sur 1.00.
6. Une fois le filtre appliqué, utilisez . Il s'agit d'un filtre relativement basique mais cela fera l'affaire.
7. Nous obtenons un résultat relativement fade, inutilisable tel quel pour la suite des manipulations. .
8. Jouez avec les poignées de manière à obtenir une image plus contrasté où mes niveaux de gris on laissés la place à du blanc ou du noir. Le but est d'avoir une image majoritairement blanche avec des traces noires.
9. Activez ensuite le calque de texte. Dans la liste des calques cliquez avec le bouton droit de la souris et choisissez «Alpha vers sélection». Ceci vous permet d'obtenir une sélection de la forme du texte. Revenez sur le calque précédent, inversez la sélection avec [CTRL]+[I] puis remplissez de la couleur de premier plan (noir) avec [CTRL]+[,]. Enfin, annulez la sélection avec [CTRL]+[MAJ]+[A].
10. Nous allons appliquer un flou. Il s'agit cette fois d'un flou cinétique. Ce filtre permet de générer un flou donnant une impression de déplacement, un peu comme les photographies avec un temps de pause trop élevé. Utilisez . Dans la fenêtre qui apparaît, choisissez «Zoom» pour que l'effet parte d'un point et se dirige vers l'extérieur. Assurez-vous que le centre du flou correspond bien au centre de l'image. Enfin réglez la longueur de l'effet. Attention toutefois à ne pas pousser trop loin. L'image est destinée à s'intégrer sur une page Web, il ne faut pas qu'on puisse déceler le bord de l'image.
11. L'effet, une fois appliqué donne déjà une idée du résultat. Mais cela manque de couleur.
12. Double cliquez sur l'outil de remplissage par dégradé. Dans les options qui s'affichent, choisissez tout d'abord un dégradé «Full spectrum» présentant toutes les couleurs. L'option forme doit être réglée sur «Conique Asymétrique». La couleur de l'extrémité de départ du dégradé est la même que celle de fin. Il n'est donc pas necessaire que le dégradé utilise une quelconque symétrie, le dégradé se ferme déjà sur lui-même.
13. Ajoutez un calque puis, à l'aide des guides, remplissez avec le dégradé en partant du centre et vers l'exterieur.
14. Activez le calque avec le flou, sélectionnez l'ensemble avec [CTRL]+[A] puis copier la sélection avec [CTRL]+[C]. Revenez ensuite sur le calque au dégradé, cliquez avec le bouton droit sur ce dernier dans la liste des calques et dans le menu choisissez «Ajouter un masque de calque». Peu importe le type de masque. Activez le masque et collez avec [CTRL]+[V]. Immédiatement nous obtenons une version colorée de l'effet.
15. Ajoutez un calque de couleur de premier plan (noir) au dessus du calque flou et réaffichez le calque de texte. Nous obtenons l'effet désiré. Cependant, l'ensemble est un peu sombre et demanderait davantage de contraste.
16. Pour rendre le texte plus visible, nous pouvons ajouter un calque transparent sous le calque de texte. Récupérez ensuite la sélection en forme de texte comme précédement, revenez sur le nouveau calque, utilisez , agrandissez de quelques pixels et remplissez la sélection de blanc (couleur d'arrière plan) avec [CTRL]+[MAJ]+[;]
17. Vous pouvez également utiliser un filtre sur le masque du calque flou comme par exemple et faire de même sur le calque de couleur lui-même. En appliquant un léger flou au texte blanc et en passant ce calque en mode «Valeur», on obtient alors un tout autre effet. Vous pouvez également dupliquer le calque au dégradé pour accentuer les couleurs.
18. Essayez d'autres dégradés en dupliquant le calque et en réappliquant la distortion sur le calque à nouveau (le masque copier avec le calque étant déjà déformé il n'est pas necessaire d'y appliquer le filtre). La suite n'est dépendant que des limites de votre imagination.
