Comprendre les vecteurs et les bitmaps

Les objets vectoriels et bitmaps constituent la majorité des illustrations que vous créez. Cet article a pour but d'expliquer la différence entre les deux afin que vous compreniez mieux comment traiter ces objets, que vous les créiez ou que vous les receviez d'un client.

Vecteurs

Les illustrations vectorielles se composent de deux parties principales : les chemins et le remplissage.

 

Chemins d'accès

Une œuvre d'art vectorielle contient une série de lignes appelées chemins. Les chemins fonctionnent entre une série de points qui déterminent l'endroit où ils vont. Ces chemins peuvent être ouverts ou fermés. Un chemin ouvert n'est qu'une ligne, mais un chemin fermé constitue une forme complète, et il n'y a pas d'ouverture sur tout le périmètre. Cet article traitera spécifiquement des chemins fermés.

 

Exemple : Un signe vectoriel avec ses points, un chemin fermé.

mceclip1.png

 

L'idée derrière les vecteurs est que le programme peut voir les données dont sont constituées les trajectoires, et peut donc manipuler les lignes et leur remplissage. Par conséquent, un objet vectoriel peut être mis à l'échelle ou déformé à n'importe quelle taille sans perdre la qualité de l'image. Si vous deviez zoomer sur un objet vectoriel, il continuerait à zoomer et à s'agrandir et aurait toujours un aspect net.

 

Remplissage

