[Apprenti] Des effets de texte

Bonjour à tous !

Ce tutoriel a été réalisé grâce au travail de Zazie, peaufiné avec les conseils de Maripiou, et rédigé par Natsynchro.

Dans ce tutoriel réservé aux typographies, nous allons apprendre à créer différents effets de texte, que vous pourrez intégrer dans vos créations ! Ce tutoriel vous permettra de vous familiariser davantage avec GIMP et l'outil texte, si ce n'est pas déjà fait ! Cependant, il vous est tout de même demandé de connaître les bases de votre logiciel pour ce tutoriel.

Voici les différents effets que nous allons apprendre à réaliser dans ce tutoriel :

1 Police avec fond flouté
2 Police de couleur dégradée
3 Police couleur/transparente
4 Police avec motifs
5 Police avec contour
6 Police avec relief
7 Police dupliquée
8 Police en 2D
9 Police avec ombre portée
10 Police faite de contours
11 Police avec reflets
12 Police avec ombre interne

Quelques tutoriels qui vous seront sûrement utiles avant de commencer:[/u][/color]

• Les typographies
  
• Les outils
  
• Créer un fond transparent
  

1 Une police avec fond flouté

Pour commencer, quelque chose de simple : nous allons jouer avec les flous. Voici le résultat que vous devriez obtenir :



Commencez par sélectionner l'outil texte, et écrivez ce que vous voulez.
Dupliquez ensuite votre calque et renommez-le « Flou » pour ne pas vous perdre par la suite.
Sélectionnez le calque Flou, clic droit et cliquez sur « Calque aux dimensions de l'image ». Si le flou est très important, cela permettra d'éviter qu'il ne soit coupé par les limites du calque.
Puis, en ayant toujours le calque Flou sélectionnez, allez dans Filtres → Flou → Flou gaussien. Choisissez la valeur qui vous convient, et validez.

C'est terminé !

2 Police de couleur dégradée

Commencez par sélectionner l'outil texte, et écrivez ce que vous voulez.
Créez un nouveau calque de type transparence.
Clic droit sur le calque texte, et cliquez sur « Alpha vers sélection ». Cela nous permet d'avoir une sélection adaptée à notre texte !
Prenez l'outil Dégradé (PP vers Transparent, PP signifiant couleur de Premier Plan), réglez les couleurs, et appliquez-le du bas vers le haut sur le calque de transparence. Pour assurer un dégradé bien droit, maintenez la touche Ctrl enfoncée.

C'est terminé !

3 Police couleur/transparente

Commencez par sélectionner l'outil texte, et écrivez ce que vous voulez.
Créez un nouveau calque de type transparence.
Clic droit sur le calque texte, et cliquez sur « Alpha vers sélection ».
Sur le calque vierge, on prend l'outil dégradé (PP vers transparent), et on applique le dégradé !
Il ne reste plus qu'à rendre le calque texte invisible, en appuyant sur l'oeil à côté du calque.

C'est terminé !

4 Police avec motifs

Commencez par sélectionner l'outil texte, et écrivez ce que vous voulez.
Créez un nouveau calque de type transparence.
Sur le calque texte, clic droit et cliquez sur Alpha vers sélection.
Sur le calque vierge, choisissez l'outil remplissage, réglé sur « Remplissage avec le motif », et remplissez la sélection. (Vous pouvez aussi, après avoir copié une image depuis une autre fenêtre, cliquer droit sur le calque vierge → Edition → Coller dedans. Une sélection flottante devrait apparaître, faites un clic droit sur ce calque, et cliquez sur Ancrer le calque).


C'est terminé !

5 Police avec contour

Commencez par sélectionner l'outil texte, et écrivez ce que vous voulez.
Créez un nouveau calque de type transparence.
Clic droit sur le calque texte, et cliquez sur « Alpha vers sélection ».
Sélectionnez le calque vierge, et déplacez-le en-dessous du calque Texte.
Avec un clic droit sur l'image, procédez aux étapes suivantes : Sélection → Agrandir.
Choisissez la taille de l'agrandissement, c'est-à-dire la largeur du contour.
Remplissez cette sélection à l'aide de l'outil remplissage !

C'est terminé !






Commencez par sélectionner l'outil texte, et écrivez ce que vous voulez.
Sélectionnez le calque texte, puis allez dans Filtres → Décor → Ajouter un biseau.
Plus la valeur choisie sera grande, et plus le relief sera visible. Ici, j'ai choisi une valeur de 8.

