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

MdN

 
 

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


logo
カラフルなドット柄のポップな文字

完成作品

文字にドット処理が施されたポップテイストの文字。網点のような明るくカラフルな色使いが、とても目を引く。文字が雲のような有機的な形をしており、手描きのような印象を与えているのもポイントだ。

CREATOR 三浦 悟[Sunny Sizes]
URL www.sunnysizes.com/
TOOL Illustrator CS/CS2

制作のポイント
文字に施されたドット柄は、さまざまな色で塗り分けた長方形に“カラーハーフトーン...”を適用して作成している。ユニークな文字の形は、サイズの異なる楕円をバランスよく組み合わせて作成。さらに、影をつけて立体的な形にし、ポップな印象を強めている。


How To 制作の手順

Step1 楕円で文字をかたどっていく

まず最初にIllustratorで新規ファイルを作成し、文字ツールでガイドとなる文字を入力する。続いて、楕円形ツールで文字の前面に大小さまざまな楕円を配置1-1。楕円の位置はあとで調整するため、この段階では大まかに配置しておく。ここで、ガイドの文字は削除する。

1-1
1-1


Step2 楕円で描いた文字に立体感を出す

次に、STEP1で作成した楕円のサイズや位置をバランスよく調整する2-1。続いて楕円をすべて選択し、optionキーを押しながらパスファインダパレットの[形状エリアに追加]を実行2-2。さらに、立体感が出るようにペンツールなどで線やパーツを追加し、位置を整えていった2-3

2-1
2-1

2-2
2-2

2-3

2-3


Step3 “カラーハーフトーン...”を適用してドット柄を作成

STEP2で作成した文字の背面に、新規レイヤーを作成する。ここに、文字の背面にさまざまな色で長方形を配置していく3-1。続いて、背景を黄色で塗りつぶす3-2。次に、背景と長方形を選択して、効果メニュー→“ラスタライズ...”の[解像度]を[その他:350ppi]にして実行。さらに、効果メニュー→“ピクセレート”→“カラーハーフトーン...”を3-3の設定で実行する3-4

3-1
3-1

3-2
3-2

3-3
3-3

3-4
3-4

3-4


Step4 ドット柄を文字の形にマスクして仕上げる

ここで、STEP2で作成した文字をコピーしておく。続いて、すべてを選択したら、オブジェクトメニュー→“クリッピングマスク”→“作成”を実行4-1。透明パレットで[不透明度:80%]に変更しておく。次に、command+Fキーで文字を前面にペーストしたら、塗りをなしに変更する4-2。さらに、command+Bキーを2回繰り返して背面に2枚ペーストし、一方は塗りを白にして、もう一方は左下にずらす。この塗りを黒に変更して、文字の影を作成する4-3。最後に、背景を着色すれば完成だ。

4-1
4-1

4-2
4-2

4-3
4-3


>>ファー風に演出した柔らかな印象のロゴ



『MdN』2009年5月号(vol.181)

本記事は『MdN』2009年5月号(vol.181)からの転載です。
特集のすべての記事は誌面でお読みになれます。
月刊『MdN』掲載記事号の情報はこちら!

インプレスダイレクトで買う
amazon.co.jpで買う



 
 




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

  • 【MdN】

    Illustratorテクニカル・ワークス

  • 【MdN】

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

  • 【MdN】

    デザインの質を左右する! 演出のアイデア2010

  • 【MdN】

    あなたのデザインがみるみる良くなる64の手法

おすすめの記事

  • 【MdN】

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

  • 【web creators】

    読者アンケートで知るWEBタイポグラフィ

  • 【MdN】

    厳しい条件や制約に負けないデザインのアイデア!

  • 【MdN】

    文字を自由に操る72のデザイン手法

出版物のアフターケア

MdN求人募集

MdN の求人情報

ログイン

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

4コマまんが

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