La photo que vous allez traiter avait un fond blanc. Si vous n'avez pas de photographie de ce type, supprimez d'abord l'arrière-plan à l'aide des options du programme (gomme ou magie).

Utilisez la sélection de forme, puis copiez ce que vous avez sélectionné pour l'appliquer. Nouvelle Couche. Renommez ce calque "forme". Créez un nouveau calque et nommez-le "arrière-plan". Dans le panneau, déplacez le calque pour que sa position soit en dessous du calque « forme ». En fusionnant deux calques, nous obtenons un calque appelé « Base ».

Après cela, appliquez l'outil Isohélium sur le calque « Principal » pour obtenir une silhouette d'une composition en noir et blanc. Ensuite, vous devez appliquer une correction Isohélium au calque « Base » pour obtenir une silhouette en noir et blanc. Appliquer (Image – Ajustement – ​​Seuil), qui se traduit par Image – Correction – Isohélium.

Ensuite, utilisez le filtre de diffusion pour lisser les bords irréguliers. (Filtre – Styliser – Diffuser) Filtre – Stylisation – Diffusion. Maintenant, afin de transformer les bords de l'image en contours plus clairs, appliquez (Image – Réglage – ​​Niveaux) Image – Correction – Niveaux, rapprochez les curseurs droit et gauche de . Pour les réglages normaux de l'image, zoomez à 300 %.

Appliquez la technique au calque appelé "Base_1". Pour cela, utilisez (Image – Ajustement – ​​Seuil) Image – Correction – Isohélium.

Répétez les étapes de l'étape 4 pour « Base _1 ». Créez un nouveau calque et remplissez-le de noir, puis placez-le sous le calque "Base". Changez le mode de fusion du calque « Base_1 » par la « Différence » suivante.
Cela s’est avéré ne pas être une option suffisante, mais c’est possible. Utilisez le calque « Base » comme calque actif, ajoutez un masque de calque. À l'aide d'une gomme, supprimez les zones indésirables sur le visage de la fille.

Installer couche visible"Base_2". Appliquer Isogelia pour que les yeux. Ensuite, vous devez répéter l'étape 4. Appliquez le « Lasso » et sélectionnez le contour des yeux pour le transformer en masque de calque.
Ensuite, le dessin sera converti en vecteur. Pour ce faire, vous devez créer à partir de l'image résultante

Sélectionnez toute la zone noire à l'aide de la baguette magique. Ensuite, parcourez l'image RMB et sélectionnez « Créer un chemin de travail » dans le menu qui s'ouvre.
Ensuite, utilisez (Édition - Définir une forme personnalisée) Édition - Forme personnalisée. Donnez un nom à la forme et enregistrez-la.

Sources:

• comment faire dessin vectoriel depuis

Masque vectoriel dans Adobe Photoshop peut être utilisé dans différents cas. Dans ce cas, nous verrons comment l'utiliser pour appliquer une correction des couleurs à terrain séparé Images.

Tu auras besoin de

• -Adobe Photoshop CS5

Instructions

Lancez Adobe Photoshop et créez nouveau document. Pour ce faire, cliquez sur l'élément de menu « Fichier » > « Nouveau » ou appuyez sur les touches de raccourci Ctrl+N. Dans le nouveau, définissez la largeur et la hauteur sur, par exemple, 500 chacune, dans le champ « Contenu d'arrière-plan » (Ajustement), définissez « Transparent » et cliquez sur OK.

Cliquez sur l'élément de menu « Calques » (Couche) > « Nouveau remplissage de calque » (Nouveau motif de remplissage) > « Motif » (Motif) et dans la fenêtre suivante, cliquez immédiatement sur OK. Le panneau « Remplissage de motif » s'ouvrira. Sur le côté gauche se trouve un bouton qui ouvre un menu déroulant dans lequel vous pouvez sélectionner le motif souhaité. À l’aide du paramètre « Échelle », le motif peut être zoomé ou dézoomé. Après avoir défini les paramètres requis, cliquez sur OK. L'arrière-plan du document prendra le contour du motif sélectionné et des masques vectoriels lui seront ensuite appliqués. À l'aide de l'outil Déplacer, vous pouvez déplacer ce motif.