Si vous choisissez de cocher "Travailler sur une copie", cela va vous ouvrir une nouvelle fenêtre afin de conserver le document original. Vous n'aurez plus qu'à enregistrer votre travail à partir de cette nouvelle fenêtre.
Il est inutile de cocher la case "Conserver le calque de relief" dans notre cas. Cette option ne sert qu'à visualiser un calque en noir et blanc, qui représente le relief qui a été appliqué au texte.

C'est terminé !






Commencez par sélectionner l'outil texte, et écrivez ce que vous voulez.
Dupliquez plusieurs fois votre calque, et décalez-les par rapport au premier calque texte. Changez la taille de votre police, l'opacité, pour avoir un effet sympa !
Pensez à placer le calque d'origine au dessus des autres.

C'est terminé !






Commencez par sélectionner l'outil texte, et écrivez ce que vous voulez.
Dupliquez le calque texte. Changez la couleur du texte de ce calque, décalez-le légèrement, et placez-le en dessous du calque d'origine.


C'est terminé !

Commencez par sélectionner l'outil texte, et écrivez ce que vous voulez.
Sélectionnez le calque texte, puis allez dans Filtres → Ombres et lumières → Ombre portée.
Choisissez le flou et la taille qui vous conviennent et validez.

Un exemple de réglage:

En cochant la case "Permettre le redimensionnement", vous autorisez le logiciel à redimensionner votre image si l'ombre portée n'est pas visible en l'état!

C'est terminé !






Commencez par sélectionner l'outil texte, et écrivez ce que vous voulez.
Créez un nouveau calque de transparence.
Sélectionnez le calque texte, faites un clic droit et cliquez sur « Alpha vers sélection ».
Sélectionnez le calque vierge, et faites un clic droit sur l'image : Sélection → Agrandir.
Remplissez votre sélection avec l'outil de remplissage.
Cliquez à nouveau sur « Alpha vers sélection » sur le calque texte.
Retournez sur le calque rempli, et appuyez sur la touche suppr.
Décochez le calque texte, et c'est terminé !

C'est terminé !






Commencez par sélectionner l'outil texte, et écrivez ce que vous voulez.
Dupliquez le calque texte, sélectionnez la copie. Nous allons l'inverser grâce aux options suivantes : Calque → Transformer → Miroir vertical. Placez ce calque sous l'original. Veillez à bien aligner les deux textes miroirs l'un sur l'autre !
Créez un nouveau calque, que vous placerez au-dessus des deux autres.
Sur le calque transparent, appliquez alors un dégradé (PP vers transparent) dans la sélection du texte.
Attention !! La couleur choisie pour le dégradé devra être en accord avec le fond du texte. Si mon fond est blanc, je choisis par exemple un dégradé blanc vers transparent et je passe le calque en mode Ecran. Pour une couleur noire, il faudra passer le calque en mode Multiplier.

C'est terminé !






Commencez par sélectionner l'outil texte, et écrivez ce que vous voulez. (Une police large est ici préférable)
Créez un nouveau calque transparent, que vous placerez tout en haut.
Sélectionnez le calque de texte, clic droit dessus et cliquez sur « Alpha vers sélection ».
Sur l'image, faites un clic droit puis Sélection → Réduire (pas plus de 2 ou 3 px)
Sélectionnez le calque vierge, et inversez la sélection (Ctrl+i)
Remplissez cette sélection avec l'outil de remplissage, avec une couleur noire.
Annulez la sélection, nous allons appliquer un effet de flou sur le calque : Filtres → Flou → Flou gaussien (Rayons de 10)
Décalez à présent le calque de quelques pixels par rapport au calque texte, et selon la direction souhaitée de l'ombre portée. (il est possible de le faire avec la souris, mais aussi avec les flèches du clavier pour plus de précision: appuyer une fois sur une flèche déplace le calque d'1px)
Sélectionnez le calque texte, clic droit et « Alpha vers sélection ».
Sélectionnez le calque à présent noir, inversez la sélection (Ctrl+i) et effacez le tout à l'aide de la touche suppr.
Réglez l'opacité du calque selon votre convenance, pour une ombre plus ou moins marquée.


C'est terminé !

Ce tutoriel est à présent terminé ! N'hésitez pas à combiner les différents effets, et à vous les approprier en changeant les valeurs !


N'oubliez pas d'enregistrer vos images ou textes en .png pour conserver la transparence lorsqu'il y en a !


   

Merci Nat !

pas de quoi!

tu as été rapide dis donc, j'étais en train de vérifier mes ancres

Merci !

Merci Nats d'avoir repris ce tutoriel

Merci Nats pour ce tuto!

Merci pour ce tuto !
Il y a vraiment plein d'effets sympa

Hop, dans mes favoris.

Merci, Nat.