三階ラボ

Entry

Home VX Revolution の愚痴 iPod shuffle the 3rd 刻印

tips Illustrator CS4で10種類の壁紙を一度に作る

Tags:

Adobe Illustrator CS4から新機能で、一つのIllustratorファイル内に複数のアートボードを作れるようになりました(CS3までは一つだけ)。 ちょっとずつ進化してるIllustrator CS4ですが、この複数のアートボードが作れるだけで手に入れる価値があります! 今までのデザイン作業のワークフローが一変しました。 どんだけこの機能を待ち望んでいたことか!むしろ期待以上でした!

紙の企画書を作る際は複数ページのPDFを作るわけですが、これまではIllustratorでデザインして、InDesignにコピペして、微調整して、そこからPDFにしてました。印刷だけならPDFにしなくても、Illustratorからそのままいけます。(Illustrator CS3でも一応複数ページのPDFにできましたが、精度が低い&作りにくかった) Webなどのモニターで表示するデザインをする場合は、Illustratorで作って、個々に書き出すなり、コピペして、Photoshopに持っていて・・・。 紙でもウェブでもなかなかIllustratorだけで完結することが少なかったことが、Illustratorのみでフィニッシュまで持っていけるというのはかなり効率が良いです!

で、ここで例をひとつ。 iiiflowのmemoページでちょくちょく配っている10種類の画面サイズのカレンダー壁紙ですが、1ファイルのIllustratorで作っています。しかも一度の書き出しで10枚のpngを作ってしまいます(スライス機能じゃないです)。しかも!InDesignとは違い、Illustratorではサイズの異なるアートボードを持てる上に、アートボードを重ねちゃったりもできるんです。

アートボード01

カレンダーの大きさは3種類しかありません。右下の小さいカレンダーは一番小さい1024×768px用ですが、大きな二つは残りの9種類用です。 アートボードだけを表示するとこんな感じ。

アートボード02

この作品では右上の中くらいのアートボードでカレンダーを作って、右の大きなアートボードへ140%拡大して配置。下のアートボードへは次の月と前の月を外して配置。

次のステップはファイルメニューの「書き出し」で、フォーマットを「PNG(png)」、「各アートボードごと」「すべて」をチェックして、書き出すと10種類の壁紙の出来上がり!!なんともあっけない! ちょっとくらい枚数が多くなっても全く苦じゃないので、効率アップ間違いなし。

書き出し

不満としては書き出したファイル名が、ファイル名+連番名で書き出すことです。各アートボードに予め名称をつけることができないんです。でもこれも「Shupapan」のようなリネームソフトを使えば特に問題はありません。 このソフトではテキストデータからリネームしてくれるので、あらかじめサイズなどを書き込んだファイルを用意していれば簡単です。

リネーム

サンプルデータをアップしたので、Illustrator CS4を持ってる人は自分なりに試して書き出してみてください。持ってない人はPreviewやAcrobatで「10wallpapers.ai」を開いてみてください。ちょっとした驚きがあるはずです!

10 Wallpapers Download

comments

    • 2009-03-20 22:48
    • よしだ

    いつも拝読させて頂いています。
    このカレンダーでは、重なるアートボードはどのようにして
    整列されたのでしょうか…?

    地味にガイドとガイドを合わせながら…という感じでしょうか?

  1. よしださん>
    そういえばそこの部分を説明してませんでしたね(笑)

    まずはベースとなるアートボードを数値入力で大きさと位置を調整。
    アートボードの編集モードを抜けたら、
    長方形ツールで普通に各種壁紙サイズの四角を9個用意します。
    整列ツールなどでラフに位置を調整します。
    そして作った四角を全部選んで、オブジェクトメニューの「アートボードに変換」を選択すれば簡単に増やせます。
    ちなみにその四角の重なり順がそのままアートボードの番号になります。

    最初に一つ基準を作っているのは、アートボードを0にできないからです。
    同じ大きさのアートボードをタイル状に並べる時は新規ファイルから数を指定しますが、それ以外はその都度作った方がコントロールしやすいです。

    • 2009-03-20 23:53
    • よしだ

    早速の返信ありがとうございます!
    出来ました!
    少し考えればわかりそうなものをすみませんでした。

    アップグレードしたばかりですが
    とりあえずラーニングを見て勉強してみたいと思います。

  2. よしださん>
    僕らはラーニングを見たことがないです(笑)
    いつも手探りでやってます。マニュアルとか苦手なので(笑)
    なので、意外に簡単なことを知らなかったりします。

    • 2009-04-15 17:48
    • m

    …使わんな。

    デザイナーが使わない機能ばかりが増えていく。

  3. mさん>
    ちょっと例題が特殊でしたかね。
    次回考えている例題はもっと汎用性のあるものを考えてます。
    確かにどうでもいい機能アップも多いCSですが(笑)、
    この機能はうまく使いこなすと手放せなくなりますよ。

Comment Form

お名前メールアドレスコメントは必須項目です。書き込まれたメールアドレスはコメント上では表示されません。


Top VX Revolution の愚痴 iPod shuffle the 3rd 刻印