Sélectionnez l'outil "Rectangle", cliquez sur l'élément "Contours" dans le panneau des paramètres et utilisez-le pour créer un petit cadre dans n'importe quelle partie de la zone de travail. Cliquez sur l'élément de menu « Calques » (Couche) > « Nouveau calque de réglage » (Nouveau calque de réglage) > « Teinte/Saturation » (Teinte/Saturation) et cliquez immédiatement sur OK dans la nouvelle fenêtre. Une nouvelle fenêtre s'ouvrira dans laquelle vous pourrez modifier les paramètres « Teinte », « Saturation » et « Luminosité » en tournant les curseurs correspondants. Veuillez noter que les changements se produisent uniquement avec la zone sélectionnée, c'est-à-dire avec un cadre créé par l'outil Rectangle. En fait, c'est un rectangle sur lequel vous pouvez appliquer divers effets– c'est un masque vectoriel.

Sources:

• Outil Rectangle

Dans cette leçon, nous expliquerons comment convertir une image raster en forme vectorielle dans Photoshop. Bien entendu, Photoshop est principalement conçu pour fonctionner avec des images raster, et le vecteur qu'il contient est un ajout sous la forme de chemins avec un masque de calque vectoriel qui est appliqué à l'objet et crée une forme vectorielle. Dans une telle forme vectorielle (Shape), le contour sera vectoriel et le remplissage sera raster.

Dans cette leçon, nous aborderons les étapes suivantes :

Créer un document et dessiner un objet

Tout d’abord, créez un nouveau document de n’importe quelle taille et un calque.

Dessinons maintenant n'importe quelle image. Prenez l'outil Pinceau avec des bords non flous et une opacité totale. Dessinons par exemple une figure géométrique simple, comme le montre l'image.

Sélection d'un objet raster

Pour traduire une image raster, vous devez d'abord la sélectionner avec n'importe quel outil de sélection. Sélectionnez maintenant l'objet dessiné soit à l'aide de l'outil Baguette, soit cliquez sur le calque avec le bouton gauche de la souris tout en maintenant la touche Ctrl enfoncée.

Convertir un objet sélectionné en chemin vectoriel (Chemin)

En utilisant n'importe quel outil de type Select, on appelle menu contextuel. Pour ce faire, pointez l'outil sur l'objet sélectionné et appuyez sur bouton de droite souris. Dans le menu qui apparaît, sélectionnez « Créer un chemin de travail... ».

Une fenêtre apparaîtra dans laquelle vous devrez saisir le paramètre de tolérance, qui détermine la quantité points de contrôle contiendra une forme vectorielle, plus il y en a, plus l'objet vectoriel sera lisse, mais la qualité des points de contrôle sera faible.

Création d'un masque vectoriel pour un calque à partir d'un chemin vectoriel

Accédez à l'onglet Chemins, où le chemin vectoriel que nous venons de créer devrait apparaître.

Double-cliquez dessus pour lui donner un nom.

Ensuite, dans le menu principal, sélectionnez « Calque -> Nouveau calque de remplissage -> Couleur unie... ». Vous pouvez nommer le nouveau calque, puis cliquer sur « ok ». Sélectionnez une couleur pour la future forme dans la boîte de dialogue de sélection de couleur.

Maintenant, un nouveau calque avec un masque vectoriel devrait apparaître dans l'onglet Calques.

Comment enregistrer un objet vectoriel dans une bibliothèque de formes vectorielles dans Photoshop

Vous serez ensuite invité à nommer le nouvel objet vectoriel. Cliquez sur "ok" puis vérifiez nouvel objet dans la bibliothèque à l’aide de l’outil Formes personnalisées.

