Étape 1: Sélectionnez L’outil Stylo
Comme je l’ai mentionné, vous pouvez créer des formes personnalisées dans Photoshop en utilisant les outils de forme de base comme L’outil Rectangle ou Ellipse, mais essayez de tracer notre homme en pain d’épice avec ces outils et vous voudrez probablement Ce dont nous avons vraiment besoin, c’est de L’outil Stylo, alors sélectionnez-le dans la palette Outils:
Vous pouvez également sélectionner L’outil Stylo en appuyant sur la lettre P de votre clavier.,
Étape 2: Sélectionnez L’option « Calques de Forme » Option Dans La Barre d’Options
Avec l’Outil Plume sélectionnée, regardez dans la Barre d’Options en haut de l’écran. Sur la partie gauche, vous verrez un groupe de trois icônes:
Ces icônes représentent ce que vous pouvez faire avec l’Outil Plume., L’icône à droite est grisée, et c’est parce qu’elle n’est disponible que lorsque nous avons sélectionné l’un des outils de forme de base (L’outil Stylo et les outils de forme partagent la plupart des mêmes options dans la barre D’Options). Comme nous l’avons vu dans notre tutoriel « faire des sélections avec L’outil Stylo », l’icône au milieu est utilisée lorsque nous voulons dessiner des chemins, mais ce n’est pas ce que nous voulons faire ici., Nous voulons utiliser l’Outil Plume pour dessiner des formes, et pour cela, nous avons besoin de sélectionner l’icône sur la gauche, qui est la Forme de couches icône:
l’option « calques de forme » est sélectionnée par défaut chaque fois que vous prenez L’outil Plume, vous n’aurez donc probablement pas besoin de le sélectionner vous-même. C’est une bonne idée de vérifier et assurez-vous qu’il est sélectionné avant de commencer à dessiner votre forme.
je dois souligner ici qu’il n’y a pas de différence entre dessiner des chemins avec L’outil Stylo et dessiner des formes avec lui., Les deux sont créés exactement de la même manière, en cliquant pour ajouter des points d’ancrage, puis en faisant glisser les poignées de direction si nécessaire pour créer des segments de chemin droits ou courbes (encore une fois, consultez notre tutoriel faire des sélections avec L’outil Stylo si vous n’êtes pas familier avec ces termes). En fait, que vous dessiniez » officiellement » des formes ou des chemins, vous dessinez des chemins. La différence est qu’avec les formes, Photoshop remplit le chemin de couleur, même lorsque vous le dessinez, ce qui nous permet de voir la forme.
cela va en fait créer un peu de problème pour nous, comme nous le verrons dans un instant.,
Étape 3: Commencez à dessiner votre forme
maintenant que nous avons l’outil Stylo sélectionné avec l’option « calques de forme » dans la barre D’Options, nous pouvons commencer à tracer autour de l’objet. Je vais commencer par tracer autour du haut de l’homme en pain d’épice, en cliquant avec L’outil Stylo pour placer des points d’ancrage et en faisant glisser les poignées de direction pour créer des segments de chemin incurvés autour du côté et du haut de sa tête. Nous pouvons voir les points d’ancrage et les poignées de direction dans la capture d’écran ci-dessous, mais notez que nous avons également un peu de problème., Photoshop remplit la forme avec la couleur de premier plan (la mienne est actuellement définie sur noir) lorsque je la dessine, bloquant l’homme en pain d’épice de la vue:
Nous allons résoudre ce problème ensuite.
Étape 4: abaissez l’opacité du calque de forme
Pour résoudre le problème de Photoshop bloquant notre objet de la vue pendant que nous essayons de le tracer, accédez simplement à votre palette de calques et abaissez l’opacité du calque de forme., Nous pouvons voir ici dans ma palette de calques que j’ai actuellement deux calques – le calque D’arrière-plan en bas qui contient ma photo de gingerbread man, et le calque de forme au-dessus, nommé « Shape 1 ». Je peux dire que le calque de forme est sélectionné car il est surligné en bleu, donc pour réduire son opacité, tout ce que je dois faire est de monter dans L’option opacité dans le coin supérieur droit de la palette Calques et de baisser la valeur. Je vais définir mon opacité à environ 50%:
maintenant que j’ai abaissé l’opacité du calque de forme, je peux voir mon homme en pain d’épice facilement à travers la couleur de forme, ce qui va rendre beaucoup plus facile de continuer à tracer autour de lui:
Étape 5: continuer à tracer l’objet
avec l’homme en pain d’épice maintenant visible à travers la couleur de la forme, je peux continuer à tracer autour de lui avec L’outil Stylo jusqu’à ce que j’ai terminé ma forme initiale:
Si je regarde le calque de forme dans ma palette Calques, je peux maintenant voir la forme de l’homme de pain d’épice clairement défini:
jusqu’ici, tout va bien., Nous avons tracé autour de la forme de base de l’objet, et selon la forme que vous utilisez, cela peut être suffisant. Dans mon cas cependant, ma forme d’homme en pain d’épice a besoin d’un peu plus de détails. À tout le moins, je pense que nous devrions inclure ses yeux et sa bouche dans la forme, et probablement même son nœud papillon et les deux gros boutons en dessous. Alors, comment ajouter ces détails à la forme? Simple. Nous n’avons pas! Nous les soustrayons de la forme!
nous verrons comment faire cela ensuite!
Étape 6: Sélectionnez L’Outil Ellipse
commençons avec ses yeux., Nous pourrions sélectionner ses yeux avec L’outil Stylo si nous le voulions, mais comme ils sont ronds, nous pourrons les sélectionner plus facilement en utilisant L’outil Ellipse. Sélectionnez L’outil Ellipse dans la palette Outils., Par défaut, il est caché derrière l’Outil Rectangle, alors cliquez sur l’Outil Rectangle, puis maintenez le bouton de la souris enfoncé pendant une seconde ou deux jusqu’à ce que le menu contextuel s’affiche, puis sélectionnez l’Outil Ellipse de la liste:
Étape 7: Sélectionnez L’Option « soustraire de la zone de forme »
avec L’outil Ellipse sélectionné, recherchez dans la barre D’Options et vous verrez une série d’icônes regroupées qui ressemblent à de petits carrés combinés de différentes manières. Ces icônes nous permettent de faire des choses comme ajouter une nouvelle forme à la forme actuelle, soustraire une forme de la forme actuelle, ou croiser une forme avec une autre. Cliquez sur la troisième icône à partir de la gauche, qui est L’icône soustraire de la zone de forme:
Étape 8: Faites glisser les formes pour les soustraire de la forme initiale
maintenant que l’option « soustraire de la zone de forme » est sélectionnée, nous pouvons commencer à ajouter de petits détails à notre forme en découpant essentiellement des trous. Je vais commencer par faire glisser une forme elliptique autour de son œil gauche:
lorsque je relâche le bouton de la souris, la forme elliptique autour de l’œil est instantanément soustraite, ou « découpée », de la forme initiale, créant un trou pour l’œil., L’œil gauche de l’image originale sur le calque d’arrière-plan ci-dessous, il est maintenant visible à travers le trou:
je vais faire la même chose pour l’œil droit. Tout d’abord, je vais glisser une forme elliptique autour d’elle:
et dès que je relâche mon bouton de la souris, un deuxième trou rond est découpé de la forme initiale, créant le deuxième œil, permettant à nouveau à l’image originale en dessous de montrer à travers:
étant donné que les deux boutons sous son nœud papillon sont également ronds, je peux également utiliser L’outil Ellipse pour les découper de ma forme. Tout d’abord, je vais glisser une forme autour du bouton du haut:
relâcher mon bouton de la souris soustrait la forme de la forme initiale, créant un trou pour le bouton et permettant à l’image ci-dessous de s’afficher:
et maintenant je vais faire la même chose pour le bouton du bas, en faisant d’abord glisser ma forme autour:
Et quand je presse mon bouton de la souris, un quatrième trou est créé dans la forme initiale:
Si je regarde la vignette d’aperçu de mon calque de forme dans la palette des calques à ce stade, je peux voir les deux trous pour les yeux et les deux trous pour les boutons que j’ai découpés dans la forme:
Nous allons revenir à L’outil Stylo pour ajouter les détails restants à la forme suivante!
Étape 9: soustrayez tous les détails restants de la forme à l’aide de L’outil stylet
je vais revenir à mon outil stylet à ce stade parce que j’ai quelques détails supplémentaires que je veux ajouter à ma forme que je ne pourrai pas sélectionner avec L’outil Ellipse.,
je veux ajouter sa bouche à la forme, ainsi que son noeud papillon, donc avec mon outil Stylo sélectionné et l’option « soustraire de la zone de forme » toujours sélectionnée dans la barre D’Options, je vais simplement tracer autour de sa bouche et de son noeud papillon pour les soustraire de ma forme initiale de pain d’épice.
ici, nous pouvons voir les chemins que j’ai tracés autour d’eux, ainsi que l’image originale de gingerbread man montrant à travers les trous que j’ai créés:
terminons notre forme de pain d’épice en soustrayant ces rangées de sucre glace de ses bras et de ses jambes. Encore une fois, je vais utiliser L’outil Stylo pour cela. Ici, je dessine un chemin autour du sucre glace le long de son bras gauche, et nous pouvons voir la forme du sucre glace découpée de la forme initiale au fur et à mesure:
je vais finir de tracer autour de celui-ci, puis tracer autour des trois autres aussi bien jusqu’à ce que les quatre rangées de sucre glace ont été soustraites de ma forme initiale:
Si nous regardons à nouveau la vignette du calque de forme dans la palette des calques, nous pouvons voir plus clairement que les quatre rangées de sucre glace, ainsi que ses yeux, sa bouche, son nœud papillon et ses boutons, ont maintenant été découpés de la forme:
à ce stade, je dirais que la forme Gingerbread man est complète!, Nous avons utilisé L’outil Stylo pour tracer autour de l’extérieur de lui, créant notre forme initiale, puis nous avons utilisé une combinaison de L’outil Stylo et de L’outil Ellipse, ainsi que l’option « soustraire de la zone de forme », pour découper tous les petits détails de la forme.,
Étape 10: augmentez L’opacité du calque de forme à 100%
maintenant que nous avons terminé de tracer les différentes parties de notre objet, nous n’avons plus besoin de voir l’image d’origine à travers la forme, alors revenez à L’option opacité dans le coin supérieur droit de la palette des calques et de la couche de forme à 100%.,
je vais également masquer temporairement mon calque d’arrière-plan en cliquant sur son icône de visibilité de calque (l’icône « globe oculaire ») afin que nous puissions voir juste la forme par elle-même sur un arrière-plan transparent. Vous n’avez pas besoin de masquer votre calque d’arrière-plan si vous ne le souhaitez pas. Je ne fais cela que pour nous permettre de voir plus facilement la forme elle-même:
avec mon image originale sur le calque D’arrière-plan maintenant masquée et la valeur d’opacité de mon calque de forme ramenée à 100%, voici la forme d’homme en pain d’épice que j’ai créée:
Après tout ce travail, nous avons notre forme! Nous ne sommes pas fait encore bien. Nous devons encore le Définir comme une forme personnalisée, et nous verrons comment le faire ensuite!,
étape 11: définir la forme en tant que Forme personnalisée
pour définir notre forme en tant que Forme personnalisée, assurez-vous d’abord que votre calque de forme est sélectionné dans la palette Calques. En outre, vous devrez vous assurer que la vignette d’aperçu du calque de forme est sélectionnée. Vous pouvez dire qu’il est sélectionné car il aura une bordure de surbrillance blanche autour de lui, et vous pourrez également voir les contours de votre chemin autour de votre forme dans le document., Si la vignette d’aperçu n’a pas de bordure de surbrillance et que vous ne pouvez pas voir les contours de votre chemin, cliquez simplement sur la vignette pour la sélectionner:
Remarque: Si vous avez besoin de masquer les contours du chemin autour de votre forme, cliquez à nouveau sur la vignette d’aperçu du calque de forme pour la désélectionner.,
lorsque le calque de forme et sa vignette d’aperçu sont sélectionnés, accédez au menu Édition en haut de l’écran et sélectionnez Définir une forme personnalisée:
Photoshop affichera la boîte de dialogue Nom de la forme, vous demandant d’entrer un nom pour votre forme. Je vais appeler ma forme « Gingerbread Man »:
Cliquez sur OK lorsque vous avez terminé de quitter la boîte de dialogue, et votre forme personnalisée est maintenant prête pour l’action!, Vous pouvez fermer votre document Photoshop à ce stade puisque nous avons terminé de créer et d’enregistrer notre forme. Maintenant, nous allons voir où le trouver et comment l’utiliser!
étape 12: ouvrir un nouveau document Photoshop
ouvrez un nouveau document Photoshop vierge en accédant au menu fichier en haut de l’écran et en choisissant Nouveau…. Cela fait apparaître la boîte de dialogue Nouveau Document. Pour les besoins de ce tutoriel, vous pouvez choisir la taille de votre document. Je vais choisir 640×480 pixels dans le menu préréglé:
étape 13: sélectionnez L’outil Forme personnalisée
lorsque votre nouveau document Photoshop vierge est ouvert, sélectionnez L’outil Forme personnalisée dans la palette Outils. Par défaut, il est caché derrière l’Outil Rectangle, alors cliquez sur l’Outil Rectangle, puis maintenez le bouton de la souris enfoncé pendant une seconde ou deux jusqu’à ce que le menu contextuel s’affiche, puis sélectionnez l’Outil Forme Personnalisée de la liste:
étape 14: Sélectionnez votre forme personnalisée
avec l’outil de forme personnalisée sélectionné, faites un clic droit (Win) / Control-click (Mac) n’importe où dans votre document Photoshop. Vous verrez apparaître la boîte de sélection de forme, vous permettant de sélectionner l’une des formes personnalisées actuellement disponibles. La forme que vous venez de créer apparaît comme la dernière forme dans la boîte de sélection. Cliquez simplement sur sa petite vignette pour la sélectionner:
étape 15: faites glisser votre forme
avec votre forme personnalisée sélectionnée, cliquez simplement à l’intérieur du document et faites glisser la forme!, Pour limiter les proportions de la forme pendant que vous faites glisser afin de ne pas déformer accidentellement l’apparence de celle-ci, maintenez votre touche Maj enfoncée pendant que vous faites glisser. Vous pouvez également maintenir votre touche Alt (Win) / Option (Mac) enfoncée si vous souhaitez faire glisser la forme à partir de son centre. Si vous devez repositionner votre forme pendant que vous faites glisser, maintenez simplement votre barre d’espace enfoncée, faites glisser la forme dans son nouvel emplacement, puis relâchez votre barre d’espace et continuez à faire glisser la forme.,
Comme vous le faites glisser la forme, vous verrez seulement le chemin de base contour de la forme d’apparaître:
lorsque vous êtes satisfait de la taille et de l’emplacement de la forme, relâchez simplement le bouton de votre souris et Photoshop remplit la forme avec votre couleur de premier plan actuelle (la mienne est définie sur noir):
Nous allons terminer les choses en regardant comment changer la couleur de notre forme, ainsi que comment la redimensionner et la faire pivoter, ensuite!
étape 16: Double-cliquez sur la vignette du calque de forme pour changer la couleur de la forme
Vous n’avez pas à vous soucier de la couleur de votre forme lorsque vous la faites glisser et l’ajoutez à votre document. Photoshop remplira automatiquement la forme avec la couleur que vous avez actuellement sélectionnée comme couleur de premier plan, mais si vous souhaitez changer la couleur de la forme à tout moment, double-cliquez simplement sur la vignette du calque de forme., Pas la vignette d’aperçu de forme à droite (qui est techniquement appelée vignette de masque vectoriel). Vous voulez la vignette sur la gauche, celle qui ressemble à un échantillon de couleur avec une petite barre de curseur en dessous. Double-cliquez dessus pour changer la couleur de la forme:
cela fera apparaître le sélecteur de couleurs de Photoshop. Choisir une nouvelle couleur pour votre forme avec le Sélecteur de Couleur., Je vais choisir une couleur brune pour mon bonhomme de pain d’épice:
Cliquez sur OK lorsque vous avez terminé pour quitter le Sélecteur de Couleur, et la nouvelle couleur est appliquée à votre forme:
Vous pouvez changer la couleur de votre forme quand vous en avez besoin, et autant de fois que vous le souhaitez!
étape 17: redimensionner la forme si nécessaire avec Free Transform
La couleur n’est pas la seule chose dont vous n’avez pas à vous soucier avec les formes., L’une des grandes choses à propos de travailler avec des formes dans Photoshop est qu’ils utilisent des vecteurs au lieu de pixels, ce qui signifie que vous êtes libre de changer la taille d’entre eux whenenever vous voulez, aussi souvent que vous voulez, sans aucune perte de qualité d’image! Si vous décidez que vous devez agrandir ou réduire votre forme à tout moment, sélectionnez simplement le calque de la forme dans la palette Calques, puis utilisez le raccourci clavier Ctrl+T (Win) / commande+T (Mac) pour afficher la boîte de transformation gratuite de Photoshop et les poignées autour de la forme. Redimensionner la forme en faisant glisser l’une des poignées d’angle., Maintenez la touche Maj enfoncée pendant que vous faites glisser les poignées pour contraindre les proportions de la forme, encore une fois afin de ne pas fausser accidentellement l’apparence de celle-ci. Vous pouvez également maintenir la touche Alt (Win) / Option (Mac) enfoncée lorsque vous faites glisser les poignées pour redimensionner la forme à partir de son centre:
Pour faire pivoter la forme, il suffit de déplacer votre souris n’importe où à l’extérieur de la Transformation Libre à cocher, puis cliquez et faites glisser votre souris pour faire pivoter:
appuyez sur Entrée (Win) / retour (Mac) lorsque vous avez terminé d’accepter la transformation et de sortir de la transformation libre.
Vous pouvez ajouter autant de copies de votre forme personnalisée que vous le souhaitez à votre document, en changeant la couleur, la taille et la rotation de chacun selon vos besoins., Chaque copie de la forme apparaît comme son propre calque de forme dans la palette Calques. Ici, j’ai ajouté plusieurs autres copies de ma forme D’homme en pain d’épice à mon document, chacune définie dans une couleur, une taille et un angle différents. Notez que peu importe la taille que vous leur faites, ils conservent toujours leurs bords nets et nets:
Et là, nous avons! Nous avons créé une forme initiale en traçant autour d’un objet avec L’outil Stylo., Nous « découpons « de petits détails dans notre forme en utilisant une combinaison de L’outil Stylo et de L’outil Ellipse, tous deux définis sur l’option » soustraire de la zone de forme » dans la barre D’Options. Nous avons enregistré notre forme en tant que Forme personnalisée en utilisant L’option « Définir une forme personnalisée » dans le menu Édition. Nous avons ensuite créé un nouveau document Photoshop, sélectionné l ‘ « outil de forme personnalisée », sélectionné notre forme dans la boîte de sélection de forme et fait glisser notre forme à l’intérieur du document. Enfin, nous avons vu comment changer la couleur, la taille et l’angle de la forme à tout moment!
Où aller…,
qui couvre les bases de la création et de l’utilisation de formes personnalisées dans Photoshop, et qui nous amène à la fin de la partie 1 de notre tutoriel « formes personnalisées pour le Scrapbooking numérique ». Dans la partie 2, nous verrons comment rassembler plusieurs formes que nous avons créées et les enregistrer en tant qu’ensembles de formes personnalisés! Visitez notre section Photoshop Basics pour plus de sujets Photoshop!