イラストレーターの「.ai」ファイルの背景を白色に塗りつぶす方法は?

1015_00.jpg

パソコンのファイル形式の中でも、特に取り扱いにこまるのが、「Adobe Illustrator」の「.ai」ファイルだ。フリーソフトの「Inkscape」ではPNG形式に変換できるが、そのままだと背景が真っ黒の画像が出力され、人に見せられる状態ではない。Inkscapeで白い背景を設定する方法を覚えておこう。

プロのデザイナーから入稿されてくるファイルの多くは、「Adobe Illustrator」の「.ai」ファイル。だが、この扱いが一筋縄ではいかない。Adobe Illustratorの導入されていない環境で表示させるのは、フリーソフトの「Inkscape」があれば何とかなるが、「.ai」ファイルを一般的なPNGやJPGといった画像形式に変換(過去記事を参照)すると、背景が真っ黒になってしまう。会議やプレゼンで使おうとして、困ってしまった人もいるのではないだろうか。
これは「Adobe Illustrator」に、背景の設定がないために起きる現象。デザインの背後に、白色のレイヤーを追加してやれば、白地に表示されるようになる。
フリーソフトの「Inkscape」を使って、応急処置的に背景を白くするテクニックを解説するので、紙に印刷したり、画像ファイルとして他人に見せたいときに活用してほしい。

■ 「.ai」ファイルの背景に白色を設定する

backwhite_01-thum.jpg
Inkscape」でイラストレーターの「.ai」ファイルを開いた状態。ここでは一見、何の問題もなく表示されているようだが……?

backwhite_02-thum.jpg
「Inkscape」の「ファイル」から「ビットマップにエクスポート」で、PNG形式に変換して出力してみよう

backwhite_03-thum.jpg
出力された画像をIrfanViewで開くと、背景が真っ黒に塗りつぶされてしまっている。これは、イラストレーターのファイルに背景の設定が存在しないため、ロゴの背後がこのように表示される

backwhite_04-thum.jpg
「Inkscape」でロゴに背景を追加しよう。左上の矢印の「選択ツール」を選んで、ロゴが乗っているレイヤーをクリックして選択しよう

backwhite_05-thum.jpg
上のメニューの「レイヤー」から「新規レイヤー」をクリックする

backwhite_06-thum.jpg
「レイヤーを追加」の「位置」で「現在のレイヤーの背面側」を選択。「追加」をクリックしよう

backwhite_07-thum.jpg
左のメニューから「短形ツール」をクリック

backwhite_08-thum.jpg
ロゴ全体が収まるように短形で囲もう。この領域がロゴの背景となる

backwhite_09-thum.jpg
選択範囲が分かりにくいときは、下の「フィル」で適当な色を選択すればよい

backwhite_10-thum.jpg
白色以外の色を選ぶと、このようにロゴの背景が作成されているのが分かる。このとき、背景のレイヤーがロゴより後ろにあり、ロゴを隠していないことを確認しよう

backwhite_11-thum.jpg
背景レイヤーの存在を確認できたら、色をホワイトに戻しておこう

backwhite_12-thum.jpg
これでロゴの背景の作成は完了だ。以前と変わったように見えないが、ロゴの後ろには白いエリアが広がっている。この状態でエクスポートし、PNGファイルを作成してみよう

backwhite_13-thum.jpg
背景が白地のロゴ画像が出力されたぞ

2014年10月15日 16時01分
©教えて君.net All Rights Reserved.