[イラスト/ドロー]編

Illustratorの便利機能「ブレンド」「ライブトレース」

クラスメソッド株式会社
山崎 基央
福田 寅成
2009/11/24

 Illustratorには、たくさんの便利機能がありますが、今回はよく使われている、2つの機能について紹介します。

複数のパスの間を自動で補完する「ブレンド」機能

 「ブレンド」は、複数のパスの間を自動で補完してくれるツールです。例えば、色の違う矩形が2つある場合は、ブレンドツールを使うと、以下のように自動でグラデーションの矩形を作成してくれます。

図1 色の違う矩形のブレンド
図1 色の違う矩形のブレンド

 ブレンドを行う場合、対象となる矩形を複数選択し、[オブジェクト]→[ブレンド]→[作成]を選択します。ブレンドの設定を変更したい場合は、オブジェクト]→[ブレンド]→[ブレンドオプション]を選択し、以下のダイアログの設定を変更します。

図2 [ブレンドオプション]
図2 [ブレンドオプション]

 [プレビュー]のチェックボックスを使うことで現在の設定でのブレンド具合を確認できます。さまざまな使い方が想定されますが、適当な線を引いてブレンドツールを使うと、以下のようなアーティスティックな図形を簡単に描くことができます。

図3 ブレンドツールのサンプル
図3 ブレンドツールのサンプル

 例えば、フライヤなどのワンポイントのアクセントとして使用してみてはいかがでしょうか。また、パスや塗や線の色などはブレンドツールを適用した後でも変更が可能です。

トレース作業を自動でやってくれる「ライブトレース」機能

 ライブトレースは、写真などをトレースする作業をIllustratorが代わりにやってくれる機能です。Photoshopのフィルタやカットアウトと出力結果は似ていますが、ライブトレースではパスで出力結果を得られるため、素材としての利用に向いています。

 実際にライブトレースを行う際は、写真(やイラスト)を配置し、[オブジェクト]→[ライブトレース作成]を選択します。デフォルトでは、白黒二階調で出力されます。[オブジェクト]→[ライブトレース]→[トレースオプション]を設定することにより、白黒・グレースケール・カラーなどで出力結果を得ることができます。

図4 ライブトレースのサンプル
図4 ライブトレースのサンプル(「写真素材 足成」にあるサンプルイメージをダウンロードして使用しています)

 コントラストの高い写真やイラストでは、比較的トレースがきれいに行われるようです。単純な図形などでは、かなり高精度でパスデータに変換してくれるので、一度使ってみてはいかがでしょうか。


D89 デザインTips インデックス へ

デザインハック TOPへ

TechTargetジャパン

リッチクライアント & 帳票 フォーラム 新着記事
  • NFCやLTE対応予定のiPhoneと、先行するAndroid (2012/2/9)
    iPhoneとAndroid、そしてWindows Phoneという3つのOSの今後を占う。それぞれの通信規格とコンセプトは?
  • 家電のUIになるブラウザ (2012/2/3)
    未来の家電はインターネットに接続でき、ブラウザが内蔵されてくる。家電にブラウザが載ったらどうなるか? 未来のホームネットワークを想像しよう
  • 「汎用のUI技術」として広がるHTML5 (2012/2/2)
    すさまじい勢いで成長しているHTML5を中心としたオープンなWebプラットフォーム。HTML5やAPI、Webブラウザのアップデート情報をお伝えする
  • ビヨンド・クールジャパン!? (2012/1/27)
    コンテンツという文化力と、ものづくりという技術力を掛け合わせる。両方を国内に持ち合わせている国は多くない。チャンスなのだ

@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)

RSSフィード

キャリアアップ

- PR -
@IT Sepcial

イベントカレンダー

PickUpイベント

- PR -
もっと見る

お勧め求人情報

ホワイトペーパーTechTargetジャパン

@IT Sepcial
ソリューションFLASH