Punch le noeud !

 

Pour débutants, curieux et néophytes.
Avec PSPX4,  mais facile à suivre avec les versions antérieures et pour en finir une fois pour toutes
sur le mystère des courbes avant et arrière du fameux noeud!

Création en vectoriel dans Paint Shop Pro.
Pour ceux qui le désirent, nous pourrons en faire aussi, une animation dans Animation Shop.

Ouvrir un dossier et le nommer, t1.

Voici le modèle pour la leçon.

Faire un clic droit sur l'image et l'enregistrer dans le dossier t1, en la nommant : modele.
La dimension de l'image est de :  500x400 pixels.
Les formes de couleurs différentes sont là pour nous aider à faire un tracé.

Pour une animation nette, parce qu'elle deviendra un GIF, si nous en faisons une animation,
et pour réduire les ko, nous utiliserons seulement des couleurs unies et des dégradées.
Nous ferons, sur certaines formes, des ombres portées, légères.
Mais vous pouvez prendre n'importe quel autre animal avec une forme simple, qui vous
inspire, en tapant dans un moteur de recherche les termes suivants : animaux coloriage.
 

Ouvrir l'image modele dans PSP.
Sélectionner l'outil main.
Dans la palette des textures : Définir sur Noir et blanc.

Faire Fenêtre et Dupliquer.
Fermer l'image modele en cliquant sur le x rouge de l'image.

Enregistrer la copie en PSP en la nommant : 1 dans le dossier t1
L'image 1 devient votre image de travail.

Dans la palette des calques. Le calque se nomme : Arrière-plan.
Un clic droit sur le calque et choisir : Transformer le calque d'arrière-plan. (calque raster)
Le nom du calque se nomme maintenant : Raster 1.

Dépendamment de la dimension de votre image (si vous l'avez pris sur le Web)
et même avec l'image modele, nous devons la redimensionner à 250 pixels de large.
(Peu importe la hauteur.)
Faire : Image et Redimensionner.


Dans la fenêtre de Redimensionner
(1) Redimensionner en Pixels.
(2) Dans les Paramètres avancés vérifier à ce que
(3) Réchantillonnage soit coché
(4) Optimal.
Plus net
(5) Verrouiller les proportions et Redimensionner tous les calques : coché.
(6) Dans la largeur, inscrivez 250.
La hauteur s'ajustera en proportion gardée de votre image.
OK

Sauvegarder en PSP.

Pour mieux travailler.
Sélectionner l'outil zoom et cliquer dans l'image jusqu'à 300%.

Maintenant il faut penser.
Tous les contours que vous voyez et qui sont en couleur seront faits en noir  
avec une largeur de trait de 3 pour la leçon.
Remarque :  mais vous pouvez  y placer une autre couleur.

Pour le remplissage des formes, il y aura une couleur  ou un dégradé de votre choix.
Donc, il faut imaginer notre animal avant de le créer!

 

À lire avant la deuxième vidéo, pour s'habituer aux termes.

 

Sélectionnez l'outil main et Définir sur Noir et blanc.
C'est pour se mettre au diapason.
Ouvrir un nouveau calque vectoriel et le nommer : corps. OK
Sélectionner l'outil Stylo.
Dans ses options. Dessiner point à point.
Connecter, Créer et Afficher les noeuds : coché
Style de ligne : Pleine
Largeur du trait : 3

Couleur de l'avant-plan : noir.
Arrière-plan : fermé.
Donc, nous aurons un contour sans remplissage.

Faire un clic sur l'angle dorsal du poisson.
Nous avons un premier noeud de départ (Start)
Faire un deuxième noeud sur le dessus de la tête. Pour le moment, c'est le noeud
de la fin (End).
Nous avons une ligne droite entre 2 noeuds.

Ici il faut être précis.
Faire un clic droit au centre du noeud.
Pas à côté, parce que l'on pourrait faire un autre noeud. (ce qui arrive de temps
en temps) Dans ce cas on annule la dernière opération.

En cliquant côté droit  au centre du noeud, nous avons une fenêtre déroulante.
Choisir:  Type de Noeud et Courbe avant.