Lorsque vous appliquez une couleur à un vecteur fermé, il est considéré comme rempli, et la forme entière sera remplie de la même couleur ou du même motif. Les vecteurs peuvent avoir 3 types de remplissage : Solide, Motif, ou Dégradé. Ils peuvent également être dépourvus de tout remplissage et devenir des chemins, comme illustré ci-dessus. (Ceux-ci sont édités dans l'éditeur de remplissage/tracé).

mceclip0.png mceclip4.png mceclip5.png
Un remplissage solide avec du noir. Un remplissage à motif, avec un espace négatif bleu et des étoiles jaunes répétées.  Un remplissage à dégradé, passant du blanc au noir.

 

Vous pouvez encore manipuler les vecteurs en modifiant, ajoutant ou supprimant des points. (voir : Aperçu des chemins). Nous ne reviendrons pas sur chacune des fonctionnalités mentionnées dans cet article, car il s'agit d'expliquer ce que sont les objets.

Une chose à noter à propos des vecteurs est qu'ils ne contiendront jamais des graphiques de qualité photographique. Si vous regardez une image qui ressemble à une photographie, qu'elle soit réelle ou générée par ordinateur, il est très probable qu'il s'agisse d'une image bitmap et non d'un vecteur.

 

Bitmap

Contrairement à une image vectorielle, une image bitmap est beaucoup plus simple. Pensez à une image bitmap de cette façon. Au lieu de contenir des données sur des lignes et des points, une image bitmap n'est que des rangées de pixels colorés sans aucune considération pour ce qu'ils contiennent. Dépourvue de données sur les lignes, les points et le remplissage, une image bitmap n'est pas aussi facile à manipuler qu'une image vectorielle, mais elle peut avoir des graphiques de bien meilleure qualité qu'une image vectorielle.

Par exemple, l'image de ces jonquilles ci-dessous est une image bitmap. Il n'y a aucune information sur les lignes ou les formes, de sorte que vous ne pourriez pas facilement choisir une de ces fleurs, l'agrandir de 200% et la changer en bleu.

Daffodils.png

Pour mieux illustrer ce point, zoomons sur la fleur en haut à gauche. Vous pouvez vraiment voir les pixels maintenant. Ils sont carrés et assez évidents, surtout le long des bords de la fleur.

mceclip6.png

 

Résolution

La seule véritable mesure à contenir dans les bitmaps est donc le nombre de pixels que contient l'objet, de gauche à droite, puis de haut en bas. Par exemple, l'image complète de jonquilles mesure 746 pixels de large sur 494 pixels de haut, soit 746x494.

Ce chiffre n'est en fait pas révélateur de la qualité de l'image, mais il est facile de penser que plus de pixels signifie une meilleure qualité. Lorsque vous créez un bitmap, il est généralement de 72x72, 150x150, 300x300 ou 600x600. Ce chiffre ne vous indique pas réellement le nombre de pixels d'une image, mais plutôt le nombre de pixels par pouce carré ou PPI. Il s'agit de la résolution d'une image. L'image de la jonquille a une résolution de 72x72, ce qui est vraiment faible. C'est pourquoi, lorsque vous faites un zoom sur cette fleur, elle apparaît en bloc. Si cette photo avait été prise à l'origine en 600x600, l'image complète aurait le même aspect, voire un peu mieux, mais si vous faites un zoom sur l'une de ces fleurs, elle aura toujours l'air nette et précise, car les pixels seront beaucoup plus petits. L'inconvénient, c'est que le fichier sera beaucoup plus volumineux.

Déséchantillonnage

Le problème avec les bitmaps, c'est que la qualité ne peut être que diminuée, pas augmentée. Si vous deviez rastériser l'image complète de la jonquille en 600x600, cela n'améliorerait pas vraiment l'image. Il n'y a pas de données permettant d'extrapoler l'espace entre les gros pixels. Les pixels existants seraient plutôt divisés, mais l'image ne changerait finalement pas. Il est toutefois possible de réduire le nombre de pixels d'une image. C'est ce qu'on appelle le sous-échantillonnage. L'image est prise, décomposée en pixels plus grands, et la taille du fichier est beaucoup, beaucoup plus petite, mais il y a une perte de qualité en conséquence, selon le degré de sous-échantillonnage de l'image.

 

Comment puis-je faire la différence ?

L'aspect délicat des images bitmap est qu'il n'y a pas de limite à leur apparence, ce qui signifie qu'elles peuvent ressembler exactement à une image vectorielle.  Si les sections ci-dessus ne vous aident pas à déterminer si une image est un bitmap ou un vecteur, il existe plusieurs façons de le faire dans Flexi.

Types de fichiers

Les vecteurs ne sont contenus que dans une sélection de types de fichiers très spécifiques, et certains types de fichiers ne contiennent qu'un seul bitmap. Si le fichier est l'un des suivants, il s'agit strictement d'un bitmap, et rien d'autre :

Fichiers bitmap :

.jpg

.png

.bmp

.tga

.tiff

.gif (Flexi peut traiter les gifs non animés, mais rien d'autre)

 

Les types de fichiers suivants peuvent contenir des vecteurs, mais aussi des bitmaps :

.pdf

.ai

.eps

 

DesignCentral

Si le type de fichier n'est pas un fichier bitmap et que vous n'êtes pas sûr, vous pouvez le charger dans flexi et vous pourrez le découvrir. Cliquez sur l'image et regardez dans Design Central. Si un onglet qui ressemble à un arbre dans un champ apparaît dans Design Central, vous savez que vous avez une image bitmap. mceclip11.pngSi vous cliquez dessus, vous obtiendrez des statistiques à son sujet. Cela signifie qu'il s'agit d'une image bitmap. Si un clic sur l'image fait apparaître cet onglet, vous savez qu'il s'agit d'un vecteur. Ces onglets servent à ajuster et à modifier les points, qui sont une caractéristique vectorielle.

mceclip12.png

 

Si, toutefois, vous obtenez quelque chose comme ceci, et qu'il manque un onglet comme ci-dessus, il y a de fortes chances que Design Central regarde un groupe d'objets auxquels des éléments de conception ont été appliqués.

mceclip13.png

Dans ce cas, faites un clic droit sur l'image et regardez la deuxième option en bas. En général, il s'agit de "Ungroup", "Unmask" ou "Clear outline".

mceclip14.png

Cliquez sur cette option et sélectionnez à nouveau l'image pour voir si vous avez ces onglets. Si ce n'est pas le cas, répétez le processus jusqu'à ce que vous les ayez. Si vous effacez un masque, vous devrez peut-être supprimer une forme noire.

Cet article vous a-t-il été utile ?
Utilisateurs qui ont trouvé cela utile : 31 sur 36