ブロックを積み重ねたようなグラフ | デザインってオモシロイ -MdN Design Interactive-
【サイトリニューアル!】新サイトはこちらMdNについて

[完全保存版] 自由に使えるアイデアの原石たち
デザイン演出の引き出しアーカイブ126

ブロックを積み重ねたようなグラフ



制作・文 高橋としゆき[Graphic Arts Unit]  使用ソフト Illustrator CS3




P035_1-1

P035_1-2

1

まずIllustratorの長方形ツールで正方形を描く。それを複製してマス目状に並べたら、各正方形を選択して塗りを変更し、不要部分を削除(左)。続いて同じ色の正方形をすべて選択して、パスファインダパネルの[形状モード:形状エリアに追加]をoptionキー+クリックする(右)。


P035_2-1

2

すべて選択してグループ化し、効果メニュー→“3D”→“押し出し・ベベル...”を[X軸を中心とした回転角度:-19°]、[Y軸を中心とした回転角度:32°]、[Z軸を中心とした回転角度:-11°]、[押し出しの奥行き:11pt]に設定。[詳細オプション]を押してライトの位置を調節する。


P035_3-1

P035_3-2

3

再び正方形を描いてマス目状に並べたら、塗りと線を任意の色に変更する(左)。これをすべて選択してグループ化したら効果メニュー→“3D”→“回転...”でSTEP2と同じ回転角度を設定して適用する(右)。あとは、その前面に車のドット絵を積み重ねるように配置していけばOK。


>>>「デザイン演出の引き出しアーカイブ126」トップ
>>>木の板に溝を掘ったような地図
>>>ブロックを積み重ねたようなグラフ



本記事は『MdN』2012年4月号(vol.216)からの転載です。
M216cover

楽天ブックスで買う

そのほかには下記のような記事が掲載されています。
(▼クリックすると画像が大きく表示されます)


特集のすべての記事は誌面でお読みになれます。
月刊『MdN』掲載記事号の情報はこちら!

■そのほかの月刊『MdN』からの転載記事
腕のいいデザイン事務所で修業しないと
ふつうは身につかない 知識と技と心得(『MdN』2012年3月号より)
素材を最大限に活かす デザインアイデア50(『MdN』2012年2月号より)
イラストレーション・メイキング14(『MdN』2012年1月号より)
Illustratorの正しい教科書(『MdN』2011年12月号より)
デザインのアイデア見本帳☆(『MdN』2011年11月号より)
Photoshop 現場のトリセツ。(『MdN』2011年10月号より)
twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在