Passez le curseur le long de la forme, vous verrez 2 petites flèches blanches
que l'on nomme aussi poigné.
Sélectionner la poigné et en la maintenant enfoncée, tirer vers le haut pour lui
donner de l'ampleur et l'ajuster a la forme du modèle.
On peut déplacer le noeud dans tous les sens et loin  de son départ.
Convertir le calque en raster.

N'oubliez pas de sauvegarder en PSP  pour la suite rocambolesque du petit poisson rouge.
Parce que dans la vidéo... je me suis fait couper le sifflet à la fin.

 

Pour bien comprendre ces manipulations.

- Le positionnement d'un calque, le glisser et son intensité.
- Le changement du non d'un calque.
- L'enregistrement d'une copie à différent stade de travail.

VIDEO 3

Sur notre image 1, zoom 100%,  nous avons 2 calques raster.
En partant du bas : Raster 1 et au dessus : corps.

Il y a deux façons de positionner un nouveau calque dans la hiérarchie.

(A) Sélectionner le calque corps.
Ouvrir un nouveau calque vectoriel et le nommer nag.
OK

Dans la palette des calques, sélectionner le calque et en maintenant
le curseur enfoncé (vous verrez une petite main,) glisser le calque nag,
sous le calque corps.

OU

Un nouveau calque s'ouvre toujours au-dessus d'un calque sélectionné.

(B) Sélectionner le calque Raster 1.
Ouvrir un calque vectoriel et le nommer nag.

et

Nous pouvons aussi ouvrir un calque vectoriel en utilisant directement
les outils vectoriels.
Exemple : En utilisant la forme vectorielle Ellipse et dessiner un cercle.
Dans la palette des calques, nous verrons que le nom du calque est Vectoriel 1.
On pourra à partir d'ici changer le nom.

 

Deux façons de changer le nom des calques.

(A) Dans la palette des calques, faire un clic dans le calque.
Écrire dans la lunette un nouveau mot.
Faire un clic, dans l'espace vide du calque, pour sauvegarder.

OU

(B) Faire un double clic dans le calque.
La fenêtre des propriétés du calque s'ouvrira.

Je vous suggère de toujours ouvrir Aperçu (flèche bleue)
et cocher la lunette d’Aperçu de l'image (flèche verte)
Et ce, pour toutes les fenêtres des propriétés de PSP
Écrire dans la lunette du nom, le nouveau mot.
OK

Sauvegarder en PSP.
Sélectionner OUI à la fenêtre d'invite.
Oui, pour garder actif le calque vectoriel.

Un clic sur la bordure en haut de l'image.
Faire Fenêtre et Dupliquer.
Fermer l'image 1.
Enregistrer en PSP la copie dans le dossier t1 en la nommant 2.

Nous avons dans la palette des calques 3 calques.
En partant du  bas nous avons un carlque raster : Raster 1.
Au-dessus, le calque nag, qui est un calque vectoriel, vide pour le moment.
Au-dessus, le calque corps qui est un calque raster.

 

C'est une leçon sur la base du noeud, la plus importante.
Si vous la comprenez à fond, le vectoriel n'aura plus de secret pour vous.

VIDEO 4

Ouvrir l'image 2.
Sélectionner l'outil Main et Définir sur Noir et blanc.
Faire un Zoom à 300%.
Sélectionner le calque corps pour l'activer et baisser son intencité autour de 50%
Ceci pour voir le tracé que l'on va faire et qui se trouve sous le poisson.
Sélectionner le calque vectoriel nag pour l'activer.
Sélectionner l'outil Stylo.
Dans les options, Dessiner point à point.
Style de ligne : pleine. Largeur du trait : 3.
Avant-plan : noir
Arrière-plan : Fermé.
Faire un premierd noeud à l'intérieur du poissson et suivre le tracé en courbant
les noeuds.
Fermer les contours sélectionné.

Ceci fait, ouvrir l'arrière-plan.
Choisir une couleur ou un dégradé de votre choix.
Dans les dégradés il y a une possibilité infinie de configurations.

