カラフルなドット柄のポップな文字 | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちら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で買う

twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在