【図解】イラストレーターでレイヤーごとにまとめて書き出す方法【Adobe illustrator】

PC小技

イラレでデザインをまとめて書き出すことってできるの?

もちろんできるよ!さっそく解説するね。

おはこんばんにちは!ノボルです。

今回は、Adobe illustratorでレイヤーごとにまとめて書き出す方法を解説します。

Adobe illustratorでデザインをまとめて書き出す方法

動作環境はMac OSですが、Windowsでも同じように書き出すことができるので安心してください

今回は、例として、動物のイラストをレイヤーごとに書き出していきます。


まずは、Macのメニューバーにある[Spotlight]から「テキストエディット」と検索し、「テキストエディット.app」を開きます。

※ Windowsの方は、「メモ帳」を開いてください。


テキストエディットを開いたら、[フォーマット]→[標準テキストにする]を選択します。


上のソースコードの、全てコピーしてください


テキストエディットに、コピーしたコードを貼り付けます


ファイル]→[保存]をクリック。


ファイル名は何でもいいですが、ファイル形式は必ず「.jsx」にしてください。
拡張子が…」のチェックを外して、[保存]します。


Adobe illustratorのメニューバーから、[ファイル]→[スクリプト]→[その他のスクリプト]を選択します。


先ほど保存したファイルを選択して、[]をクリック。


そのまま、保存先の指定を求められるので、お好きなフォルダを選択し、[開く]をクリックします。


無事、動物のデザインをレイヤーごとに書き出すことができました

意外と簡単なんだね!


最後に

今回の記事では、Adobe illustratorでレイヤーごとにまとめて書き出す方法を解説しました。

最後まで読んでいただき、ありがとうございました(o^^o)

コメント

  1. かものはし より:

    順番に作業し無事書き出しまでできましたが、
    背景を透過した状態での書き出しをしたい(画像だけで保存がしたいです)のですが、
    どこをどう書き換えてよいかわかりません。
    お忙しいところ恐れ入りますが、ご教示いただけないでしょうか。
    よろしくお願いいたします。

    • ノボル ノボル より:

      コメントありがとうございます!
      本記事で紹介した方法では、
      背景を透過した状態でまとめて書き出すのは難しそうです。。。
      手間がかかりますが、1レイヤーごとに背景透明で書き出すしかなさそうです。
      ([ファイル]→[書き出し]→[書き出し形式]→[PNG形式を選択]→[背景色を透明に指定]→[OK])
      お力になれずにすみません!

  2. かものはし より:

    返信いただきありがとうございます!
    やはりそうですよね。。。
    お忙しいところありがとうございました!!

  3. かものはし より:

    度々失礼します。
    気づかなかっただけで背景透過されていました。
    次の問題はアートボードサイズ(余白が大きい状態)で書き出されているので
    画像のサイズで書き出すにはどうすればいいかです( ;∀;)

    • ノボル ノボル より:

      コメントありがとうございます。
      背景透過されていたんですね!
      まとめて書き出す際に
      アートボードサイズでクリップさせない方法ですが、
      こちらもよく分からないですね、、、
      お力になれずにすみません!

      • かものはし より:

        透過されていました!(^^)!
        とんでもないです
        書き出せただけでも効率がよくて大変助かりました!
        ありがとうございました

タイトルとURLをコピーしました