Votre choix fait, faire un clic droit dans le calque nag et convertir le calque
en raster.

Sélectionner le calque corps.
Remettre la visibilité du calque corps à 100%
Nous allons faire la deuxième nageoire,  mais cette fois-ci, au dessus du calque corps.

Ouvrir un nouveau calque vectoriel.
Le nommer nag avant.
OK.
Avec l'outil Stylo.
Avant-plan : noir.
Arrière-plan : fermé
Tracez une forme en suivant la courbe de la nageoire.
Mais vous pouvez inventer vos formes.
Ouvrir l'arrière-plan et choisir une couleur ou un dégradé de votre choix.
Convertir le calque en calque raster.

Sélectionner le calque corps pour l'activer et baisser son intencité autour de 50%.
Ouvrir un nouveau calque vectoriel et le nommer : oeil
Avec l'outil Ellipse, Dessiner un cercle.
Style de Ligne : Pleine. Largeur du trait : 3.00.
Avant-plan : noir.
Arrière-plan : blanc.
Tracer un cercle de la grandeur de l'oeil.
En sélectionnant la ligne entre deux noeuds et en la maintenant enfoncé,
on peut déplacer la forme.
Faire un clic droit dans la forme et Appliquer.

Fermer l'avant-plan.
Arrière-plan : noir.

Tracer un autre cercle au centre de l'oeil plus petit. Il représente la pupille.
Encore ici, en sélectionnant la ligne entre deux noeuds et en la maintenant
enfoncé, on peut déplacer la forme dans l'orbite.

Le calque vectoriel oeil est composé deux sous calques.
Faire un clic droit dans le calque oeil et convertir en calque raster.

Sélectionner le calque corps et remettre l'intencité à 100%.
Sélectionner le calque oeil.

Avec l'outil sélectionner disposer l'oeil à l'endroit voulu.

Enregistrer en psp.

et le reste devient simple!

 

VIDEO 5

Ouvrir l'image 2.
Sélectionner l'outil main et Définir sur noir et blanc.
Nous avons 5 calques raster.
Sélectionner le calque Raster 1, clic droit sur le calque et Supprimer.
ou
Utiliser l'icône Supprimer.

Faire un zoom de 300 %
Il s'agit ici de décorer votre animal.
Exemple : Sélectionner le calque corps.
Forme prédéfinie.
Options.
Faire un clic dans la vignette des Formes.
Faire votre choix en cliquant une forme. Exemple ici c'est un soleil.
Conserv. style : pas coché.
Anticrénelage : coché.
Création vector : coché.
On ne s'occupe pas de Style de ligne et sa largeur, car nous fermerons l'avant-plan.
Avant plan : fermé
Arrière-plan : une couleur ou un dégradé. Exemple ici, c'est un jaune.
Tracer la forme et la centrer sous l'oeil.

Si la forme est trop grande ou trop petite.
Lorsqu'on aperçoit 4 flèches blanches avec un rectangle blanc au-dessus,
nous pouvons ajuster sa dimension en sélectionnant un coin et en maintenant,
élargir la forme ou la diminuer.
A tout moment on peut centrer la forme en sélectionnant le centre du calque.

Nous pouvons aussi faire une rotation de la forme, lorsqu'on appercoit 2 petites flèches
et en les maintenant faire une rotation.

Un clic droit sur le calque et convertir en raster.
Sélectionner le calque oeil et faire un clic droit.
Fusionner avec le calque de dessous.

Un petit point important.
Ouvrir un nouveau calque raster au-dessus de l'oeil. Pas besoin de le nommer.
Avant-plan : blanc
Avec l'outil pinceau.
Options
Forme ronde ou carré et ces configurations.


Faire un clic au centre de l'oeil.
Vous pouvez aussi le déphaser un peu ce qui donne un autre regard.

Ici vous pouvez personnaliser votre animal en ajoutant d'autres calques vectorielles,
et les convertir en raster.

Très important. Avant de fusionner et pour garder les calques telle qu'ils sont, il est
préférable d'ennregistrer en PSP.

