![logo](/attach/images/2009april/mdn181f/p025_027_logo.gif)
![カラフルなドット柄のポップな文字](/attach/images/2009april/mdn181f/p025_subttl.gif)
![完成作品](/attach/images/2009april/mdn181f/p025-00.jpg)
文字にドット処理が施されたポップテイストの文字。網点のような明るくカラフルな色使いが、とても目を引く。文字が雲のような有機的な形をしており、手描きのような印象を与えているのもポイントだ。
CREATOR 三浦 悟[Sunny Sizes]
URL www.sunnysizes.com/
TOOL Illustrator CS/CS2
制作のポイント | ||
文字に施されたドット柄は、さまざまな色で塗り分けた長方形に“カラーハーフトーン...”を適用して作成している。ユニークな文字の形は、サイズの異なる楕円をバランスよく組み合わせて作成。さらに、影をつけて立体的な形にし、ポップな印象を強めている。 |
![How To 制作の手順](/attach/images/2009april/mdn181f/p025_027_howto.gif)
![Step1](/attach/images/2009april/mdn181f/p025_027_step01.gif)
まず最初にIllustratorで新規ファイルを作成し、文字ツールでガイドとなる文字を入力する。続いて、楕円形ツールで文字の前面に大小さまざまな楕円を配置1-1。楕円の位置はあとで調整するため、この段階では大まかに配置しておく。ここで、ガイドの文字は削除する。
1-1
![1-1](/attach/images/2009april/mdn181f/p025-01-01.jpg)
![Step2](/attach/images/2009april/mdn181f/p025_027_step02.gif)
次に、STEP1で作成した楕円のサイズや位置をバランスよく調整する2-1。続いて楕円をすべて選択し、optionキーを押しながらパスファインダパレットの[形状エリアに追加]を実行2-2。さらに、立体感が出るようにペンツールなどで線やパーツを追加し、位置を整えていった2-3。
2-1
![2-1](/attach/images/2009april/mdn181f/p025-02-01.jpg)
2-2
![2-2](/attach/images/2009april/mdn181f/p025-02-02.jpg)
2-3
![2-3](/attach/images/2009april/mdn181f/p025-02-03.jpg)
![Step3](/attach/images/2009april/mdn181f/p025_027_step03.gif)
STEP2で作成した文字の背面に、新規レイヤーを作成する。ここに、文字の背面にさまざまな色で長方形を配置していく3-1。続いて、背景を黄色で塗りつぶす3-2。次に、背景と長方形を選択して、効果メニュー→“ラスタライズ...”の[解像度]を[その他:350ppi]にして実行。さらに、効果メニュー→“ピクセレート”→“カラーハーフトーン...”を3-3の設定で実行する3-4。
3-1
![3-1](/attach/images/2009april/mdn181f/p025-03-01.jpg)
3-2
![3-2](/attach/images/2009april/mdn181f/p025-03-02.jpg)
3-3
![3-3](/attach/images/2009april/mdn181f/p025-03-03.jpg)
3-4
![3-4](/attach/images/2009april/mdn181f/p025-03-04a.jpg)
![3-4](/attach/images/2009april/mdn181f/p025-03-04b.jpg)
![Step4](/attach/images/2009april/mdn181f/p025_027_step04.gif)
ここで、STEP2で作成した文字をコピーしておく。続いて、すべてを選択したら、オブジェクトメニュー→“クリッピングマスク”→“作成”を実行4-1。透明パレットで[不透明度:80%]に変更しておく。次に、command+Fキーで文字を前面にペーストしたら、塗りをなしに変更する4-2。さらに、command+Bキーを2回繰り返して背面に2枚ペーストし、一方は塗りを白にして、もう一方は左下にずらす。この塗りを黒に変更して、文字の影を作成する4-3。最後に、背景を着色すれば完成だ。
4-1
![4-1](/attach/images/2009april/mdn181f/p025-04-01.jpg)
4-2
![4-2](/attach/images/2009april/mdn181f/p025-04-02.jpg)
4-3
![4-3](/attach/images/2009april/mdn181f/p025-04-03.jpg)
>>ファー風に演出した柔らかな印象のロゴ
![『MdN』2009年5月号(vol.181)](/attach/images/2009april/mdn181f/M181cover.gif)
本記事は『MdN』2009年5月号(vol.181)からの転載です。
特集のすべての記事は誌面でお読みになれます。
月刊『MdN』掲載記事号の情報はこちら!
![楽天ブックスで買う](http://www.mdn.co.jp/attach/images/2009january/books/05btn.gif)
![amazon.co.jpで買う](http://www.mdn.co.jp/attach/images/2009january/books/02btn.gif)