「駑馬十駕」 IT系情報を中心に調べた事をコツコツ綴っています。

イラストレーターを使用してロゴ作成後、Web用に画像をjpeg形式で出力してみたら背景色が白で塗りつぶされていたので、原因を調べてみました。

  • Ver:Adobe Illustrator CS5.1

イラストレーターでは画像形式(jpegやpngなど)で出力する際は、ファイルメニューから「Webおよびデバイス用に保存」か「書き出し」のいずれかを選択します。背景色を透明にする場合はどちらを選択しても構いませんが、出力するファイル形式を「png」か「gif」(個人的には「png」がオススメ)にする必要があります。
今回はjpegで保存していたのが原因だったようです。

背景色を透明にして保存する方法

  1. ファイルメニューから「Webおよびデバイス用に保存」を選択します。
    Illustrator 背景を透明にする1
  2. Webおよびデバイス用に保存ウィンドウの右側にプリセット選択で「PNG24」を選択し、透明部分にチェックします。
    Illustrator 背景を透明にする2
  3. 後は「保存」ボタンを押下してファイル名を指定して保存すれば完了です。
    ※以下は保存したサンプル画像となります。(背景色が透明になっているのが分かると思います)
    sample_logo

Ads by Google

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">