Faire Fenêtre et Dupliquer.
Fermer l'image 2
Enregistrer la copie en PSP dans le dossier 1t en la nommant 3.
Faire un clic droit sur un calque et Fusionner Calques visibles.
Avec l'outil Zoom, mettre en taille réelle.
Voici un exemple de poisson terminé.
 

 

VIDEO 6

Nous allons changer la taille du support pour avoir une vue d'ensemble d'un nouvel
environnement.
Faire Image, Taille du support. Largeur : 400 Hauteur : 200.
( cette configuration est pour l'image modèle.
Si votre image fait en hauteur plus de 200, exemple 230, vous devrez écrire dans
la hauteur 230.)
Dans tous les cas c'est la largeur de 400 qui compte.
Emplacement : Gauche, centre. OK

Ouvrir un nouveau calque raster et le nommer fond1.OK
Glisser le calque sous le calque du poisson.
Avec l'outil de remplissage, le remplird'une couleur unie de votre choix.
Dans l'exemple, c'est blanc.

Ouvrir un nouveau calque vectoriel et le nommer : cadre
Forme : Rectangle.
Options
Mode Rectangle  et ces configurations.

Avant-plan : la couleur de votre choix.
Arrière-plan : Fermé.
Tracer un rectangle à vue d'oeil.
Pour centrer le calque, sélectionner le sous-calque vectoriel, clic droit.
Aligner les objets, Centrer sur le support.
Convertir en calque raster.
Nous pouvons, en sélectionnant le calque de l'animal le repositionner s'il y a lieu.

Nous allons ajouter un texte court à droite.
Sélectionner le calque cadre.
Ouvrir un nouveau calque raster et le nommer texte.
Sélectionner l'outil texte et faire un clic dans l'image.
Taper : Bonjour.
Important : Sélectionner le texte.
Avant-plan : Fermé
Arrière-plan : la couleur de votre choix.

Choisir une police.Choisir la taille.
Unités en point et vous pouvez formater. (Gras, incliné...)

Lorsque terminé, Appliquer le changement.
Faire Sélection et ne Rien sélectionner.
On peut maintenant déplacer le texte.

Ouvrir un autre calque ordinaire et le nommer alias.
Avec l'outil texte, configurez. Comme nous l'avons fait plus haut.

Avec l'outil Déplacer, ajuster la composition.

Sauvegarder en PSP.

Faire Fenêtre et Dupliquer.
Fermer l'image 3.
Enregistrer la copie dans le dossier 1t et la nommer : 4
Sélectionner le calque alias.
Clic droit et Fusionner avec le calque de dessous.

Faire Effet, 3D, Ombre portée.
Décalage Vertical et Horizontal : -1 Opacité : 20 Flou : 2.00 Couleur : noir.
Ombre sur le nouveau calque : pas coché. OK
Sauvegardé en PSP

Faire Fenêtre et Dupliquer.
Fermer l'image 4.
Enregistrer la copie dans le dossier 1t et la nommer : 5
On pourrais ici ajouter d'autres éléments, fait en vecotriel et exporter l'image
en GIF, JPEG et PNG.

 

VIDEO 7

Préparation de l'animation.

Ouvrir l'image 5.
Sélectionner l'outil main et Définir sur Noir et blanc.
Nous avons trois calques.
En partant d'en bas : le fond blanc, le cadre et le poisson.
Sélectionner le calque du poisson et changer le nom, pour : a1
Sélectionner le calque cadre. (qui comprend aussi le texte.)
Clic droit et Fusionner avec le calque de dessous.
Nous avons maintenant deux calques : fond1 et a1.

Très important ici de bien nommer les calques.

Sélectionner le calque fond1, clic droit et dupliquer le calque.
Renommez la copie : f2.

Clic droit sur le calque f2 et dupliquer.
Renommez la copie : f3

Clic droit sur le calque f3 et dupliquer.
Renommez la copie : f4

Clic droit sur le calque f4 et dupliquer.
Renommez la copie : f5

Clic droit sur le calque  f5 et dupliquer.
Renommez la copie : f6

Nous avons 7 calques.
6 calques (fond blanc avec texte et cadre)et en haut de la pile, le calque a1 (le poisson )

