Dessiner des formes vectorielles ou pixelisées dans Photoshop CS6

Une histoire de deux formes

Puisque je veux couvrir tout ce que nous devons savoir sur le dessin de formes vectorielles dans le prochain didacticiel, je vais gagner du temps ici en commençant par un document que j’ai déjà créé. Ici, nous voyons un document simple qui contient ce qui ressemble à deux formulaires identiques. Bien qu’ils se ressemblent pour le moment, ils sont en fait très différents. La forme de gauche est une forme vectorielle, tandis que celle de droite est faite de pixels :

Une forme vectorielle à gauche et une forme de pixel à droite.

Une forme vectorielle à gauche et une forme de pixel à droite.

Si nous regardons en min Créer un panneau, nous voyons chaque formulaire assis sur son propre calque. Je suis allé de l’avant et j’ai renommé les calques pour faciliter les choses. La forme basée sur les pixels est en haut «Forme de pixels» couche, et la forme basée sur le vecteur est sur le intelligemment nommé «Forme vectorielle» couche en dessous:

Le panneau Calques affiche les formes pixelisées et vectorielles sur des calques séparés.

Le panneau Calques affiche les formes vectorielles et en pixels sur des calques séparés.

Trouve le calque de forme

Même si je ne les avais pas renommés, il y aurait toujours un moyen facile de voir quel calque a la forme vectorielle, et il est sur le point de rechercher le petit icône de formulaire en bas à droite du calque vignette d’aperçu. Cette icône nous indique qu’il s’agit d’un Couche de formulairepas une couche de pixels normale :

L'icône de forme en bas à droite de la vignette d'aperçu de la vignette.

Les calques de formulaire peuvent être facilement identifiés par la petite icône en bas à droite de la vignette d’aperçu.

Mise à l’échelle de la forme vectorielle

Comme je l’ai mentionné, les deux formes semblent identiques pour le moment, mais voyons ce qui se passe lorsque nous les mettons à l’échelle. Je commence par la forme vectorielle. Je dois d’abord le sélectionner donc je clique sur le calque «Forme vectorielle» dans le panneau de l’équipe :

Choix de la forme vectorielle.

Choix de la forme vectorielle.

Pour mettre à l’échelle la forme vectorielle, je monte à Éditer menu dans la barre de menu en haut de l’écran et sélectionnez Chemin de transformation gratuit:

Allez dans Édition> Chemin de transformation du vendredi. » largeur=»268″ hauteur=»150″ source=»https://pe-images.s3.amazonaws.com/basics/cs6/shapes/vector-vs-pixel-shapes/edit-freetransformpath.gif»></p>
<p>Allez dans Édition> Chemin de transformation libre.</p>
<p>Cela place la boîte et la poignée de transformation libre autour de la forme vectorielle sur la gauche :</p>
<p><img decoding=

La zone Transformation libre apparaît autour de la forme vectorielle.

Je veux m’assurer que les deux formes ont exactement la même taille, donc au lieu de tirer manuellement les poignées de transformation libres, je monte dans la barre des paramètres en haut de l’écran et change les deux Largeur (O) et Hauteur (H) valeurs du moule à 10% :

Mise à l'échelle de la forme vectorielle à 10 % de sa taille d'origine.

Réglage de la largeur et de la hauteur de la forme vectorielle à 10 %.

j’appuie Entrer (Vent) / revenir (Mac) sur mon clavier pour accepter la nouvelle taille, et maintenant la forme vectorielle sur la gauche est beaucoup plus petite :

La forme vectorielle représente maintenant 10 % de la taille de la forme en pixels.

La forme vectorielle représente maintenant 10 % de la taille de la forme en pixels.

Voyons ce qui se passe si je redimensionne la forme vectorielle à sa taille d’origine. Au lieu de retourner à Éditer menu en haut de l’écran et sélectionnez Chemin de transformation gratuitcette fois, je veux utiliser le raccourci clavier le plus rapide, Ctrl + T (Vent) / Commande + T (Mac). Cela place la même boîte de transformation libre et la même poignée autour de la forme vectorielle :

Appuyez sur Ctrl + T (Win) / Commande + T (Mac) pour sélectionner rapidement le chemin de transformation libre.

Appuyez sur Ctrl + T (Win) / Commande + T (Mac) pour sélectionner rapidement le chemin de transformation libre.

Comme j’ai réduit le moule en le réduisant à 10%, je l’agrandis à sa taille d’origine en réglant les deux Largeur et Hauteur valeurs dans la barre de réglage pour 1000%:

Mise à l'échelle de la forme vectorielle à 1000 % de sa taille actuelle.

Réglage de la largeur et de la hauteur de la forme vectorielle à 1000 %.

j’appuie encore Entrer (Vent) / revenir (Mac) sur mon clavier pour l’accepter, et maintenant la forme vectorielle a retrouvé sa taille d’origine. Notez que même si je l’ai réduite puis agrandie, la forme vectorielle a toujours l’air neuve. Ses bords restent aussi nets et nets qu’ils l’étaient à l’origine :

La forme vectorielle conserve ses bords nets et nets même après avoir été mise à l'échelle.

La forme vectorielle de gauche conserve ses bords nets et nets, même après avoir été redimensionnée.

Plugin Shortcodes, Actions and Filters : Erreur dans le shortcode [ads-basics-middle]

Mise à l’échelle de la forme des pixels

Essayons la même chose avec la forme de pixel à droite. Tout d’abord, je le sélectionne en cliquant sur le calque «Forme de pixel» dans le panneau de l’équipe :

Sélection de calques avec forme de pixel.

Choix de la forme des pixels.

Avec le format pixel sélectionné, je monte à Éditer menu en haut de l’écran et sélectionnez Transformation gratuite :

