Graphismes 2D pour les programmeurs

L'outil de découpe revisité

Chris Hildenbrand

Traducteur

Alexandre Laurent

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

Commentez

- Titre : Graphismes 2D pour les programmeurs

- Auteur : Chris Hildenbrand

- Traducteur : Alexandre Laurent

- Parution : 3 janvier 2015

- Licence : 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.

Sommaire

- I. L'outil de découpe revisité

- II. Remerciements

- III. Commenter

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.

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

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

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

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

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

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

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

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),

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

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.

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

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

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

...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.

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

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

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

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

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

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).

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

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

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

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

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

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

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

Cela devrait donner quelque chose comme ça,

et le gestionnaire d'objets devrait ressembler à ceci.

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.