Sauvegarder en PSP.

Sélectionner le calque a1 (le poisson) clic droit  et dupliquer le calque.
Renommer la copie : a2.

Clic droit sur le calque et dupliquer le calque.
Renommer la copie : a3

Clic droit sur le calque et dupliquer le calque.
Ainsi de suite jusqu'a : a6

Dans la palette des calques nous avons maintenant 12 calques.
En partant du bas, le calque fond1, f2, f3, f4, f5, f6 et au-dessus
les calques a1, a2, a3, a4, a5, a6.

Fermer la visibilité de tous les calques à l'exception de a6.

Sélectionner l'outil Zoom, augmenter à 300 % et centrer le sujet  pour bien travailler.

Sauvegarder en PSP.

Sélectionner le calque a6
Sélectionner l'outil Grille Déformante.
Options

Effleurer la forme 5 ou 6 fois à des endroits différents.
Comme une ondulation.

Ceci fait!

Sélectionner l'outil pinceau
Option
Forme : Ronde ou Carré, Taille : 3
Avant-plan. Une couleur qui contraste avec l'animal.
Dans l'exemple c'est blanc.
Cliquer à 6 endroits dans l'animal d'une façon aléatoire.
Fermer la visibilité du calque a6.

Sélectionner le calque a5 et ouvrir sa visibilité.

Sélectionner l'outil Grille Déformante.
Effleurer le contour du poisson différemment du calque précédent

Avec l'outil Pinceau, faire six petits points avec une couleur différente.
Exemple ici : jaune, en les plaçant différemment du calque précédent.
Fermer la visibilité du calque a5


Sélectionner le calque a4 et ouvrir sa visibilité.
Sélectionner l'outil Grille Déformante.
Effleurer le contour du poisson différemment du calque précédent

Avec l'outil Pinceau, faire six petits points d'une autre couleur en les plaçant
différemment du calque précédent.
Fermer la visibilité du calque a4

Ainsi de suite, en répétant les mêmes opérations jusqu'au calque a1 inclusivement.

Rendre visibles tous les calques.

Sauvegarder en PSP.

Zoom en taille réelle

Faire : Fenêtre, Dupliquer.
Fermer l'image 5.
Enregistrer la nouvelle copie dans le dossier t1 et la nommer 6animation.
Ici, nous allons fusionner un poisson et un fond.

Sélectionner le calque a1 et le glisser au-dessus du calque fond1.
Clic droit sur le calque et fusionner avec le calque de dessous.

Sélectionner le calque a2 et le glisser au-dessus du calque f2
Clic droit sur le calque et fusionner avec le calque de dessous.

Sélectionner le calque a3 et le glisser au-dessus du calque f3
Clic droit sur le calque et fusionner avec le calque de dessous.

Ainsi de suite pour les autres calques.
Nous aurons 6 calques.
En partant du bas : fond 1, f2, f3, f4, f5, f6

Important, vérifier  à ce que tous les calques soient visibles.

Sauvegarder en PSP.

 

Dans Animation Shop

VIDEO 8  

 

 

Ouvrir Animation Shop
Faire File, Open, retrouver le dossier t1, sélectionner l'image 6animation. Ouvrir

Nous avons la Fenêtre des Frames.
Ouvrir  la fenêtre d'animation: View Animation.

Voici le comportement avec une durée de temps de 10 pour chaque frame.

Sélectionner la fenêtre des Frames.
Faire : Edit, Select All.
Faire un clic droit sur la bordure du Frame.
Choisir Frame Properties.

Dans le Display time, augmenter ou diminuer la valeur.
Plus le chiffre est bas, plus l'animation est vite.
Exemple ici, nous allons placer 20, pour une animation plus lente. OK
On peut voir le comportement de nos configurations immédiatement
dans la fenêtre d'animation.
À vous, de configurer votre display time.

Sélectionner la fenêtre de l'animation.

Hé hé hé c'est la dernière opération!
Sauvegarder votre GIF animé et le nommer comme il vous convient.


Accueil

Paint Shop Pro vectoriel