Adobe Illustrator dosyasından PNG'ler nasıl çıkarılır

Grafik / web tasarımcım beni web sitemin bir Adobe Illustrator dosyasıyla bıraktı. HTML'de kullanabilmem için resimleri PNG olarak çıkarmanın kolay olacağını söyledi. Ama bunu çok kolay anlayamıyorum.

Görüntüler birçok vektör çizimidir. Onları çevredeki sanattan ayırabilir ve tüm parçaları seçebilirim. Ancak bu seçimi PNG dosyası olarak nasıl kaydedebilirim?

Btw .: Adobe Illustrator CS6 kullanıyorum.

1. İstediğinizi seçin
2. Ctrl+ G(Grup Seçimi)
3. Ctrl+ C(Kopyala)
4. Ctrl+ N(Yeni dosya)
5. Ctrl+ V(Yapıştır)
6. Dosya> Web ve Aygıtlar için Kaydet sağ düğmesi açık sonra .JPG için PNG , o zaman da altında çok alt de işaretini istediğiniz PNG diyor seçenekleri "Klip çalışma yüzeyiyle"

Komut dosyası ile bunu daha hızlı yapabilirsiniz. Illustrator CS4 için bu js komut dosyasını oluşturdum. Umarım CS6 da uygulayabilir.

1. Aşağıdaki kodu ".jsx" uzantılı yeni bir dosyaya kopyalayın, kaydedin.
2. Şimdi AI'da nelerin dışa aktarılacağını seçin (aynı anda yalnızca bir öğe; gerekirse birden çok grubu)
3. Komut dosyasını yürütme (sürükle ve bırak veya Dosya / komut dosyaları / Diğer Komut Dosyaları ile ...)
4. Tamamlandı - Dışa aktarılan resimler AI dosyasının bulunduğu klasöre kaydedildi.

NOT:

• dışa aktarılan nesnenin konumu yuvarlanır! Bu yüzden tasarruf ederken dikkatli olun

• png24 için de çalışır ... sadece PNG8'i PNG24 ile değiştirin

  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();
  

Benim için iyi çalışıyor ve şimdiye kadar (daha fazla) hata vardı. Ama işleri yedeklemek acı veremez.

Dilim Aracını kullanın.

Aracı kullanarak dilimler oluşturun, ardından dilimleri dışa aktarmak için Dosya-> Web İçin Kaydet ... iletişim kutusunu (Ctrl-Shift-Alt S, Command-Shift-Alt S) kullanın. İletişim kutusunda, makul bir dosya adı vererek oluşturduğunuz dilimleri çift tıklatın.

Dışa Aktar-> Kullanıcı Dilimleri'nin seçili olduğundan emin olun ve Kaydet'i tıklayın. Bir dizin seçin (herhangi bir dışa aktarma çıktısı için bir 'karalama' klasörü kullanmak istiyorum.) Illustrator, bu klasörde 'images' adlı bir dizin oluşturacak ve Kaydet'te seçtiğiniz biçimde tanımladığınız dilimler olacaktır Web ekranı için.

Web için kaydedin ve "Çalışma Yüzeyini Kırp" seçeneğinin seçili olmadığından emin olun. Bu, Adobe CC için hile yapacak, CS6'nın bu işleve sahip olduğundan emin değilim.

bu komutu kullanın Ctrl + Üst Karakter + Alt + S