* Texte sur une courbe *



GIF     JPG   



  Utilisez la "punaise" comme marqueur.

Nous allons réaliser des textes sur différents chemins (path) ou courbes.
Je vous explique différentes façons de les réaliser. Vous trouverez sur le net, d'autres manières.
Je vous explique comment j'ai enfin compris, et comment je suis arrivée à les réussir. Avec les exercices que je vous propose, vous y arriverez facilement.

1, Ouvrez une nouvelle image 300x300 fond transparent. À l'aide des repères (guides) déterminez le centre de votre image ( vérifiez en bas à droite, dans la barre d'état ). Le centre est exactement à 150 x 150

2. Prendre l'outil Sélection / Cercle et, avec votre curseur exactement au centre et, en maintenant votre clic gauche enfoncé, tracez votre cercle comme le mien, pas trop près des bords. Il faut laisser de la place pour le texte.

3. Choisir une image pas trop grande. Si l'image est vraiment trop grande, il est préférable de redimensionner avant. Copier votre image et la coller dans la sélection.

Voici le résultat.

4. Nous allons ajouter le texte autour de notre image.
Placez une couleur contrastante dans l'avant-plan. J'ai choisi rouge. Il faut fermer l'arrière-plan.
Prendre l'outil Forme prédéfinie et sélectionnez l'ellipse.

Configurez l'outil forme prédéfinie comme sur la capture.

5. Tracez un cercle autour de l'image du chaton. Il faut que votre cercle soit un peu plus grand que l'image. Pour avoir le texte dans le bon sens, à l'extérieur du cercle, il est très important de commencer le cercle dans le coin haut et gauche de l'image.
J'ai placé mon curseur à 17x17 et, en maintenant le clic gauche enfoncé, il faut descendre vers le bas à droite. Vous aurez quelque chose semblable à la capture.

6. Si vous n'êtes pas satisfait de votre résultat, vous pouvez facilement redresser votre cercle à l'aide des « noeuds » que vous voyez tout autour. En cliquant sur un des noeuds du cercle, vous aurez une flèche qui vous permet de réduire ou d'agrandir le cercle. Le noeud, du centre, vous permet de déplacer tout le cercle en même temps. Toutes ces modifications se font en maintenant votre clic gauche enfoncé.
Vous pouvez également positionner le cercle avec les flèches du clavier. Il faut naturellement choisir l'outil Déplacer au préalable.
N'oubliez pas que vous pouvez toujours revenir en arrière pour effacer une fausse manoeuvre, avec le retour arrière.(undo)

7. Voici mon cercle recadré. À vous de choisir si vous désirez le texte collé sur l'image ou éloigné de l'image. Dans l'exemple ci-dessous, je placerai du texte en haut seulement et, je le veux près de mon image... il sera encore temps de le déplacer plus tard.

Si je veux mon texte tout autour de l'image, je ferai en sorte de placer mon cercle (rouge) de manière égale autour de l'image, comme sur la capture de droite.

 

8. Voici venu le moment d'ajouter le texte. Choisir l'outil texte avec ces paramètres :

Lorsque l'outil Texte sera activé, votre image ressemblera à la capture de droite, avec une forme carrée autour du cercle.

9. Voilà la partie délicate. Vous devez approcher votre curseur près de la ligne qui forme votre cercle rouge. Vous devez vous placer le plus près possible de la ligne, au centre, en haut ( notre alignement est déjà configuré au centre ) et, vous cliquez seulement quand votre curseur se modifie de cette façon. Suite à votre clic, la fenêtre de texte ouvrira. Saisissez votre texte. Aussi longtemps que le texte est en surbrillance, vous pouvez lui apporter des modifications ex: couleur, police, taille. Lorsque vous êtes satisfaits, vous appliquez.

Si vous n'appliquez pas de contour à votre texte, l'avant-plan est fermé et, l'arrière-plan avec la couleur de votre choix.(ce pourrait également être un dégradé ou un motif)Voici d'autres exemples :

     

10. Il faut maintenant, enlever notre tracé rouge. Si vous revenez aux configurations de notre forme prédéfinie, on se souviendra que l'on a créé une forme vectorielle.

Il faut aller dans la palette des calques pour le supprimer. Dans la palette des calques, cliquez sur le petit + à la gauche du calque « Vector ». Dans le menu déroulant, fermez le calque de la forme, que vous verrez aussi sous le nom de "path " dans d'autres tutoriels.

Une fois le calque du chemin fermé (vous pouvez aussi le supprimer) il faut convertir le calque « vector »en calque « raster ». Un clic DROIT sur le calque vector et, dans la fenêtre qui ouvre, vous cliquez sur «convertir en calque raster»

  et, vous aurez ceci

Une fois votre texte converti en calque raster, vous pouvez le déplacer avec l'outil déplacement ou, avec les flèches du clavier ( voir dans trucs).

11. Si toutefois, vous désirez placer votre texte au bas de votre image, le truc le plus facile que j'ai trouvé, est de renverser le cercle.
Il faudra naturellement le repositionner à l'aide des flèches du clavier afin de laisser l'espace nécessaire au bas du design et puis de saisir votre texte.
Il suffira de positionner le curseur du texte, le plus près possible du noeud au bas du tracé.

Vous supprimez le cercle (tracé rouge) selon la méthode indiquée au no 10.

12. Vous voulez étirer votre texte... Facile avec l'outil déformation

Il faut se placer sur le calque du texte (dans la palette des calques) et, choisir l'outil déformation. Il vous suffit tout simplement d'étirer les noeuds comme on a vu plus haut.
Une fois satisfait avec vos modifications, il faut appliquer l'outil déformation et cliquez sur n'importe quel outil pour faire disparaître les noeuds..

14. Pour redresser le texte, on peut aussi lui faire une légère rotation de 1 ou 2 pixels vers la droite ou vers la gauche selon le besoin.

15. Vous pouvez ajouter de l'ombre portée à votre texte, (seulement si vous sauvegardez votre tag en .jpg). Si toutefois vous le sauvegardez en .gif transparent, évitez l'ombre.
Il est impossible de "joliment" sauvegarder un gif transparent auquel on a ajouté de l'ombre.

Il y aura une suite, sur d'autres manières de faire. À venir bientôt.

La suite ici

Retour à la page des tutoriels



copyright©Simplement psp ~ 2005-2011 ~