Adobe Illustratorファイルを他の形式で保存する方法：JPEG、PNG、SVGなど

Adobe Illustratorファイルを他の形式で保存する方法：JPEG、PNG、SVGなど

デフォルトでは、 アドビイラストレーター AI形式でファイルを保存します。これは、プロジェクトで作業しているとき、または作業のマスターコピーを保存する場合に理想的です。





ただし、完成品を印刷または共有したり、オンラインで投稿したり、他のプログラムにインポートしたりする場合は、JPEG、PNG、SVGなどの別の形式で保存する必要があります。



この記事では、Adobe Illustrator（AI）ファイルをJPEG、PNG、SVGなどの他の形式で保存する方法を紹介します。





AdobeIllustratorでアートボードを保存する

特定の形式でファイルを保存する方法を検討する前に、Adobe Illustratorがアートボードを処理する方法と、それらを個別のファイルとして保存する方法を理解することが重要です。

アートボードは、Illustratorファイル内のさまざまなページのようなものです。それらを1つのグラフィックに結合することも、別々の画像として保存することもできます。



Illustratorファイルを保存すると、通常、アートボードをどのように処理するかを尋ねられます。決定する内容は、エクスポートされた最終的な画像の外観に影響します。

ほとんどの場合、あなたはのオプションを介して決定します 書き出す 画面。これがあなたがすべきことです：



  • 複数のアートボードを別々のファイルとして保存する場合は、 [アートボードを使用する]チェックボックスをオンにします 。次に、いずれかを選択します 全て すべてのアートボードを保存するか、 範囲 （2-4など）保存するアートボードを指定します。
  • アートボードの外側にオブジェクトを配置した場合（エッジに重なっている場合など）、 [アートボードを使用する]チェックボックスをオンにします 。これにより、最終的な画像にアートボード内のものだけが含まれ、残りが切り取られるようになります。
  • すべてのアートワークがアートボード内にあり、そのうちの1つしかない場合は、 [アートボードを使用]ボックスをクリアします 。これにより、すべての空白が削除された、その中のオブジェクトの境界にトリミングされた画像が生成されます。これは、正方形または長方形のオブジェクトを出力する場合に特に便利です。

IllustratorファイルをJPEGとして保存する方法

イラスト、インフォグラフィック、または印刷する必要のあるもの（ AdobeIllustratorで名刺をデザインする ）、最良のオプションは、高解像度JPEGとして保存することです。

理想的には、アートワークを出力したいサイズとほぼ同じサイズでデザインする必要があります。 Illustratorの画像は品質を損なうことなくサイズ変更できますが、オブジェクト間のサイズ設定（特にテキストのカーニング）は、小さいサイズよりも大きいサイズの方が狭い必要があることがわかります。



以前にこの方法で作業したことがない場合は、新しいドキュメントを作成し、アートワークを貼り付けて、好みに合わせて調整します。これで、高解像度JPEGを保存する準備が整いました。

  1. に移動 ファイル>エクスポート>名前を付けてエクスポート 。ファイル名を入力して設定します フォーマット に Jpeg 。
  2. アートボードの保存方法を設定してから、 書き出す 続ける。
  3. に JPEGオプション 画面変更 カラーモデル 必要に応じて、品質を選択してください。
  4. 下 オプション 、出力解像度を設定します。 画面（72dpi） 元のドキュメントと同じサイズのファイルが生成され、Webで使用しても問題ありません。選ぶ 高（300dpi） 高解像度の画像の場合。これは印刷には十分です。
  5. クリック わかった ファイルを保存します。

IllustratorファイルをPNGとして保存する方法

Webで使用するためにロゴやアイコンなどの画像を保存する必要がある場合、特に背景が透明な場合は、AIファイルをPNGとして保存する必要があります。

標準および高解像度のディスプレイをサポートするには、ファイルをさまざまなサイズでエクスポートする必要があります。これは自動的に行うことができます。

  1. に移動 ファイル>エクスポート>画面用にエクスポート 。
  2. を選択 アートボード タブ。画像に複数のアートボードがある場合は、出力するアートボードを選択します。
  3. 下 フォーマット 、 設定 フォーマット に PNG と 規模 に 1倍 。
  4. クリック スケールを追加 。これにより、2番目の画像の設定が作成されるため、 規模 新しい相対サイズへのオプション。たとえば、3xは、元の画像の3倍の高さと幅の画像を出力します。
  5. 必要に応じてサイズを追加してください。
  6. クリック アートボードのエクスポート 画像を保存します。

AdobeIllustratorファイルをSVGとして保存する方法

アイコンやロゴなどのグラフィックをWebにエクスポートするためのより優れた、より現代的な方法は、SVG形式を使用することです。スケーラブルベクターグラフィックスの略で、SVGは実際にはXMLベースのマークアップ言語です。

誰がグーグルであなたを検索しているかわかりますか

リンク可能なファイルをWebページに出力できますが、画像をコードとして保存して、HTMLファイルに直接貼り付けることもできます。その後、CSSを使用してこれを編集できます。これは、画像に効果やアニメーションを追加するための非常に効率的な方法です。