Choisissez Transformation libre dans le menu Edition.

Allez dans Édition> Transformation libre.

Transformation libre vs chemin de transformation libre

Notez que cette fois, la commande s’appelle Free Transform, et non Free Transform Path. Nous examinerons les chemins dans un autre didacticiel, mais essentiellement, une forme vectorielle se compose de deux parties ; le contour de base de la forme, appelé chemin, et la couleur avec laquelle le contour (chemin) est rempli. Lorsque nous modifions ou redimensionnons une forme vectorielle, nous modifions et redimensionnons réellement la courbe. C’est pourquoi j’ai choisi le calque de forme vectorielle, la commande s’appelait Free Transform Path. Maintenant que j’ai sélectionné un calque de pixels normal, nous éditons des pixels, pas des chemins, et donc le nom de la commande a été changé en juste Transformation libre. Encore une fois, nous couvrirons les sentiers plus en détail plus tard.

Cela place la boîte de transformation libre autour de la forme de pixel sur la droite :

Le champ de transformation libre apparaît autour de la forme du pixel.

Le champ de transformation libre apparaît autour de la forme du pixel.

Tout comme je l’ai fait avec la forme vectorielle, je redimensionne la forme du pixel en définissant Largeur et Hauteur à dix% dans la barre des paramètres :

Définissez la largeur et la hauteur de la forme de pixel sur 10 % dans la barre de réglage.

Réglage de la largeur et de la hauteur de la forme de pixel à 10 %.

j’appuie Entrer (Vent) / revenir (Mac) sur mon clavier pour l’accepter, et maintenant la forme des pixels est beaucoup plus petite. Jusqu’ici tout va bien. Même après avoir réduit la forme des pixels à 10 %, elle semble aussi nette qu’à l’origine, et nous n’avons toujours pas vu de différence entre la forme vectorielle et la forme des pixels :

La forme en pixels représente désormais 10 % de la taille de la forme vectorielle.

La forme des pixels après réduction à 10 %.

Mais maintenant, le vrai test. Que se passe-t-il lorsque je redimensionne la forme du pixel à sa taille d’origine ? j’appuie Ctrl + T (Vent) / Commande + T (Mac) sur mon clavier pour une sélection rapide Transformation gratuite commande, et pour redimensionner la forme de pixel, j’ai mis Largeur et Hauteur dans la barre de réglage pour 1000%:

Réglage de la largeur et de la hauteur de la forme de pixel à 1 000 % dans la barre de réglage.

Redimensionner la forme des pixels à sa taille d’origine.

j’appuie Entrer (Vent) / revenir (Mac) pour l’accepter et fermer la commande Transformation libre. Et maintenant, la différence entre les formes vectorielles et à base de pixels devient claire. Bien que j’aie mis à l’échelle les deux formes avec exactement les mêmes quantités et que les deux formes aient conservé leurs bords nets lorsqu’elles ont été réduites, la forme de pixel n’a pas réussi à être redimensionnée à nouveau. Ses bords autrefois nets apparaissent maintenant doux, flous et bloqués :

Une comparaison de la forme vectorielle et de la forme du pixel après mise à l'échelle.

La forme vectorielle a survécu intacte après avoir été agrandie. La forme des pixels ? Pas tellement.

Zoomons pour regarder de plus près. La raison pour laquelle les bords de la forme des pixels semblent tellement pires maintenant est que lorsque je l’ai réduite à 10% de sa taille d’origine, Photoshop a dû jeter 90% des pixels qui composaient la forme d’origine. Cela aurait été bien si je n’avais pas eu à le redimensionner à nouveau. Photoshop ne peut pas recréer des pixels comme par magie, donc lorsque je l’ai mis à l’échelle, Photoshop ne pouvait que prendre les pixels restants et les agrandir. Par conséquent, nous pouvons réellement voir un effet de marche le long du bord du moule. Ce sont les bords des pixels individuels. Ils ont l’air doux et flous parce que c’est exactement ce qui arrive aux pixels quand on les agrandit. Plus on les agrandit, plus ils deviennent doux. Les formes vectorielles, en revanche, n’ont pas ce problème. Ce ne sont que des points reliés par des lignes et des courbes et nous pouvons les redimensionner autant que nous le voulons sans jamais perdre en qualité :

Un gros plan des bords des formes vectorielles et en pixels.

Un gros plan des bords des formes vectorielles et en pixels.

Comme nous l’avons vu dans ce guide, les formes vectorielles et les formes de pixels peuvent sembler identiques lorsque nous les dessinons pour la première fois, et les deux semblent tout aussi belles lorsqu’elles sont réduites à des tailles plus petites. Mais lorsque nous devons les mettre à l’échelle plus grande, les formes vectorielles ont littéralement l’avantage. Cela est vrai non seulement lorsque vous les voyez à l’écran, mais également lorsque vous les imprimez. Comme les photos numériques, une forme dessinée avec des pixels dépend de la résolution, ce qui signifie qu’elle ne peut être imprimée qu’en grande taille avant de commencer à paraître douce et mate, comme nous l’avons vu dans l’exemple ci-dessus. Une forme vectorielle, en revanche, est indépendante de la solution. Il peut être imprimé dans n’importe quelle taille, même aussi grand qu’un panneau d’affichage, et aura toujours l’air net, propre et comme neuf.

Où aller la prochaine fois…

Les formes vectorielles présentent également d’autres avantages qui les rendent beaucoup plus flexibles que les pixels, mais avant d’aller trop loin, apprenons à dessiner des formes vectorielles dans Photoshop CS6 ! Visitez notre section Photoshop Basics pour en savoir plus sur Photoshop !

Deja un comentario