Cách trích xuất PNG từ tệp Adobe Illustrator

Nhà thiết kế đồ họa / web của tôi đã để lại cho tôi một tệp Adobe Illustrator của trang web của tôi. Cô ấy nói rằng thật dễ dàng để trích xuất các hình ảnh dưới dạng PNG để tôi có thể sử dụng chúng trong HTML của mình. Nhưng tôi không thể tìm ra điều này quá dễ dàng.

Các hình ảnh dường như là nhiều bản vẽ vector. Tôi có thể tách chúng ra khỏi nghệ thuật xung quanh và chọn tất cả các tác phẩm. Nhưng làm thế nào để tôi lưu lựa chọn đó dưới dạng tệp PNG?

Btw.: Tôi đang sử dụng Adobe Illustrator CS6.

1. Chọn những gì bạn muốn
2. Ctrl+ G(Lựa chọn nhóm)
3. Ctrl+ C(Bản sao)
4. Ctrl+ N(Tập tin mới)
5. Ctrl+ V(Dán)
6. Tệp> Lưu cho Web & Thiết bị, sau đó chuyển sang phải .JPG sang .PNG , sau đó bạn cũng muốn bỏ chọn ở dưới cùng bên dưới các tùy chọn .PNG có ghi "Clip to Artboard"

Bạn có thể làm điều này nhanh hơn với kịch bản. Tôi vừa tạo js-script này cho Illustrator CS4. Tôi hy vọng, CS6 cũng có thể thực hiện nó.

1. Sao chép mã dưới đây vào một tệp mới có phần mở rộng ".jsx", lưu nó.
2. Bây giờ trong AI, chọn những gì sẽ được xuất (chỉ một yếu tố cùng một lúc; nhóm nhiều nếu cần)
3. Thực thi tập lệnh (thông qua kéo và thả hoặc Tệp / tập lệnh / Tập lệnh khác ...)
4. Xong - Ảnh đã xuất được lưu vào thư mục chứa tệp ai.

GHI CHÚ:

• vị trí của đối tượng xuất sẽ được làm tròn! Vì vậy, hãy cẩn thận khi tiết kiệm

• cũng hoạt động với png24 ... chỉ cần thay thế PNG8 bằng 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();
  

Hoạt động tốt cho tôi và tôi không có (nhiều) lỗi cho đến nay. Nhưng sao lưu mọi thứ không thể làm tổn thương.

Sử dụng Công cụ Slice.

Tạo các lát bằng công cụ, sau đó sử dụng hộp thoại Tệp-> Lưu cho Web ... (Ctrl-Shift-Alt S, Command-Shift-Alt S) để xuất các lát. Trong hộp thoại bấm đúp vào các lát bạn đã tạo, đặt cho chúng một tên tệp hợp lý.

Đảm bảo rằng Xuất-> Các lát người dùng được chọn và nhấp vào Lưu. Chọn một thư mục (Tôi thích sử dụng thư mục 'cào' cho bất kỳ đầu ra xuất nào.) Illustrator sẽ tạo một thư mục có tên 'hình ảnh' trong thư mục đó và trong đó sẽ có các lát bạn đã xác định theo định dạng bạn đã chọn trên Lưu Đối với màn hình Web.

Lưu cho web và đảm bảo "Clip to Artboard" không được chọn. Điều đó sẽ tạo nên mánh khóe cho Adobe CC, tôi không chắc CS6 có chức năng này không.

sử dụng lệnh này Ctrl + Shift + Alt + S