Si vous avez trouvé la leçon sur la conversion de raster en vecteur utile, partagez-la sur réseau social(icônes ci-dessous).

Pour commencer, nous examinerons deux concepts de base dans Photoshop comme trame Et Graphiques vectoriels.
Sur l'ordinateur, toutes les images et informations sont présentées dans forme numérique. C'est ce qui nous donne la possibilité de visualiser, stocker et traiter des images dans différents éditeurs graphiques, par exemple, dans Photoshop.

Une image dans Photoshop est composée de pixels sont des éléments graphiques carrés.

Regardons de plus près les pixels. Ouvrir avec Photoshop une image : cliquez FICHIER - OUVERT, sélectionnez par exemple une photo que vous aimez sur votre ordinateur et effectuez un zoom avant. Pour plus de clarté, j'ai pris une photo représentant un zèbre et j'ai agrandi son échelle. Que voit-on ? Nous voyons de nombreux carrés multicolores - c'est pixels. Où sont les chiffres, demandez-vous ?! C'est très simple - la couleur de chacun pixels codé valeur numérique. C'est description numérique pixels est une description de sa couleur.
Choisir dans Photoshop depuis la barre d'outils, qui se trouve à notre gauche, l'outil PIPETTE. Nous cliquons sur le pixel le plus clair (sur l'image, il est dans un cercle rouge) - sa couleur sera affichée dans notre palette.
Pensez-vous que c'est blanc? couleur des pixels? Allons vérifier. Cliquez sur la couleur « blanc » dans la palette. La fenêtre suivante s'ouvre :

Notre couleur blanche est à gauche coin supérieur et a valeur numérique ffffff. Que voit-on ?! La flèche verte sur la figure montre la couleur de notre pixels(ça n'atteint pas un peu le blanc), et la flèche rouge le montre valeur numérique. De la même manière, vous pouvez essayer de déterminer dans Photoshop la couleur de la cellule (pixel) la plus sombre, qui nous apparaît noire (sur la figure elle se trouve dans le cercle jaune). Elle n'aura pas non plus valeur numérique du pixel noir, ce qui est égal 000000 .
Alors c'est quoi images tramées? Ce sont des images présentées par pixels.

Quelle est la différence entre les graphiques vectoriels et les graphiques raster ?

DANS graphiques vectoriels les images ne sont pas décrites pixels, mais par lignes, chiffres, c'est-à-dire vecteurs. Dans les éditeurs vectoriels, il est pratique de dessiner des images sans transitions de couleurs fluides - logos, tableaux, diagrammes.

Une autre différence graphiques vectoriels depuis trame- c'est parce que les vecteurs tolèrent bien la mise à l'échelle.
Par exemple, si nous agrandissons une image raster (cela a été discuté ci-dessus dans l'image avec un zèbre), alors l'image aura l'air granuleuse, c'est-à-dire nous verrons de nombreux carrés ( pixels).
Une image dans Photoshop se compose de pixels. Mais lorsque le carré vectoriel est agrandi, l'image ne sera pas maculée, c'est-à-dire n'aura pas l'air granuleux. Par exemple, nous avons dessiné un carré. En tirant n'importe quel coin, nous étirons le carré (augmentons en taille), mais en même temps notre image restera claire, contrairement à une image raster.

Les outils permettant de travailler avec des vecteurs dans Photoshop sont apparus il y a assez longtemps, mais ils ont commencé à être utilisés relativement récemment. Cela est dû au fait qu'il est très pendant longtemps ils étaient « crus », etc. un vecteur dans Photoshop n'est pas un outil de travail spécialisé et n'a pas été modifié. Mais tout a changé avec la sortie de Photoshop CC.

Pourquoi avez-vous besoin d’un vecteur dans Photoshop ?

Je veux d’abord vous expliquer pourquoi j’utilise un vecteur dans Photoshop. Il existe de nombreux éditeurs de vecteurs éprouvés. Les plus courants sont Illustrator, CorelDraw, Xara. Le plus souvent, je fais du web design, ce qui signifie que mon travail n’est pas le résultat final. Ceux. Avant de devenir un site Web, une interface ou une application, la mise en page sera envoyée au maquettiste. La plupart des concepteurs de mise en page maîtrisent Photoshop, mais connaissent très superficiellement Illustrator. Par conséquent, le désir de tout « mettre » dans un seul fichier est tout à fait logique. C'est formidable lorsque le concepteur de mise en page reçoit un PSD contenant une mise en page complète et même avec la possibilité de modifier des éléments. Changez la couleur d'un bouton, changez le rayon d'une forme de menu, augmentez ou diminuez un bloc sans perte de qualité - en 2 clics et 1 minute ! Vector dans Photoshop vous permet de le faire sans aucune compétence particulière.

Fonctionnalités du travail avec des vecteurs dans Photoshop

Si vous avez déjà travaillé dans un éditeur de vecteurs, alors beaucoup de choses vous sembleront familières. Mais il faudra s'habituer à beaucoup de choses. Tout le travail dans Photoshop est construit avec des calques, cela s'applique également à tous les outils vectoriels.
1. Pour modifier facilement un vecteur dans Photoshop, vous devez placer chaque forme sur un calque distinct.
2. Les opérations de « fusion », « soustraction », « superposition » s'appliquent mieux à deux objets maximum.
3. Après l'opération de « fusion », « soustraction », « superposition », les contours des objets originaux restent disponibles pour l'édition.
4. Les styles raster peuvent être facilement appliqués à tous les objets vectoriels. C'est très confortable.
5. Vous pouvez appliquer de la transparence aux objets vectoriels et leur appliquer des filtres.
6. Couches individuelles et groupes de couches avec objets vectoriels peut être facilement cloné dans un document ou copié dans un autre document PSD.
7. Étiquetez chaque calque et regroupez les calques - cela vous fera gagner beaucoup de temps.

Primitives de base

Comme dans tout éditeur de vecteurs, un vecteur dans Photoshop possède des primitives prêtes à l'emploi. Primitives de base :
«Rectangle», «Rectangle aux coins arrondis», «Ellipse», «Polygone», «Ligne», «Forme libre». Pour chaque forme (à tout moment), vous pouvez définir l'épaisseur/le type/la couleur du trait et du remplissage. Disponible pour des primitives spécifiques propriétés supplémentaires. Par exemple, pour un polygone, vous pouvez définir le nombre de coins, et pour un rectangle aux coins arrondis, vous pouvez définir le rayon d'arrondi.

Outils de base

Pour dessiner un vecteur arbitraire ou en modifier un existant (y compris le contour des primitives), vous devez utiliser les outils « Stylo » (dessiner un contour arbitraire), « Stylo+ » (ajouter de nouveaux points d'ancrage au contour fini), « Stylo -" (supprimer les points d'ancrage du contour fini), "Stylo libre" (dessiner un contour arbitraire à la main), "Angle" (modifier les courbures des courbes de contour, définir les types de connexions entre les points d'ancrage).

Pour illustrer le processus, une courte vidéo à partir de laquelle vous apprendrez :
1. Comment créer une primitive
2. Comment dessiner une forme vectorielle libre
3. Comment modifier le contour d'une primitive
4. Comment modifier le contour d'une forme vectorielle arbitraire

Opérations de base avec des vecteurs dans Photoshop

Il y a 4 opérations disponibles au total : « Fusionner les formes », « Soustraire la forme avant », « Fusionner les formes en superposition », « Soustraire les formes en superposition ». Toutes ces opérations sont disponibles via le principal Menu principal Calques > Fusionner les formes, ou via la barre d'outils « Propriétés » (menu du haut Fenêtre > Propriétés).
Attention! Avant de commencer toute opération de combinaison de formes vectorielles, assurez-vous que les calques de ces formes sont sélectionnés dans la barre d'outils « Calques » (activez F7 ou Fenêtre > Calques).

Une courte vidéo illustrant les opérations de base de « fusion de formes » dans Photoshop.

Changez la couleur, la taille et appliquez des styles

Venons-en maintenant à la partie la plus intéressante. Un vecteur dans Photoshop vous permet de modifier la taille vers le haut et vers le bas sans perte de qualité. Pour cela, sélectionnez les calques souhaités dans la barre d'outils « calques », appuyez sur Ctrl+T (ou Commande+T si vous avez un MAC) et faites glisser les marqueurs du contour sélectionné avec la souris pour ajuster la taille. Pour modifier la taille proportionnellement, vous devez maintenir la touche Maj enfoncée.


Brève vidéo :
1. Redimensionner la forme vectorielle
2. Changez la couleur de remplissage de la forme vectorielle
3. Ajouter du style à la forme vectorielle

Télécharger l'exemple PSD (gratuit)

Pour vous permettre de comprendre plus facilement comment utiliser un vecteur dans Photoshop et voir comment ces outils peuvent être utilisés dans la pratique, je publie un fichier infographique réalisé par mes soins entièrement à l'aide d'outils vectoriels.

Poser une question

Si quelque chose ne fonctionne pas pour vous ou si vous avez des questions, écrivez dans les commentaires et je vous aiderai à le comprendre. Vous pouvez également regarder la vidéo à l'aide d'outils vectoriels.

Sur Internet, j'ai trouvé une image du logo. Est-il possible de le convertir de raster en vecteur dans Photoshop, et automatiquement ? Non tu ne peux pas. Hélas, alors que les tendances vectorielles dans Photoshop sont les suivantes, tout ce qui a été fait dans ce sens est resté inchangé il y a 5 versions. Depuis, il n'a pas été touché, ni modifié, et rien de nouveau n'a été ajouté au vecteur. vous aviez besoin outils vectoriels dans Photoshop ? Les voici, vous en voulez plus ? Quoi que vous ayez oublié de Photoshop, maîtrisez Illustrator. C'est à peu près cette ligne de pensée qui a motivé les développeurs qui ont introduit les opérations vectorielles les plus simples dans Photoshop. Passons maintenant aux choses sérieuses.

Le raster est converti en vecteur via des zones de sélection. Tout d'abord, nous créons une sélection, puis nous convertissons les lignes de sélection en chemins vectoriels, puis nous remplissons les chemins vectoriels avec des calques de remplissage, créant ainsi un masque vectoriel. Afin de comprendre tout cela, pas au niveau des commandements de l'armée - cliquez ici, cliquez là, cela vaut la peine d'apprendre à travailler avec des outils de dessin vectoriel, de comprendre comment les contours vectoriels peuvent interagir les uns avec les autres et d'apprendre à créer un masque vectoriel. . Mais ne vous inquiétez pas, vous n'aurez pas besoin de vous asseoir pour le lire avant le week-end : vous comprendrez déjà comment convertir un raster en vecteur dans Photoshop si vous lisez l'article jusqu'au bout.

Mise en valeur du logo

Je tiens surtout à souligner que pour que la traduction en vecteur soit de haute qualité, l'image elle-même doit être grande taille. Cela est vrai dans le cas du traçage dans Illustrator, mais pour Photoshop, c'est encore plus important. Mon image fait 1500 pixels de large, lorsque nous aurons fini de la convertir en vecteur, je montrerai comment Photoshop traduit une petite image et nous comparerons les résultats.

• Choisissez l'outil Baguette Magique

• Définissez les options de tolérance sur 20 ou 30.

• Là, cliquez sur l'icône Ajouter à la sélection. J'ai écrit en détail sur leur travail dans l'article Ajouter, soustraire, intersecter et exclure dans Photoshop où nous avons parlé des outils vectoriels, mais en sélection, ces options fonctionnent de la même manière.

Pour être honnête, peu importe la manière dont vous sélectionnez le logo, que ce soit en utilisant un lasso manuel ou en utilisant la gamme de couleurs. C'est juste que dans cette situation, en particulier dans cette image, le moyen le plus simple de le faire est d'utiliser l'outil Baguette Magique.

Conversion de la sélection en chemin vectoriel

Ne quittez pas l'outil Baguette magique.

• Faites un clic droit sur la zone de sélection.

• Dans le menu qui apparaît, sélectionnez Créer un chemin de travail.

• Dans la fenêtre qui apparaît, définissez la tolérance sur 1,0. Plus la valeur de tolérance est élevée, plus nos contours seront lisses, stylisés et imprécis.

Dans l'illustration ci-dessous, j'ai sélectionné l'outil de sélection de chemin et sélectionné le chemin afin que vous puissiez le voir.

Enregistrer un chemin dans la palette Chemin

Cette opération n'est pas obligatoire, mais recommandée.

Basculez vers la palette Chemin. Si vous ne le trouvez pas, cliquez sur Fenêtre > Chemin

Double-cliquez sur le chemin dans la palette.

• Dans la fenêtre qui apparaît, saisissez un nom et cliquez sur OK.

Création d'un masque vectoriel

Le processus de création d’un masque vectoriel est parfaitement décrit dans mon article Masque vectoriel dans Photoshop. Nous effectuerons ce processus rapidement et sans détails.

Assurez-vous que votre chenil est sélectionné dans la palette Chemin

Sélectionnez Calque > Nouveau calque de remplissage > Couleur unie dans le menu

Dans la fenêtre qui apparaît, sélectionnez une couleur et cliquez sur OK

C'est tout. Tout serait plus précis s'il n'y avait pas hronofag.ru. Rappelez-vous que je vous ai dit que quoi image plus petite, pire cela se traduira. Je parie que vous avez une sorte de sale scan entre les mains, inséré dans Word, que le client demande à convertir en vecteur ? J'ai deviné ? Dans ce cas, l'image est compressée Compression JPG, réduit, puis agrandi, puis à nouveau réduit à la taille de son avatar, et du ketchup s'est également répandu sur lui. Est-il possible de convertir efficacement une telle image en vecteur dans Photoshop ?

Tout d’abord, jetez un œil à notre logo. Malgré l'excellente résolution et les bords clairs, Photoshop n'a pas réussi à créer des contours corrects et uniformes. L'illustrateur le fait 100 fois mieux, mais l'article ne parle pas de l'illustrateur. Comme vous pouvez le constater, les contours ne sont pas lisses partout, même dans les parties rectangulaires du logo. Et les cercles sont complètement obliques.

Maintenant, je vais réduire l'image de 2 fois, puis de 2 fois supplémentaires et vous montrer le résultat de sa conversion en vecteur.

Voici exemple clair, comment la taille du bitmap affecte la qualité de la trace. Et ce malgré le fait que l'image est de très haute qualité malgré sa taille. Eh bien, je vais réduire la qualité. Sauvegardons l'image au format JPG avec la pire qualité.

Convertissons-le en vecteur. Excellent résultat, il ne manque que le ketchup. Parfait pour un client satisfait, un traitement grunge ou vintage !

Et pourtant, je manipule légèrement la vérité. Le fait est que tout cela est raisonnable pour Illustrator, qui crée un vecteur basé sur une image. Photoshop ne crée pas de vecteur basé sur une image, il crée des contours basés sur une sélection. Logiquement, plus la sélection est bonne et fluide, plus les courbes seront lisses. Et un outil baguette magique, que nous avons utilisé pour mettre en évidence ces zones, ne conviendra plus pour mettre en évidence des images aussi effrayantes. Oui, vous pourrez faire des sélections de haute qualité, en utilisant tous les outils de sélection, vous pourrez même les agrandir et créer à partir d'elles un contour plus ou moins régulier, qui ne sera toujours pas parfait. Suivre cette voie est tout simplement une perte de temps. La seule option qui fonctionne est de dessiner le logo à partir de zéro dans Photoshop.