Comment extraire des fichiers PNG à partir d'un fichier Adobe Illustrator

Mon graphiste / concepteur Web m'a laissé un fichier Adobe Illustrator de mon site Web. Elle a dit qu'il serait facile d'extraire les images au format PNG afin que je puisse les utiliser dans mon HTML. Mais je ne peux pas comprendre cela trop facilement.

Les images semblent être de nombreux dessins vectoriels. Je peux les séparer de l'art environnant et sélectionner toutes les pièces. Mais comment puis-je enregistrer cette sélection en tant que fichier PNG?

Btw .: J'utilise Adobe Illustrator CS6.

1. Sélectionnez ce que vous voulez
2. Ctrl+ G(Sélection de groupe)
3. Ctrl+ C(Copier)
4. Ctrl+ N(Nouveau fichier)
5. Ctrl+ V(Coller)
6. Fichier> Enregistrer pour le Web et les appareils, puis sur le bouton droit .JPG pour .PNG , puis vous souhaitez également décocher tout en bas sous les options .PNG où il est dit "Clip to Artboard"

Vous pouvez le faire plus rapidement avec les scripts. Je viens de créer ce script js pour Illustrator CS4. J'espère que CS6 pourra également l'exécuter.

1. Copiez le code ci-dessous dans un nouveau fichier avec l'extension ".jsx", enregistrez-le.
2. Maintenant, dans AI, sélectionnez ce qui doit être exporté (un seul élément à la fois; groupez plusieurs si nécessaire)
3. Exécutez le script (via glisser-déposer ou Fichier / scripts / Autre Script ...)
4. Terminé - Les images exportées ont été enregistrées dans le dossier où se trouve le fichier ai.

REMARQUE:

• la position de l'objet exporté sera arrondie! Soyez donc prudent lors de l'enregistrement

• fonctionne aussi pour png24 ... il suffit de remplacer PNG8 par PNG24

  function exportFileToPNG(dest, artBoardIndex)
  {
      var exportOptions = new ExportOptionsPNG8(); // or ExportOptionsPNG24
      var type = ExportType.PNG8; // or ExportType.PNG24
      var file = new File(dest + ".png");
  
      exportOptions.artBoardClipping = true;
      exportOptions.antiAliasing = true;
      exportOptions.transparency = true;
      exportOptions.qualitySetting = 72;
      exportOptions.saveMultipleArtboards = false;
      exportOptions.artboardRange = "" + artBoardIndex;
      app.activeDocument.exportFile( file, type, exportOptions );
  }
  
  function execute()
  {
      if (app.documents.length == 0)
      {
          alert('No document open', 'Error');
          return;
      }
  
      if (app.activeDocument.selection.length == 0)
      {
          alert('Nothing selected', 'Error');
          return;
      }
  
      var selectedStuff = app.activeDocument.selection[0];
  
      // snap position to pixels
      selectedStuff.position = [ Math.round(selectedStuff.position[0]), Math.round(selectedStuff.position[1]) ];
  
      // create temporary artboad for exporting
      var docRef = app.activeDocument;
      var rect = selectedStuff.visibleBounds;
  
      try
      {
          docRef.artboards.add(rect);
      }
      catch(e)
      {
          alert('Could not create Artboard as step of export.', 'Failure');
          return;
      }
  
      // determine destination
      var destFolder = docRef.path;
      if(destFolder == "")
          destFolder = Folder.selectDialog('Select the folder to export to:');
  
      if(destFolder)
      {
          try
          {
              exportFileToPNG(destFolder + "/" + docRef.name, docRef.artboards.length);
          }
          catch(e) {}
      }
  
      // delete temp-artboard
      docRef.artboards.remove(docRef.artboards.length - 1);
  }
  
  execute();
  

Fonctionne bien pour moi et je n'ai eu aucune erreur (plus) jusqu'à présent. Mais sauvegarder les choses ne peut pas faire de mal.

Utilisez l'outil Tranche.

Créez des tranches à l'aide de l'outil, puis utilisez la boîte de dialogue Fichier-> Enregistrer pour le Web ... (Ctrl-Maj-Alt S, Commande-Maj-Alt S) pour exporter les tranches. Dans la boîte de dialogue, double-cliquez sur les tranches que vous avez créées, en leur donnant un nom de fichier raisonnable.

Assurez-vous que Exporter-> Tranches utilisateur est sélectionné et cliquez sur Enregistrer. Choisissez un répertoire (j'aime utiliser un dossier 'scratch' pour n'importe quelle sortie d'exportation.) Illustrator créera un répertoire appelé 'images' dans ce dossier et il y aura les tranches que vous avez définies dans le format que vous avez choisi sur le Save Pour l'écran Web.

Enregistrez pour le Web et assurez-vous que le "Clip au plan de travail" n'est pas sélectionné. Cela fera l'affaire pour Adobe CC, je ne sais pas si CS6 a cette fonction.

utilisez cette commande Ctrl + Maj + Alt + S