Signature 1


VIDEO 1


Ouvrir un dossier et le nommer : signature_1
Ouvrir une image de 200 x 50 pixels.
Arrière-plan : Raster : coché. Transparent : coché. OK

Dans la barre d'outils, sélectionner l'outil Main.
Dans Styles et textures, définir sur noir et blanc.
Il est bon de faire ces deux dernières actions chaque
fois qu'on commence un travail pour mettre au neutre.


Sélectionner l'outil Zoom et augmenter 300%.
Faire un clic sur le calque qui se nomme : Raster 1
Renommer le calque : rouge.
Nous pouvons aussi faire 2 clics sur le calque ce qui ouvrira la
FenêtrePropriétés du calque et inscrire dans la lunette du nom,
le mot rouge, en laissant les autres configurations par défaut.


Dans la barre d'outils, sélectionner l'outil texte.
Dans Styles et textures, Avant-plan : fermé.
En arrière-plan, choisir le rouge de base. #ff0000. OK.

Faire un clic au centre de l'image.
Nous avons la fenêtre texte. Taper votre signature.
Mémoriser le texte : coché. Pour garder ce texte en mémoire
lors d'une autre utilisation.

Important. Surligner le texte.
Il doit être ombragé en bleue pour que les configurations que nous
allons appliquer soient prises en charge.


Dans les sous options.
Police : Choisir une police. Dans l'exemple : Comic Sans MS
Taille : 30
Unités : Pixels
Style de police : B (gras) et incliné
Alignement : centre.
Direction : la flèche vers la droite.
Anticrénelage : Net.
Création : Flottant

Il y a d'autres configurations importantes à connaitre, comme
le crénage . Les espaces entre les lettres.
Sous Crénage, inscrire : 200
Sous Suivi inscrire : 0
Pour diminuer les espaces entre les lettres, diminuer le crénage.
Pour augmenter le crénage, mettre une variable plus haut.
Ceci fait : Appliquer.

Nous avons une sélection flottante.
Ouvrir un nouveau calque Raster.
Le nommer bleu avec les configurations par défaut. OK
Une sélection flottante se joue toujours sur le calque sélectionné.
Ouvrir l'avant-plan, choisir le bleu de base. OK.
Sélectionner l'outil pot de peinture et remplir chacune des lettres
avec ce bleu.

Ouvrir un nouveau calque raster et le nommer : vert. OK.
La sélection est toujours flottante et en vigueur sur le nouveau calque.
Changer la couleur d'avant-plan par le vert de base. OK.
Avec l'outil pot de peinture remplir chacune des lettres avec ce vert.

Ouvrir un nouveau calque raster et le nommer jaune. OK.
Changer la couleur d'avant-plan par le jaune de base. OK.
Avec l'outil pot de peinture remplir les lettres avec ce jaune.
Remarque : il nous est possible de remplir les lettres avec un
dégradé ou un motif.

Dans la barre de menue : Sélection, Désélectionnet tout.
Nous avons donc 4 calques avec le même texte, de couleurs différentes.

Sélectionner l'outil Recadrer.
Recadrer juste ce dont nous avons besoins en laissant quelques
pixels libres de chaque côté.
Appliquer.

L'Interligne.
Nous avons ici un texte sur 3 lignes.
Important le texte est souligné.
Police : Comic Sans Ms.   Ou autre
Taille : 20.
Le Crénage est à 125 et le Suivi est à 0.
Nous pouvons le cas échéant augmenter l'interligne.
Exemple en augmentant l'interligne à 1.000 ou à 2.000.
Pour diminuer : diminuer la valeur.
Nous pouvons personnaliser l' interligne en tapant dans la lunette
une autre valeur.
Exemple : 0.500
Exemple : 0.800
Exemple : 0.150
En augmentant le Suivi nous avons un très grand espace entre
les lettres. Tout dépend du travail que nous voulons faire.
Nous pourrions remplir les lettres de différentes couleurs,
dégradé ou motif.


Nous pourrions maintenant enregistrer en psp l'image avec les 4 calques
et l'ouvrir dans Animation Shop pour en faire une animation.
Mais, pour faire un beau GIF animé, je vous suggère fortement de le
préparer dans Paint Shop Pro avant de l'ouvrir dans Animation Shop.

Le secret est de connaitre d'avance la couleur du fond de page sur
laquelle sera le GIF transparent.
Exemple pour une page d'un site Web ou pour un courriel.

Ce qu'il faut comprendre.
Autour d'un GIF, il y a toujours des pixels semi-transparents.
Il faut donc les supporter avec une couleur.
Nous choisirons donc la couleur du fond de page.
Le fond de page pourrait être aussi un motif.
Dans ce cas-ci, il faut trouver une teinte qui s'apparente à la trame
du motif.

