Как извлечь PNG из файла Adobe Illustrator

Мой графический / веб-дизайнер оставил мне файл Adobe Illustrator моего сайта. Она сказала, что будет легко извлечь изображения в формате PNG, чтобы я мог использовать их в своем HTML. Но я не могу понять это слишком легко.

Изображения, кажется, много векторных рисунков. Я могу отделить их от окружающего искусства и выбрать все части. Но тогда как мне сохранить этот выбор как файл PNG?

Кстати: я использую Adobe Illustrator CS6.

1. Выберите то, что вы хотите
2. Ctrl+ G(Выбор группы)
3. Ctrl+ C(Копировать)
4. Ctrl+ N(Новый файл)
5. Ctrl+ V(Вставить)
6. File> Save for Web & Devices, затем на правом переключателе .JPG в .PNG , затем вы также хотите снять галочку в самом низу под опциями .PNG , где написано «Clip to Artboard»

Вы могли бы сделать это быстрее с помощью сценариев. Я только что создал этот js-скрипт для Illustrator CS4. Надеюсь, CS6 тоже сможет это выполнить.

1. Скопируйте приведенный ниже код в новый файл с расширением ".jsx", сохраните его.
2. Теперь в AI выберите, что должно быть экспортировано (только один элемент за раз; сгруппируйте несколько, если необходимо)
3. Выполнить скрипт (с помощью перетаскивания или Файл / скрипты / Другой скрипт ...)
4. Готово - экспортированные изображения были сохранены в папке, где находится ai-файл.

НОТА:

• позиция экспортируемого объекта будет округлена! Так что будьте осторожны при сохранении

• работает также для PNG24 ... просто заменить PNG8 на 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();
  

У меня хорошо работает, и у меня не было (больше) ошибок до сих пор. Но поддерживать вещи не может повредить.

Используйте Slice Tool.

Создайте фрагменты с помощью инструмента, затем используйте диалоговое окно File-> Save for Web ... (Ctrl-Shift-Alt S, Command-Shift-Alt S) для экспорта фрагментов. В диалоговом окне дважды щелкните мышью на созданных срезах, указав им разумное имя файла.

Убедитесь, что выбран пункт «Экспорт-> Пользовательские фрагменты», и нажмите «Сохранить». Выберите каталог (мне нравится использовать «пустую» папку для любого экспорта). Illustrator создаст в этой папке каталог с именем «images», и в нем будут фрагменты, которые вы определили в формате, выбранном вами при сохранении. Для веб-экрана.

Сохраните для Интернета и убедитесь, что «Клип на артборде» не выбран. Это подойдет для Adobe CC, я не уверен, что CS6 имеет эту функцию.

используйте эту команду Ctrl + Shift + Alt + S