TOP > MdN > グラフィカルに攻めるデザイン表現

MdN

 
 

いますぐ自分の“持ち技”に加えたい グラフィカルに攻めるデザイン表現


design03
モザイク状に分割してカラフルな文字を表現

モザイク状に分割された虹色の文字のつくり方を解説していく。基となるオブジェクトを作成し、ラスタライズしたら、“モザイク...”フィルタで細かなオブジェクトに分割。配置やサイズを変更し組み合わせることで作成している。さらに、アンカーポイントを削除し、三角形状にすることでアクセントとした。
TOOL Illustrator CS/CS2

モザイク状に分割してカラフルな文字を表現
制作・文 伊藤敦志(AIRS)
url. www.on-airs.com/



step1基となる虹色の文字を作成する
複合パス化した文字にグラデーションを適用

まず最初にIllustratorで新規ファイルを作成したら、太めのフォントで「PLAYER PIANO」と文字を入力した1-1。この文字はここでアウトライン化しておく。次に、文字を選択したまま、オブジェクトメニュー→“複合パス”→“作成”を適用。続いてグラデーションパレットを用いて、虹のようなグラデーションを設定した1-2

1-1
1-1

1-2
1-2


step2虹色の文字を細かな四角形に変換
“モザイク...”フィルタで細かい四角形に分割する

次に、長方形ツールで、先ほど作成した文字の背面に白い正方形を作成。ここですべてを選択したら、オブジェクトメニュー→“ラスタライズ...”を適用しておく2-1。続いてそのまま、フィルタメニュー→“クリエイト”→“モザイク...”で、[タイル数]の[幅:22]、[高さ:22]として適用した2-2。さらに、文字周りの白いオブジェクトは削除し、文字のオブジェクトを複製しておく。

2-1
2-1

2-2
2-2


分割した四角形を調節して文字を仕上げる
スマートガイドを活用して整列して配置させる

続いて、表示メニュー→“スマートガイド”をオンにして、文字の行間などを調節していく3-1。さらに、ダイレクト選択ツールで任意の正方形の角のアンカーポイントを選択し、deleteキーで削除して三角形にしたり、正方形を追加してもいいだろう3-2

3-1
3-1

3-2
3-2


step4作成した文字を活用して飾りを作成
複製して組み合わせることでパターンを作成

STEP2で複製しておいた文字のオブジェクトを選択し、複製したら、重なり合うように組み合わせた。さらに組み合わせたこのオブジェクトを複製し、横に並べていくことで飾りのパターンを作成した4-1

4-1
4-1


Step5文字の一部を拡大して目立たせる
「P」の文字を複製し自由選択ツールで拡大

ここで、「P」のオブジェクトだけ選択し複製した。さらに、自由変形ツールなどでサイズを大きく変更して配置しておく5-1。最後に、作成したすべてのパーツを配置すれば完成だ。

5-1
5-1

>>写真に鮮烈な彩色を施しステンドグラス風に見せる



『MdN』2009年3月号(vol.179)

本記事は『MdN』2009年3月号(vol.179)からの転載です。
特集のすべての記事は誌面でお読みになれます。

月刊『MdN』掲載記事号の情報はこちら
Amazon.co.jpでの購入はこちら
定期購読はMdN Squareで!




 
 




この記事をチェックした人はこんな記事も読んでいます。

  • 【MdN】

    Illustratorテクニカル・ワークス

  • 【MdN】

    グラフィック表現の技、まるごと全部教えます!

  • 【MdN】

    ロゴ・文字・タイポグラフィ プロのネタ帳

  • 【MdN】

    注目させるデザインの掟、大解剖!

おすすめの記事

  • 【web creators】

    WEBデザイン アイデアラボ

  • 【MdN】

    “いま”を感じる旬のデザインアイデア!

  • 【MdN】

    Photoshopに使われるな、使いこなせ。写真のグラフィカル表現術

  • 【MdN】

    注目させるデザインの掟、大解剖!

出版物のアフターケア

MdN の求人情報

ログイン

メールアドレス
パスワード

  • MdN編集部 ブログ課 MdN BLOG β
  • MdN書籍部の編集日記
  • MdNメールマガジンの登録・解除
  • 世界のガジェット総合ポータル ガジェットギャラリー