Adobe IllustratorファイルからPNGを抽出する方法

グラフィック/ウェブデザイナーは、私のウェブサイトのAdobe Illustratorファイルを残しました。彼女は、画像をPNGとして簡単に抽出できるので、HTMLで使用できると言いました。しかし、私はこれを簡単に理解することはできません。

画像は多くのベクトル図面のようです。それらを周囲のアートから分離し、すべての作品を選択できます。しかし、その選択をPNGファイルとして保存するにはどうすればよいですか？

Btw .: Adob​​e Illustrator CS6を使用しています。

1. 欲しいものを選択してください
2. Ctrl+ G（グループ選択）
3. Ctrl+ C（コピー）
4. Ctrl+ N（新しいファイル）
5. Ctrl+ V（貼り付け）
6. [ファイル]> [Webおよびデバイス用に保存]を選択し、右側で.JPGを.PNGに切り替えてから、.PNGオプションの下にある[ Clip to Artboard]というチェックボックスをオフにします。

スクリプトを使用すると、これをより高速に行うことができます。Illustrator CS4用にこのjsスクリプトを作成しました。CS6でも実行できることを願っています。

1. 以下のコードを、拡張子が「.jsx」の新しいファイルにコピーして保存します。
2. AIで、エクスポートするものを選択します（一度に1つの要素のみ、必要に応じてグループ化）
3. スクリプトを実行します（ドラッグアンドドロップまたはFile / scripts / Other Script ...を使用）
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();
  

私にとっては問題なく動作し、これまでのところ（もう）エラーはありませんでした。しかし、物事をバックアップしても害はありません。

スライスツールを使用します。

ツールを使用してスライスを作成し、[ファイル]-> [Web用に保存...]ダイアログボックス（Ctrl-Shift-Alt S、Command-Shift-Alt S）を使用してスライスをエクスポートします。ダイアログボックスで、作成したスライスをダブルクリックし、適切なファイル名を付けます。

[エクスポート]-> [ユーザースライス]が選択されていることを確認し、[保存]をクリックします。ディレクトリを選択します（エクスポート出力には「スクラッチ」フォルダーを使用します）。Illustratorは、そのフォルダーに「images」という名前のディレクトリを作成し、保存時に選択した形式で定義したスライスを作成します。 Web画面用。

Web用に保存し、「アートボードにクリップ」が選択されていないことを確認します。これがAdobe CCのコツです。CS6にこの機能があるかどうかはわかりません。

このコマンドを使用しますCtrl + Shift + Alt + S