L'ajout d'échantillons réels à votre travail de conception ajoute des éléments de réalisme dans ce qui peut être un marché numérique sursaturé. Malheureusement, la numérisation ou la photographie d'échantillons de texture se traduit généralement par des images raster non évolutives qui se pixellisent lorsqu'elles sont suréditées.
Heureusement, vous pouvez créer des vecteurs évolutifs de textures réelles comme l'aquarelle, la peinture ou le marqueur à l'aide de Photoshop et Illustrator. Voici comment.
Comment transformer de vraies textures en vecteurs
C'est à vous de créer vous-même la texture ou de trouver un échantillon en ligne pour en faire un vecteur. Vous pouvez utiliser n'importe quel support d'art texturé, comme un stylo feutre, de l'encre de Chine ou des gouttes de peinture.
Étape 1: Ouvrez l'échantillon de texture dans Photoshop
Si vous avez créé la texture vous-même, vous devez la numériser dans un ordinateur à 300 DPI. Cela garantit la plus haute qualité qui donne les meilleurs résultats.
Nous avons téléchargé une photo d'un échantillon d'aquarelle à partir de Unsplash transformer en vecteur. Téléchargez la même photo pour suivre directement, ou vous pouvez utiliser les instructions comme guide sur une image d'échantillon de votre choix.
Ouvrez votre image dans Photoshop et recadrez-la près de l'échantillon que vous utilisez. Si l'image n'est pas déjà de 300 DPI, elle doit l'être. Aller à Image > Taille de l'image et tapez 300 dans le Résolution boîte. Sélectionner D'ACCORD.
Vous avez maintenant une image de haute qualité qui sera rendue plus tard dans un vecteur détaillé. Vous pouvez aussi changer le DPI dans d'autres programmes si vous n'utilisez pas Photoshop.
Étape 2: nettoyer l'arrière-plan
L'échantillon lui-même doit être isolé de l'arrière-plan. Si vous avez numérisé votre échantillon ou utilisé une photo avec un arrière-plan uni blanc ou unicolore, ce sera beaucoup plus facile pour vous.
Créez un nouveau calque dans la palette Calques, puis faites-le glisser sous votre calque d'image. Sélectionnez le calque d'image.
Aller à Sélectionner > Gamme de couleurs. Sélectionnez le ecompte-gouttes dans la boîte de dialogue et utilisez-la pour sélectionner n'importe quelle partie de l'arrière-plan sur votre plan de travail. Utilisez le Flou curseur pour vous assurer que la sélection est serrée contre votre échantillon. Puis appuyez D'ACCORD.
Une fois de retour sur le plan de travail, la zone de gamme de couleurs affichera des fourmis en cours d'exécution pour afficher la sélection. Frapper Supprimer pour supprimer l'arrière-plan. Désélectionnez ensuite la sélection en appuyant sur Commande + D (Mac) ou Ctrl + D (Les fenêtres). Si votre arrière-plan est uni, sans ombre ni texture, c'est tout ce que vous avez à faire.
Si votre arrière-plan est multicolore, comporte des ombres ou d'autres textures, vous devrez peut-être répéter ce processus plusieurs fois. Dans le Gamme de couleurs boîte de dialogue, sélectionnez différentes parties de l'arrière-plan avec la ecompte-gouttes et jouer avec le Flou curseur pour sélectionner autant d'arrière-plan que possible. Sélectionner D'ACCORD et frappe Supprimer.
Désélectionnez en appuyant Commande + D (Mac) ou Ctrl + D (Les fenêtres). S'il reste encore plus d'arrière-plan, recommencez le processus de gamme de couleurs, utilisez le Gomme outil (E) pour supprimer les pixels récalcitrants ou utilisez la Lasso outil (L) pour bien sélectionner autour de votre nuance, puis Supprimer la sélection.
Placez un rectangle de couleur contrastée à l'aide de la Rectangle outil (tu) sous votre calque de nuance pour exposer tous les pixels supplémentaires qui doivent être supprimés. Retirez-les avec le Gomme. N'oubliez pas de supprimer le rectangle avant d'enregistrer votre image.
Une fois cela fait, vous aurez un échantillon de peinture isolé avec un fond transparent qui l'entoure. Enregistrez votre échantillon au format PNG.
Si vous n'avez pas Photoshop, il existe des alternatives façons de rendre un fond d'image transparent. Vous pouvez ensuite importer cette image directement dans Illustrator et continuer à partir d'ici.
Étape 3: Ouvrez l'image dans Illustrator
Ouvrez votre nouvelle nuance PNG dans Illustrator. Vous pouvez sélectionner et faire glisser votre image hors du plan de travail pour vérifier que l'arrière-plan est toujours transparent. Cependant, cela ne restera pas ainsi à l'étape suivante. À ce stade, votre échantillon est toujours un raster, il se pixellisera donc s'il est mis à l'échelle.
Combiner Photoshop et Illustrator pour un seul projet est un excellent moyen d'utiliser Adobe Creative Cloud. Il y a bien d'autres fonctionnalités sur Creative Cloud que vous pouvez essayer.
Étape 4: Vectoriser l'image
Ouvrez le panneau Propriétés en allant sur Fenêtre > Propriétés. Vous pouvez agrandir ou réduire le panneau en le sélectionnant dans la barre d'outils verticale de droite.
Sélectionnez votre image, puis faites défiler vers le bas de la Propriétés panneau et sélectionnez Trace d'image > Photo haute fidélité. Si vous sélectionnez Trace d'image dans le menu Objet, il s'agira par défaut d'une trace en noir et blanc, qui ne préservera pas la texture de votre échantillon. Vous pouvez utiliser la fonction Image Trace de plusieurs manières pour vectoriser des images dans Illustrator.
Étape 5: nettoyer et supprimer l'arrière-plan
Ouvrez le panneau Trace d'image en sélectionnant l'icône en regard de la liste déroulante Trace d'image dans le panneau Propriétés. Sous Couleur, déplacez le curseur vers la droite, quelque part entre 85 % et 98 %. Cela augmente les détails des couleurs de votre échantillon texturé, ce qui lui donne un résultat plus réaliste.
Ouvrez le Avancé paramètres et déplacez le Chemins glissez vers la droite. Encore une fois, le réglage entre 85% et 98% est idéal. Plus il y a de chemins, plus le détail est dessiné dans votre vecteur. S'il y a moins de chemins, l'image sera saccadée et ressemblera à un dessin animé.
Réduisez les panneaux Image Trace et Properties et votre échantillon sera couvert de lignes bleues. Si vous voulez déplacer votre vecteur d'échantillon, vous devrez utiliser le Sélection outil (V) pour s'assurer qu'il se déplace dans son ensemble. Mais vous pouvez déplacer des chemins individuels, si nécessaire, en utilisant le Sélection directe outil.
Sélectionnez le Sélection directe outil (UN) et cliquez sur votre plan de travail pour désélectionner l'image. Sélectionnez ensuite le fond blanc entourant votre nuance. Frapper Supprimer sur votre clavier pour faire revenir votre fond transparent. Vous pouvez ajouter un rectangle de couleur sous votre échantillon pour vérifier la transparence.
Étape 6: Utilisez votre vecteur Swatch
Vous avez maintenant un échantillon de texture fini. Que vous ayez décidé de créer une aquarelle comme notre didacticiel, ou que vous ayez créé un échantillon de crayon de couleur, vous disposez désormais d'un échantillon de texture réaliste entièrement évolutif.
Malheureusement, à cause de tous les chemins complexes, il serait difficile, mais pas impossible, de recolorer votre échantillon. Pour utiliser le vecteur, vous devez conserver la même couleur. Si vous souhaitez le recolorer, vous devrez d'abord le coloriser dans Photoshop avant d'importer votre échantillon dans Illustrator.
Vous pouvez utiliser votre vecteur comme n'importe quel autre vecteur. Mettez-le à l'échelle vers le haut ou vers le bas, utilisez-le comme élément en couches dans les conceptions et vous pouvez même lui appliquer des filtres tels que l'inclinaison et la distorsion.
Enregistrez votre vecteur au format PNG pour vous assurer qu'il reste transparent. Consultez notre guide pour créer des arrière-plans transparents dans Illustrator pour plus.
Créer des vecteurs à partir de textures réelles avec Photoshop et Illustrator
L'utilisation de vecteurs dans votre travail de conception améliore la productivité et la qualité de vos conceptions finales. Non seulement ce vecteur a de multiples utilisations, mais l'utilisation d'un graphique vectoriel plutôt qu'un graphique raster signifie que vous n'aurez plus jamais à vous soucier de la pixellisation.
La vectorisation de textures réelles signifie que vous pouvez ajouter des nuances de peinture à n'importe quel élément de conception, le faisant ressembler à la réalité. Reportez-vous à ce guide pour transformer des textures réelles en vecteurs numériques.
