Graphismes 2D pour les programmeurs

L'outil de découpe revisité

Un nouveau tutoriel pour approfondir l'utilisation des masques de découpe.

1 commentaire Donner une note à l'article (5)

Article lu   fois.

Les deux auteur et traducteur

Traducteur : Profil ProSite personnel

Liens sociaux

Viadeo Twitter Facebook Share on Google+   

I. L'outil de découpe revisité

J'ai reçu quelques questions à propos de l'outil de découpe – notamment, car c'est un peu une souffrance de l'utiliser dans Inkscape et ce n'est pas non plus l'outil le plus facile à maitriser dans Adobe Illustrator.

J'utilise énormément les masques de découpe pour rapidement créer des ombrages et des motifs à l'intérieur des objets tout en gardant les formes – alors que l'intersection de chemins détruit les formes de base.

J'ai réalisé cette série de tutoriels avec Inkscape, Adobe Illustrator et CorelDraw. Je préfère la facilité de CorelDraw par rapport aux deux autres. Inkscape manque de quelques fonctionnalités-clés pour rendre les masques de découpe abordables pour l'utilisateur.

Prenons la simple balle ombragée et complexifions-la (par exemple, un avion cartoon que j'ai réalisé pour un autre tutoriel). Afin de réaliser l'ombrage du corps (la partie bleue sombre au-dessous de l'avion) ou les bandes blanches, vous devez créer des formes s'intercroisant pour couper les bandes blanches ou le corps plus clair afin de correspondre à la forme de base.

C'est bien plus rapide et facile de créer un masque de découpe et « lancer » une forme à l'intérieur – d'autant plus lorsque les formes deviennent plus complexes (par exemple, un motif floral d'un papier peint) – et cela vous permet même « d'annuler » l'action et de libérer la découpe.

Image non disponible
Image non disponible


Commencez avec une forme de base – dans ce cas, j'ai simplement créé un cercle. Image non disponible

Image non disponible


Faites-en une copie (c'est-à-dire, un duplicata avec Ctrl + D).

Image non disponible


Créez l'objet à faire entrer dans le masque de découpe (par exemple, un cercle plus clair Image non disponible), sélectionnez les deux objets,

Image non disponible


et créez le masque de découpe avec le menu Objet/Découpe/Définir.

Image non disponible


Cela créé une forme ressemblant à cela lorsque vous retirez le cercle de base pour voir le résultat.

Image non disponible


Contrairement à CorelDraw ou Adobe Illustrator, l'outil de découpe d'Inkscape est plus que limité. Par exemple, pour ajouter un contour à votre forme,

Image non disponible


cela nécessite un duplicata additionnel ou que votre forme de base doit être placée par-dessus.

Image non disponible


Afin de créer une découpe avec de multiples objets, construisez tous les « objets internes » en premier, dupliquez vos objets de base, mettez-les au-dessus (page suivante),

Image non disponible


et sélectionner tous les objets, désélectionnez l'objet du dessus et groupez le reste [Ctrl + G] avant de définir la découpe.

Image non disponible
Image non disponible

Travailler avec des masques de découpe est idéal pour ajouter des motifs aux formes ou un ombrage cartoon. Vous ne pouvez pas vraiment avoir des masques de découpe dans d'autres masques – vous pouvez obtenir la même chose avec les intersections.

Avoir des masques de découpe dans des masques de découpe est impossible dans Inkscape à ce que je sache (mais je peux me tromper). Afin de contourner ce problème, essayez et utilisez l'outil de Chemin/Intersection pour créer une forme correspondant à l'objet intérieur de base.

Image non disponible
Image non disponible


Commencez avec une forme de base – dans ce cas, j'ai simplement créé un cercle. Image non disponible

Image non disponible


Faites une copie de la forme (en faisant un copier-coller).

Image non disponible


Créez un objet pour aller dans le masque de découpe (j'ai juste créé un cercle plus clair) Image non disponible...

Image non disponible


...et créez le masque de découpe avec (Objet/Masque de découpe/Faire ou Ctrl + 7) avec les deux objets sélectionnés.

Image non disponible


Cela donne quelque chose comme ci-dessus dans le panneau des calques.

Image non disponible


Continuez à créer plus d'objets à mettre dans le masque de découpe...

Image non disponible


Et cela va donner quelque chose comme ça. En déplaçant les nouveaux chemins des objets sous l'objet de découpe,

Image non disponible


vous devriez obtenir qu'ils soient dans le masque de découpe.

Image non disponible


Note :
Une fois que vous sélectionnez le masque de découpe, vous pouvez lui donner une couleur et définir le trait.

Image non disponible
Image non disponible

Les masques de découpe sont idéaux pour ajouter des motifs aux formes ou faire un rapide ombrage style cartoon. Vous pouvez aussi superposer l'effet et avoir des masques de découpe dans d'autres masques de découpe.

Une fois que vous avez créé un clipart, vous pouvez travailler avec les objets à l'intérieur du clipart tout comme n'importe quel objet dans Illustrator (par exemple pour les arranger, pour les amener sur le devant ou les envoyer au fond de la pile des objets dans votre masque de découpe).

Image non disponible
Image non disponible


Commencez avec une forme de base – dans ce cas, j'ai simplement créé un cercle. Image non disponible

Image non disponible


Créez l'objet qui ira dans le PowerClip (j'ai simplement fait un cercle plus clair). Image non disponible

Image non disponible


Et utilisez la commande Effets/PowerClip/Placer dans le conteneur.

Image non disponible


Si le résultat ressemble à quelque chose comme ça, c'est que le paramètre de centrage de CorelDraw est encore activé.

Image non disponible


Changez-le dans Outils/Options (Ctrl + J) et sélectionnez l'espace de travail pour désactiver le paramètre de centrage automatique.

Image non disponible


Le PowerClip résultant ressemblera à ceci dans le gestionnaire d'objets.

Image non disponible


Créez des objets multiples, sélectionnez-les et placez-les dans un PowerClip.

Image non disponible


Cela devrait donner quelque chose comme ça,

Image non disponible


et le gestionnaire d'objets devrait ressembler à ceci.

Image non disponible
Image non disponible

Les masques de découpe sont idéaux pour ajouter des motifs aux formes ou faire un rapide ombrage style cartoon. Vous pouvez aussi superposer l'effet et avoir des masques de découpe dans d'autres masques de découpe.

Même si je pense que le résultat est plus immédiat dans les programmes autres qu'Inkscape, celui-ci permet d'obtenir le même résultat avec un peu de patience, des essais et des erreurs.

Bonne change et amusez-vous bien avec les vecteurs.

La barre d'outils de CorelDraw et Illustrator peut avoir légèrement changé comme je ne suis pas à jour sur ces deux programmes. J'utilise toujours CorelDraw 14 et Illustrator CS.

II. Remerciements

Cet article est une traduction autorisée de l'article paru sur 2D Game Art for programmers. Je remercie chaleureusement Chris Hildenbrand de nous avoir permis de le traduire.

III. Commenter

Vous pouvez commenter cet article ou présenter vos réalisations sur le forum.

Vous avez aimé ce tutoriel ? Alors partagez-le en cliquant sur les boutons suivants : Viadeo Twitter Facebook Share on Google+   

  

Les sources présentées sur cette page sont libres de droits et vous pouvez les utiliser à votre convenance. Par contre, la page de présentation constitue une œuvre intellectuelle protégée par les droits d'auteur. Copyright © 2015 Chris Hildenbrand. Aucune reproduction, même partielle, ne peut être faite de ce site et de l'ensemble de son contenu : textes, documents, images, etc. sans l'autorisation expresse de l'auteur. Sinon vous encourez selon la loi jusqu'à trois ans de prison et jusqu'à 300 000 € de dommages et intérêts.