Jpg au format vectoriel. Conversion en ligne d'images raster en vecteur. Regardons la traduction d'une image à l'aide d'un exemple.
Disons que nous avons une sorte d'image raster et que nous voulons l'obtenir sous forme vectorielle (ou sous forme de courbes). Que devons-nous faire pour cela? Tout d'abord, vous avez besoin programme Adobe Illustrateur.
La version n'a pas d'importance.
Procédure
Ouvrez notre bitmap dans Adobe Illustrator. Pour ce faire, vous pouvez cliquer avec le bouton droit sur l'image et sélectionner Ouvrir avec…> Adobe Illustrator dans le menu déroulant, ou démarrer Illustrator et faire glisser l'image sur la zone de travail.
Image originale
Dans la barre d'outils, sélectionnez l'outil " Mise en évidence"(flèche noire) et cliquez sur cette flèche sur notre image. Dans ce cas, le dessin doit ressortir. Pour tester cela, vous pouvez essayer de le déplacer un peu en maintenant le bouton gauche de la souris enfoncé pendant que le curseur est sur l'image (en utilisant le principe du glisser-déposer).
Au dessus de la zone de travail, on retrouve le bouton " Traçage rapide»Et cliquez sur la flèche à côté. Il montre toutes les options disponibles pour cette action. Nous avons besoin de l'article " Options de traçage...". Lorsque nous cliquons dessus, une fenêtre avec des paramètres s'ouvre.
Dans la partie droite de la fenêtre des paramètres, sélectionnez l'élément " Vue". Cela vous aidera à obtenir un meilleur résultat et à comprendre de quoi chacun des paramètres est responsable.
1) faites-le de manière scientifique, c'est-à-dire que vous devrez lire dans les info-bulles quels paramètres affectent quoi et définir les valeurs nécessaires ;
2) expérimenter vous-même les paramètres, en utilisant la soi-disant "méthode scientifique du poke".
Je préfère la deuxième voie : premièrement, la traduction russe d'un mot ne transmet pas toujours pleinement le sens de l'original, et deuxièmement, il est souvent plus facile et plus rapide de se souvenir de cette façon. Modifiez le paramètre. Voir ce qui est affecté (visuellement). Combinez plusieurs paramètres. Et ainsi de suite jusqu'à ce qu'un résultat plus ou moins acceptable soit atteint.
L'image vectorielle résultante.
Lorsque l'image ressemble déjà à la vérité, dans la fenêtre des paramètres de trace, cliquez sur " Tracé"Et dans le menu au dessus de la zone de travail le bouton" Démonter". Ainsi, on obtient l'image d'origine, mais déjà en courbes.
Si vous n'êtes pas satisfait du résultat obtenu, vous pouvez le modifier. Pour ce faire, à l'aide de l'outil " Mise en évidence»Il est nécessaire de sélectionner toutes les courbes créées (appuyez sur le bouton gauche de la souris et, en le maintenant enfoncé, encerclez tout le dessin). Nous allons à l'élément de menu " Un objet» > « Transformation» > « Mise à l'échelle« Et redimensionnez l'image pour qu'elle soit suffisamment grande pour une édition facile. Ensuite, nous sélectionnons l'outil " Sélection directe"(flèche blanche). Avec cette flèche blanche, cliquez alternativement sur chaque nœud et alignez les splines selon vos besoins : lorsque vous sélectionnez un sommet, une moustache apparaît à côté, en tirant sur laquelle vous pouvez modifier la courbure de la spline.
Résultat en mode grille
Vous pouvez également obtenir un meilleur résultat si vous prenez d'abord une grande image. bonne qualité... Par conséquent, si vous ne voulez pas perdre de temps à jouer avec les nœuds de spline à l'avenir, utilisez des images de haute qualité comme matières premières pour le traçage !
Sur les espaces ouverts de l'Internet russe, j'ai trouvé une image du logo. Est-il possible de le convertir d'un raster en vecteur dans Photoshop, et ce automatiquement ? Non. Hélas, alors que les tendances du vecteur dans Photoshop sont telles, tout ce qui a été fait dans ce sens est resté inchangé il y a 5 autres versions. Depuis lors, il n'a pas été touché, n'a pas changé et rien de nouveau n'a été ajouté au vecteur. Aviez-vous besoin d'outils vectoriels dans Photoshop ? Les voici, vous en voulez plus ? Qu'avez-vous oublié dans Photoshop, maître illustrateur. C'est à peu près cette ligne de pensée qui a conduit les développeurs à implémenter les opérations vectorielles les plus simples dans Photoshop. Passons maintenant aux choses sérieuses.
La conversion raster en vecteur est effectuée à travers les zones de sélection. Tout d'abord, nous créons une sélection, puis nous traduisons les lignes de sélection en contours de vecteur, puis remplissez les chemins vectoriels avec des calques de remplissage, créant ainsi un masque vectoriel. Afin de comprendre tout cela pas au niveau des équipes de l'armée - cliquez ici, cliquez là, vous devriez apprendre à travailler avec des outils de dessin vectoriel, comprendre comment les chemins vectoriels peuvent interagir les uns avec les autres et apprendre à créer un masque vectoriel. Mais ne vous inquiétez pas, vous n'avez pas à vous asseoir pour lire avant le week-end, vous saurez déjà comment convertir un raster en vecteur dans Photoshop si vous finissez de lire l'article jusqu'au bout.
Mise en valeur du logo
Je tiens à souligner que pour que la traduction en vecteur soit de haute qualité, l'image elle-même doit être grande. C'est vrai dans le cas du traçage dans Illustrator, et pour Photoshop c'est encore plus important. Mon image fait 1500 pixels de large, lorsque nous aurons fini de traduire en vecteur, je montrerai comment Photoshop traduit les petites images et nous comparerons les résultats.
- Choisissez l'outil Baguette magique
- Réglez dans les options Tolérance 20 ou 30.
- Au même endroit, 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ù il était question d'outils vectoriels, mais dans la sélection, ces options fonctionnent de la même manière.
Pour être honnête, je me fiche de la façon dont vous mettez en évidence le logo, que ce soit à la main au lasso ou à travers la gamme de couleurs. C'est juste que dans cette situation, en particulier sur cette image, le moyen le plus simple de le faire est d'utiliser l'outil Baguette magique.
Convertir la sélection en chemin vectoriel
Ne changez pas de l'outil Baguette magique.
- Cliquez avec le bouton droit sur la zone de sélection.
- Dans le menu qui apparaît, choisissez Créer un chemin de travail.
- Dans la fenêtre qui apparaît, réglez 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 pour que vous puissiez le voir.
Enregistrement du chemin dans la palette Chemin
Cette opération est facultative, mais souhaitable.
- Dans la fenêtre qui apparaît, saisissez un nom et cliquez sur OK.
Basculez vers la palette Chemin. Si vous ne le trouvez pas, cliquez sur Fenêtre> Chemin
Double-cliquez sur le chemin dans la palette.
Créer un masque vectoriel
Le processus de création d'un masque vectoriel est parfaitement décrit dans mon article Masque vectoriel dans Photoshop. Effectuons ce processus rapidement et sans détails.
Assurez-vous que votre chenil est sélectionné dans la palette Chemin
Choisissez dans le menu Calque> Nouveau calque de remplissage> Couleur unie
Dans la fenêtre qui apparaît, sélectionnez une couleur et cliquez sur OK
C'est tout. Tout serait plus précis sans hronofag.ru N'oubliez pas que je vous ai dit que plus l'image est petite, pire elle sera traduite. Êtes-vous prêt à parier sur vos mains un scan sale fourré dans Word, dont le client a besoin pour traduire en vecteur ? J'ai deviné ? Dans le même temps, l'image est compressée par compression JPG, réduite, puis agrandie, puis à nouveau réduite à la taille d'un avatar, et du ketchup a également été renversé dessus. Est-il possible de traduire qualitativement une telle image en vecteur dans Photoshop ?
Tout d'abord, jetez un œil à notre logo. Malgré l'excellente résolution, les bords nets Photoshop n'a pas réussi à créer des contours agréables et uniformes. L'illustrateur le fait 100 fois mieux, mais l'article ne concerne pas l'illustrateur. Comme vous pouvez le voir, les contours ne sont même pas 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 2 fois plus et vous montrer le résultat de la traduction en vecteur.
Voici un bon exemple de la façon dont 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é la taille. Eh bien, je vais réduire la qualité. Enregistrez l'image au format JPG avec la pire qualité.
Traduisons en vecteur. Excellent résultat, il ne manque que le ketchup. Juste ce qu'il faut pour un client satisfait, traitement dans un style grunge ou vintage !
Et pourtant, je manipule légèrement la vérité. Le fait est que tout cela a du sens pour Illustrator, qui crée un vecteur basé sur une image. Photoshop ne crée pas de vecteur à partir d'une image, il crée des chemins à partir d'une sélection. Il est logique que plus la sélection est bonne et lisse, plus les courbes seront lisses. Et l'outil Baguette magique avec lequel nous avons sélectionné ces zones n'est plus adapté à la sélection d'images aussi effrayantes. Oui, vous pourrez faire des sélections de haute qualité, utiliser tous les outils de sélection, vous pourrez même les agrandir et créer un contour plus ou moins régulier à partir d'eux, ce qui ne sera toujours pas idéal. Aller dans cette direction n'est qu'une perte de temps. La seule option qui fonctionne est de restituer le logo à partir de zéro dans Photoshop.
05.04.2014 62765
Il peut arriver que vous ayez soudainement besoin de convertir un bitmap ordinaire au format vectoriel. Si vous n'avez jamais travaillé avec des graphiques vectoriels auparavant, ou si vous avez des idées très vagues à ce sujet, alors la première chose qui vous vient à l'esprit est de trouver un programme de conversion sur Internet, d'y charger une image raster et, comme d'habitude, obtenir le résultat final à la sortie. Mais ce n'est pas si simple.
Il ne vaut pas la peine de se fier aux convertisseurs dits raster-vecteur, car tous ne donnent pas le résultat souhaité. La plupart de ces programmes ringarde distillent un format dans un autre, par exemple, de JPG à EPS, mais l'essence ne change pas de cela. Et c'est parce qu'un raster et un vecteur sont des choses fondamentalement différentes et qu'il n'y a aucun moyen de les convertir directement. Si une image raster est un ensemble de points - pixels, alors une image vectorielle est essentiellement une formule mathématique, par conséquent, l'approche doit être complètement différente.
Soit dit en passant, le même EPS peut stocker à la fois des objets vectoriels et raster. Et pourtant, il existe un moyen de convertir une image ordinaire en vecteur, seulement cela s'appelle non pas conversion, mais traçage ou vectorisation. Il existe deux principaux types de traçage : manuel et automatique. Lors du traçage manuel, une image raster ouverte dans l'éditeur de vecteurs est tracée le long des contours sur un nouveau calque, puis colorée. Avec la vectorisation automatique, toutes ces actions sont effectuées par le programme.
Par exemple, l'éditeur de vecteurs Adobe Illustrator fournit une option distincte à cet effet. Pour convertir une image en vecteur, ouvrez-la dans l'éditeur, sélectionnez-la avec la souris, puis sélectionnez Fenêtre -> Trace d'image.
Cela ouvrira une petite barre d'outils où vous pourrez choisir le modèle le plus approprié. Par défaut, Illustrator convertit l'image en vecteur noir et blanc "silhouette".
Pour créer le maximum image réaliste vous devez choisir un préréglage "Photographie de haute précision"... Au lieu de cela, vous pouvez également définir la valeur maximale pour le paramètre « Précision des couleurs »à l'aide du curseur, tandis que le reste des paramètres sera sélectionné automatiquement. Avant de démarrer le processus de vectorisation, assurez-vous que le mode est toujours défini "Couleur" et la palette "Ton plein"... Cliquez sur le bouton "Trace" et attendez la fin du processus de conversion.
Tout fichiers graphiques divisé par deux type global- raster et vecteur. Parfois, vous devez convertir un raster en un vecteur noir et blanc. Par exemple, pour tracer des icônes en noir et blanc, des codes QR, des codes-barres, des images avec des légendes raster, des reçus ou des images dans un blog.
Quelle est la différence entre un fichier raster et un fichier vectoriel
Graphiques raster
Fichier raster représente une séquence de carrés colorés (pixels). Le nombre de points dans le fichier est déterminé par ses dimensions horizontales et verticales. Par exemple, un fichier 640x480 contient 307 200 points. Un fichier raster peut être représenté comme une mosaïque. Vous ne pouvez pas étirer un bitmap sans perdre en qualité.Populaire format bitmap: JPEG, GIF, PNG, TIFF, WEBP, BPG.
Graphiques vectoriels
Les graphiques vectoriels représentent de nombreuses formes géométriques différentes décrites par des formules mathématiques. La superposition de ces formes les unes sur les autres forme une image. Par exemple, un carré ordinaire est décrit par quatre segments égaux, dont chacun est relié par ses extrémités aux extrémités des deux autres à un angle de 90 degrés.Formats vectoriels courants : SVG, EPS, WMF, PDF.
Raster en vecteur
Algorithme de vectorisation
Le traçage se déroule en plusieurs étapes :- Le vectoriseur scanne l'image et trouve toutes les zones avec des pixels de la même couleur.
- Les bordures sont approximées par des lignes épaisses de 1 px.
- Une triangulation contrainte le long des lignes est construite.
Convertisseur basé sur Potrace
Parfois, vous devez convertir automatiquement les images que les utilisateurs téléchargent du format raster au format vectoriel.Il existe une méthode très simple et autoroute mettre en œuvre une telle conversion en utilisant éditeur de vecteur Inkscape. Inkscape utilise Potrace pour vectoriser les images.
Après le traçage, l'image ne peut être qu'en noir et blanc. Sur potrace, il est écrit qu'il est possible que la prise en charge de la chrominance soit implémentée à l'avenir.
Un exemple de conversion de PNG en SVG. En entrée, la fonction potrace n'accepte que les fichiers avec l'extension PNM, donc avant de tracer le PNG, il faut convertir :
Exec ("convertir image.png image.pnm"); exec ("potrace image.pnm -s -o image.svg");
Ici est implémentée cette méthode et vous pouvez regarder la qualité du traçage de n'importe quelle image. Un exemple de vectorisation d'un code-barres flou. Et ceci est un exemple de logo tracé. C'est ainsi que le convertisseur traite les photos.
Comment faire l'image de sortie en couleur
En plus de l'édition manuelle, il existe une autre option pour peindre une image en noir et blanc à la sortie. Mais l'image doit être de faible couleur. La solution convient au traçage d'icônes, de logos et de boutons colorés en vecteur.Vous pouvez mettre en évidence des couleurs individuelles à l'aide du ppmcolormask (inclus dans le package Netpbm) :
Chat img.gif | cadeauopnm | ppmcolormask # 641b1b | potrace
Tracez ensuite chaque partie séparément et superposez-les sur la sortie.
Vecteur à raster
Pixelliser dessin vectoriel beaucoup plus facile. Une grille avec des cellules d'une certaine taille est superposée à une image vectorielle et l'image est échantillonnée, après quoi elle est codée selon le format de sortie.
Un exemple de conversion de SVG en PNG à l'aide d'Imagick.
Avec ce code, vous pouvez convertir des fichiers SVG en PNG24 :
$ svg = file_get_contents ("image.svg"); $ image = nouvelle Imagick (); $ image-> setBackgroundColor (nouveau ImagickPixel ("transparent")); $ image -> readImageBlob ($ svg); $ image-> setImageFormat ("png24"); $ image-> writeImage ("image.png"); $ image-> effacer (); $ image-> détruire ();
Ici, vous pouvez voir les résultats de la conversion de vos images de SVG en PNG.
Résumé
- Vous pouvez convertir de raster en vecteur sur votre site en utilisant potrace.
- Potrace ne prend en charge que la vectorisation en noir et blanc.
- Vous pouvez convertir du vecteur au raster en utilisant Imagick.
Le moyen le plus simple de tracer un graphique est d'ouvrir ou de placer le fichier dans Adobe Illustrator et de le tracer automatiquement à l'aide de la commande Image Trace : Aide d'Illustrator. Utilisation de l'outil de trace d'image - CS6
* Encore plus simple) :
Par logiciel, l'image/photo/dessin/photo que vous fournissez - en vecteur pour 1 (!) Euro -> Image en vecteur
=== Services en ligne ===
- La première est payante, bien que deux images de démarrage puissent être créées gratuitement.
En anglais, même si c'est facile à comprendre. Deux options d'utilisation - en ligne ou acheter un programme pour un ordinateur. Le prix d'utilisation en ligne (illimité) est de 7,95 $, le programme pour le bureau est de 295,00 $. Il est possible de commander un traçage manuel.
Bien sûr, vous pouvez trouver moins cher sur les portails indépendants, eh bien, il y a du choix pour tout le monde.
Précision
Ci-dessus, quelques images de comparaison de Vector Magic, Adobe Live Trace (CS6) et Corel
Corel PowerTRACE (X6). Faites attention à l'exactitude du traitement des formulaires par le Vector.
Facilité d'utilisation
Vous n'avez pas besoin d'installer et de connaître une grande variété d'options et de paramètres pour obtenir un résultat acceptable.
Vous avez juste besoin de répondre à quelques questions simples et c'est tout. Si le résultat n'est pas satisfaisant, il existe un guide "sur les défauts", où vous pouvez facilement trouver la réponse et résoudre le problème.
Vous pouvez essayer encore et encore jusqu'à ce que vous obteniez un résultat satisfaisant.
En général, vous pouvez déplacer ce travail vers Vector et effectuer des tâches plus créatives.
La traduction est gratuite, mais le sens est quelque chose comme ça.
Images originales en format JPG, GIF, PNG, BMP et TIFF. Résultat : trois options de qualité et trois formats : EPS, SVG et PNG. Une fois terminé, une répétition avec une qualité souhaitée différente et quelques retouches sont possibles.
- Ensuite, complètement LIBRE .
Entièrement en anglais, mais l'utilisation est claire. Un peu plus de personnalisation et de travail manuel, mais ça vaut le coup.
Formats sources pris en charge :
| Formats de sortie :
|
- vous permet de convertir des images en. Vous pouvez soit télécharger un fichier, soit fournir un lien vers une image. La superposition d'effets numériques est également possible.
Lors de la conversion d'images raster (PNG ou JPG) au format SVG, les formes et les objets seront convertis en noir et blanc graphiques vectoriels qui évolue sans aucune perte de qualité. Ces images peuvent être colorées en utilisant logiciel gratuit sur le travail avec des images vectorielles (et autres). Dans la plupart des cas, les photographes n'obtiendront pas le résultat souhaité lors de la conversion d'un bitmap au format SVG.
Si vous convertissez une image vectorielle (par exemple, au format eps ou ai) en SVG, le convertisseur essaiera de préserver toutes les données vectorielles et de couleur, et assurera également la similitude maximale possible des deux fichiers.
Le convertisseur de format Scalable Vector Graphics (SVG) vous permet de convertir des fichiers dans plus de 130 formats. Sens de conversion :
3FR vers SVG, AFF vers SVG, AI vers SVG, ANI vers SVG, ART vers SVG, ARW vers SVG, AVI vers SVG, AVS vers SVG, BMP vers SVG, CDR vers SVG, CGM vers SVG, CIN vers SVG, CMJN vers SVG, CMYKA en SVG, CR2 en SVG, CRW en SVG, CUR en SVG, CUT en SVG, DCM en SVG, DCR en SVG, DCX en SVG, DDS en SVG, DFONT en SVG, DIA en SVG, DNG en SVG, DPX vers SVG, DXF vers SVG, EPDF vers SVG, EPI vers SVG, EPS vers SVG, EPSF vers SVG, EPSI vers SVG, EPT vers SVG, EPT2 vers SVG, EPT3 vers SVG, ERF vers SVG, EXR vers SVG, FAX vers SVG, FIG en SVG, FITS en SVG, FPX en SVG, FRACTAL en SVG, FTS en SVG, G3 en SVG, GIF en SVG, GIF87 en SVG, GRAY en SVG, GRB en SVG, HDR en SVG, HRZ en SVG, ICB vers SVG, ICO vers SVG, ICON vers SVG, IPL vers SVG, JBG vers SVG, JBIG vers SVG, JNG vers SVG, JP2 vers SVG, JPC vers SVG, JPE vers SVG, JPEG vers SVG, JPG vers SVG, JPX vers SVG, K25 en SVG, KDC en SVG, M2V en SVG, M4V en SVG, MAT en SVG, MIFF en SVG, MNG en SVG, MONO en SVG, MOV en SVG, MP4 en SVG, MPC en SVG, MPEG en SVG, MPG vers SVG, MR W vers SVG, MSL vers SVG, MSVG vers SVG, MTV vers SVG, MVG vers SVG, NEF vers SVG, NRW vers SVG, ORF vers SVG, OTB vers SVG, OTF vers SVG, PAL vers SVG, PALM vers SVG, PAM vers SVG, PBM en SVG, PCD en SVG, PCDS en SVG, PCL en SVG, PCT en SVG, PCX en SVG, PDB en SVG, PDF en SVG, PDFA en SVG, PEF en SVG, PES en SVG, PFA en SVG, PFB vers SVG, PFM vers SVG, PGM vers SVG, PICON vers SVG, PICT vers SVG, PIX vers SVG, PJPEG vers SVG, PLASMA vers SVG, PNG vers SVG, PNG24 vers SVG, PNG32 vers SVG, PNG8 vers SVG, PNM vers SVG, PPM en SVG, PS en SVG, PSD en SVG, PTIF en SVG, PWP en SVG, RAF en SVG, RAS en SVG, RGB en SVG, RGBA en SVG, RLA en SVG, RLE en SVG, SCT en SVG, SFW vers SVG, SGI vers SVG, SK vers SVG, SK1 vers SVG, SR2 vers SVG, SRF vers SVG, SUN vers SVG, SVG vers SVG, SVGZ vers SVG, TGA vers SVG, TIF vers SVG, TIFF vers SVG, TIM vers SVG, TTC en SVG, TTF en SVG, TXT en SVG, VDA en SVG, VICAR en SVG, VID en SVG, VIFF en SVG, VST en SVG, WBMP en SVG, WEBP en SVG, WMF en SVG, WMZ en SVG, WPG en SVG , X vers SVG, X3F vers SVG, XAML vers SVG, XBM vers SVG, XC vers SVG, XCF vers SVG, XFIG vers SVG, XPM vers SVG, XV vers SVG, XWD vers SVG, YCBCR vers SVG, YCBCRA vers SVG, YUV en SVG
Construit sur des solutions open source telles que Autotrace, ImageMagick et divers composants graphiques Linux.
Formats de conversion :
SVG - Fichiers graphiques vectoriels évolutifs
AI - Fichiers Adobe Illustrator (basés sur PostScript)
CGM - Fichiers métafichiers d'infographie
WMF - Fichiers métafichiers Windows
SK - Fichiers Sketch / Skencil
PDF - Format de document portable
EPS - PostScript
PLT - HPGL pour la découpe de fichiers traceurs
aussi : P2E, FIG, EMF, MIF, ER, DXF, EPD, CGM, oDR2D