Як витягти 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. Файл> Зберегти для Web і пристроїв потім на правий перемикач .JPG в .PNG , то ви також хочете , щоб зняти в самому низу під .png варіантів , де він говорить , «Кліп до 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();
  

Для мене добре працює, і в мене до цього часу не було (більше) помилок. Але резервне копіювання речей не може зашкодити.

Використовуйте інструмент "Зріз".

Створіть фрагменти за допомогою інструмента, а потім скористайтеся діалоговим вікном Файл-> Зберегти для Веб ... (Ctrl-Shift-Alt S, Command-Shift-Alt S) для експорту фрагментів. У діалоговому вікні двічі клацніть на створених вами фрагментах, надавши їм розумне ім’я файлу.

Переконайтесь, що вибрано Експорт-> Фрагменти користувача та натисніть кнопку Зберегти. Виберіть каталог (мені подобається використовувати папку "подряпини" для будь-якого виводу експорту.) Illustrator створить в цій папці каталог із назвою "images", і там будуть фрагменти, визначені вами у форматі, який ви вибрали у Save. Для веб-екрана.

Збережіть для Інтернету та переконайтесь, що "Кліп до артборду" не вибрано. Це зробить трюк для Adobe CC, я не впевнений, чи має CS6 цю функцію.

використовуйте цю команду Ctrl + Shift + Alt + S