Il y a toujours un passe partout.
Ce serait de choisir un gris pâle ou foncé.

Pour la leçon nous allons choisir le turquoise de base.
Remarque si vous choisissez une couleur personnalisée,
prendre en note le code HTML de la couleur pour mettre
cette même couleur comme fond de page dans l'éditeur
de page Web ou  pour un courriel.
 


 


Sur notre image de signature comprenant 4 calques.
Fermer la visibilité des calques rouge, bleu et vert.
Sélectionner le calque jaune.
Fichier, Exporter, Exporter en GIF optimisé.
Sélectionner : Utiliser l'assistant.
Cocher : Existant.
Suivant.

Quelle est la couleur de l'arrière-plan? Un clic dans la fenêtre de couleur.
C'est ici que tout se joue!
Sélectionner le turquoise de base. OK.
Suivant

Qualité optimale.
Suivant

Oui, utiliser les couleurs Web uniquement.
Suivant
Nous voyons très bien autour de la signature une fine ligne turquoise
et le fond de l'image est transparent.

Terminer
Trouver votre dossier. Nommer l'image : 1_jaune.
Enregistrer.

Fermer la visibilité du calque jaune.
Ouvrir le calque vert et le sélectionner.
Fichier Exporter, GIF Optimisé.
Comme nous avons déjà optimisé la couleur dans l'assistant il  a
gardé en mémoire la couleur, nous pouvons ici faire
OK

Nommer l'image : 2_vert.
Enregistrer.

Fermer la visibilité du calque vert.
Ouvrir le calque bleu et le sélectionner.
Fichier, Exporter, GIF Optimisé. OK

Nommer l'image : 3_bleu.
Enregistrer.

Fermer la visibilité
du calque bleu.
Ouvrir le calque rouge et le sélectionner.
Fichier Exporter, GIF Optimisé. OK

Nommer l'image : 4_rouge.
Enregistrer.
 

VIDEO 3


Ouvrir Animation Shop.
Ici le logiciel est en anglais, mais vous saurez reconnaitre
facilement les commandes.


Sélectionner l'icône Animation Wizard
Same size as the first image frame : coché.
Suivant
Transparent : coché
Suivant.

Upper left corner of the frame : coché
With the canvas color : coché
Suivant
Yes, repeat the animation indefinitely : coché
Si vous préférer que l'animation s'arrête après un certain temps ,
sélectionner Play it et choisir le nombre de fois qu'elle jouera.

Dans l'exemple, c'est Yes repeat indefinitely.
La deuxième fenêtre indique la vitesse de l'animation.
Par défaut c'est 10.
Suivant.
Un clic sur Add Image. Retrouver votre dossier.
Sélectionner les 4 images.
Ouvrir.
Il se pourrait que les images ne soient pas dans l'ordre.
Il suffit de les placer en modifiant leur chronologie.

Move up ou move down.
Nous pouvons aussi enlever une image et en rajouter.
Suivant
Terminer

Nous avons ici la fenêtre des Frames.
Nous avons 4 frames.
Pour voir l'animation en action sélectionner l'icône View Animation
Voici le résultat des configurations sur l'animation.

Si vous trouvez que l'animation joue trop vite, nous pouvons
facilement changer la cadence.
Remarquons dans la fenêtre des Frames, le premier frame est entouré
de bleu ce qui indique qu'il est sélectionné.
Avec la touche Ctrl enfoncée et en la maintenant, faire un clic dans
les autres frames pour toutes les sélectionner.
Ils auront tout un contour bleu.

Faire un clic droit sur la bordure de fenêtre des Frames.
Dans la liste déroulante, choisir Frame Properties.
Placer une valeur de 20.OK.
L'animation joue plus lentement.

Pour la jouer plus vite.
Un clic droit sur la bordure de la fenêtre des Frames, Frame Properties.
Placer une valeur de 5. OK
L'animation joue plus vite.
Ici je replace à 10. Libre à vous.

Nous pourrions aussi en sélectionnant un frame à la fois placer
une valeur différente pour chaque frame.
Il faut tester ;)

Pour enregistrer l'animation.
Sélectionner la fenêtre de l'Animation.
File, Save as.
Nommer votre animation.
Je vous suggère de nommer vos animations avec le préfixe de (an).
Exemple ici : an_signature1
Enregistrer.

Vérifions le comportement de l'animation dans un courriel.
L'animation est impeccable sur un fond turquoise.
Modifions la couleur de fond de page pour un rouge.
Nous pouvons voir ici un contour irrégulier de pixels turquoise.
Modifions pour la couleur noir.
Concluant, n'est-ce pas?

Optimisé en turquoise pour un fond turquoise

Optimisé en turquoise sur un fond rouge

Optimisé en turquoise sur un fond noir

Optimisé en gris
passe-partout.

 


La classe du samedi

Accueil

Signature 2