Cara mengekstrak PNG dari file Adobe Illustrator

Desainer grafis / web saya meninggalkan saya dengan file Adobe Illustrator dari situs web saya. Dia mengatakan akan mudah untuk mengekstrak gambar sebagai PNG sehingga saya dapat menggunakannya dalam HTML saya. Tapi aku tidak bisa memecahkannya dengan mudah.

Gambar tampaknya banyak gambar vektor. Saya dapat memisahkan mereka dari seni sekitarnya dan memilih semua bagian. Tapi bagaimana cara menyimpan pilihan itu sebagai file PNG?

Btw .: Saya menggunakan Adobe Illustrator CS6.

1. Pilih apa yang Anda inginkan
2. Ctrl+ G(Pemilihan Grup)
3. Ctrl+ C(Salin)
4. Ctrl+ N(File baru)
5. Ctrl+ V(Tempel)
6. File> Simpan untuk Web & Perangkat kemudian di kanan beralih. JPG ke .PNG , maka Anda juga ingin menghapus centang di bagian paling bawah di bawah opsi .PNG di mana dikatakan "Klip ke Artboard"

Anda bisa melakukan ini lebih cepat dengan scripting. Saya baru saja membuat skrip js ini untuk Illustrator CS4. Saya harap, CS6 dapat menjalankannya juga.

1. Salin kode di bawah ini ke file baru dengan ekstensi ".jsx", simpan.
2. Sekarang di AI, pilih apa yang akan diekspor (hanya satu elemen sekaligus; kelompok beberapa jika perlu)
3. Jalankan skrip (melalui seret-dan-jatuhkan atau File / skrip / Skrip Lain ...)
4. Selesai - Gambar yang diekspor disimpan ke folder tempat file-ai berada.

CATATAN:

• posisi objek yang diekspor akan dibulatkan! Jadi berhati-hatilah saat menyimpan

• bekerja juga untuk png24 ... ganti PNG8 dengan 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();
  

Bekerja dengan baik untuk saya dan saya tidak punya (lebih) kesalahan sejauh ini. Tetapi mendukung semuanya tidak ada salahnya.

Gunakan Alat Iris.

Buat irisan menggunakan alat, kemudian gunakan kotak dialog File-> Save for Web ... (Ctrl-Shift-Alt S, Command-Shift-Alt S) untuk mengekspor irisan. Di kotak dialog klik dua kali pada irisan yang Anda buat, berikan mereka nama file yang masuk akal.

Pastikan bahwa Ekspor-> Irisan Pengguna dipilih dan klik Simpan. Pilih direktori (saya suka menggunakan folder 'awal' untuk output ekspor apa pun.) Illustrator akan membuat direktori yang disebut 'gambar' di folder itu dan di sana akan ada irisan yang telah Anda tetapkan dalam format yang Anda pilih pada Simpan Untuk layar Web.

Simpan untuk web dan pastikan "Klip ke Papan Tulis" tidak dipilih. Itu akan melakukan trik untuk Adobe CC, saya tidak yakin apakah CS6 memiliki fungsi ini.

gunakan perintah ini Ctrl + Shift + Alt + S