他にも利点があります。画像は軽量であり、ベクトルであるため、簡単にサイズを変更できます。異なる画面解像度で複数のサイズの画像を出力する必要はありません。

SVGを作成する方法はいくつかあります。使用する 名前を付けて保存 作業用のより大きなファイルを作成します。プロジェクトで使用できる最終的な画像を作成するには、 書き出す オプション。

  1. に移動 ファイル>エクスポート>名前を付けてエクスポート 。
  2. をセットする フォーマット に SVG をクリックします 書き出す 。
  3. 設定 スタイリング に 内部CSS 。これにより、すべてのスタイリング情報が CSSで簡単に変更できるブロック。
  4. にとって 作る 選ぶ SVG テキストを選択可能に保つため。選択するだけ 概要 あいまいなカスタムフォントを使用している場合。離れる 画像 オン 保存 。
  5. 確実に 縮小する と レスポンシブ 両方とも最大のパフォーマンスと互換性がチェックされます。
  6. 今クリック コードを表示 テキストエディタでコードを開きます。これをコピーしてHTMLファイルに貼り付けることができます。またはクリック わかった 画像をSVGファイルとして出力します。

ラスター形式（JPEGやPNGなど）のアイコンを使用している場合は、簡単に操作できます。 AdobeIllustratorで画像をベクターグラフィックに変換する 初め。

AdobeIllustratorでアートボードをPDFとして保存する方法

IllustratorファイルをPDFとして保存する最も簡単な方法は、 名前を付けて保存 オプション。ただし、複数のアートボードを使用している場合は、それらすべてが複数ページのPDFに結合されます。

アートボードを個別のPDFファイルとして保存する簡単なトリックがあります。

  1. に移動 エクスポート>画面用に保存 。
  2. 開いたダイアログボックスで、をクリックします。 アートボード タブをクリックして、保存するものを選択します。
  3. 右側の列セット フォーマット に PDF 、次にヒット アートボードのエクスポート 。大きなファイルや複雑なファイルを出力するには、数秒かかる場合があります。
  4. 完了すると、ファイルはデフォルトで独自の個別のサブフォルダーに保存されます。

AdobeIllustrator画像からオブジェクトを保存する

場合によっては、より大きな芸術作品から選択したオブジェクトのみを保存またはエクスポートする必要があります。たとえば、 イラストレーターでロゴをデザインする テキストまたは記号を独自の個別のファイルに保存することをお勧めします。

あなたはオブジェクトをに変えることによってこれを行うことができます 資産 。

  1. に移動 ウィンドウ>アセットのエクスポート 。
  2. を選択してください 選択ツール ツールバーから、またはヒット V キーボードで。次に、保存するオブジェクトをにドラッグします。 資産のエクスポート パネル。
  3. 次に、 資産 。所有 NS また Cmd 複数を選択します。
  4. 下 エクスポート設定 を選択してください フォーマット 。 PNG、JPEG、SVG、またはPDFを選択できます。
  5. PNGまたはJPEGとして保存している場合は、複数のサイズでエクスポートできます。設定 規模 に 1倍 、次にクリックします スケールを追加 とセット 規模 たとえば、 2倍 。このオプションを使用して、アセットをさまざまな形式でエクスポートすることもできます。
  6. クリック 書き出す 新しいファイルを保存する場所を選択します。

他のアプリでAdobeIllustratorファイルを使用する方法

さらに、PhotoshopはAIファイルを直接開くことができますが、フラットで編集不可能な画像としてのみ開くことができます。使用 名前を付けてエクスポート 代わりに、PSD形式でファイルを保存するオプション。これにより、Photoshopで開いたときに、すべての個別のレイヤーが保持されます。

ほとんどのAdobe以外のアプリでは、ファイルをSVG形式で保存する必要があります（ 名前を付けて保存 今回はコマンド）。ガイドの詳細をご覧ください AdobeIllustratorなしでAIファイルを開く方法 詳細については。

作品を他の形式でエクスポートする方法を知ることは重要です。それで、それをマスターしたので、あなたがより速くデザインするのを助けるために私たちのAdobeIllustratorのヒントをチェックしてください。

共有 共有 つぶやき Eメール AndroidでGoogleの組み込み水準器にアクセスする方法

何かがピンチで水平になっていることを確認する必要がある場合は、数秒で携帯電話の水準器を取得できるようになりました。

次を読む 関連トピック
  • クリエイティブ
  • ファイル変換
  • アドビイラストレーター
  • 画像編集のヒント
著者について アンディベッツ（221件の記事が公開されました）

Andyは、テクノロジーについて15年間執筆している、元印刷ジャーナリスト兼雑誌編集者です。その間、彼は数え切れないほどの出版物に貢献し、大規模なテクノロジー企業のためにコピーライティングの仕事を生み出してきました。彼はまた、メディアに専門家のコメントを提供し、業界のイベントでパネルを主催しました。

AndyBettsのその他の作品

ニュースレターを購読する

ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。

購読するにはここをクリックしてください