記事内に広告を含みます

【Illustrator】イラレで簡単に立方体を作る方法【正六面体・サイコロの形 / 箱】

イラレで立方体を作りたいカメ

イラレでサイコロみたいな立体の形を作りたいな〜

立方体(サイコロの形)なら簡単にできるから作っていこう♪

学び続けるウサギ

イラレで立方体を作りたいカメ

うん! 頑張って作ってみる〜♪

「イラレで立方体(正六面体)を簡単に作りたい」

と思われる方に役立つ記事になっています。

立方体は、イラストやロゴ等に工夫して使うことができるので覚えておくと便利な形のひとつですね。

今回はAdobeのIllustrator CC(イラストレーター)で、立方体を簡単に作る方法についてご紹介していきたいと思います。

イラストレーターで立方体を作る方法

立方体を作る2つの方法
  • 多角形ツールで六角形から作る方法
  • 長方形ツールで正方形から作る方法

六角形・正方形から立方体

箱型の立方体はさまざまな作り方がありますが、今回は「多角形ツール」と「長方形ツール」から作ります。

①多角形ツールから立方体を作る方法

手順①:多角形ツールで六角形を作る

多角形ツールから立方体を作る手順①多角形ツールで半径を50px、辺の数を6

半径:50px・辺の数:6

まずは多角形ツールで半径は50px辺の数を6にします。

多角形ツールから立方体を作る手順②角度を30°

角度を30°にする

オブジェクト → 変形 > 回転で角度を30°にします。

多角形ツールから立方体を作る手順③線を中央に揃える

塗りなし・線を中央に揃える

塗りはなしで、線パネルから線の位置の設定を線を中央に揃えるにします。

手順②:多角形をコピーする

多角形ツールから立方体を作る手順④垂直方向に50pxコピー

垂直方向に50pxコピーする

オブジェクト → 変形 > 移動で垂直方向を50pxにしてコピーします。

手順③:アンカーポイントを削除する

多角形ツールから立方体を作る手順⑤アンカーポイントを削除

アンカーポイントを削除

ダイレクト選択ツール(A)で上部3点のアンカーポイントを囲み(選択)削除します。

無事に箱型ができてきましたね。

手順④:ペンツールで線を引く

多角形ツールから立方体を作る手順⑥ペンツールで縦に50px線を描く

ペンツールで縦に50px線を描く

後はペンツール(P)でひし形下部(中央辺り)から下に50pxほど縦に描いて完了です。

イラレで立方体を作りたいカメ

箱できた〜♪

立方体に色を塗る方法

塗りの色指定 → 最背面へ

色を全面に塗る時は六角形のオブジェクトにカラーを入れて、オブジェクト → 重ね順 > 最背面へを選択して出来上がりです。

立方体を気に入ってるカメ

良い感じのBoxだよ〜♪

面ごとに色を替える方法

ライブペイントグループを作成する

それぞれの面ごとに違う色を塗りたい時は、ライブペイントツール(K)に持ち替えてクリックすることで、ライブペイントグループが作成されて、塗りの色を指定することができるようになります。

色をそれぞれの面につけた立方体

面を一つずつクリックして色を変えれば出来上がりです。

立方体を気に入ってるカメ

色を変えられるの楽しいな〜♪

②長方形ツールから立方体を作る方法

手順①:長方形ツールで正方形を作る

長方形ツールから立方体を作る手順①50px × 50pxで「線:なし・塗りのみ」の正方形を作成

50px × 50pxの正方形 線:なし・塗りのみ(何色でもOK)

まずは、長方形ツール(M)で50px × 50pxで「線:なし・塗りのみ」の正方形を作ります。

手順②:3Dとマテリアルの押し出しとベベルから作成する

長方形ツールから立方体を作る手順②押し出しとベベル

押し出しとベベルを選択

選択したまま効果→3Dとマテリアル > 押し出しとベベルを選択します。

手順③:アイソメトリック法を選択する

長方形ツールから立方体を作る手順③アイソメトリック法

プリセット:アイソメトリック法-左面

プリセットをアイソメトリック法-左面にします。

ちなみにアイソメトリック(Isometoric)は「等角投影図法」のことで、縦 | 横 | 高さの方向(3方向)を等しい120度で斜め上からの視点で描いたものです。

手順④:ワイヤーフレームとして拡張する

長方形ツールから立方体を作る手順④ワイヤーフレームとして拡張

ワイヤーフレームとして拡張する

3Dの種類:押し出しを選択(既に選択済みならそのままでもOK)してから、ワイヤーフレームとして拡張をクリックします。

6面ある立方体

正方形が6面ある立方体ができましたね。

立方体を分解

後はグループ解除することで、自由に組み立てることができます。

立方体に色付け

 

色付け等も簡単にできますね。

立方体を覚えたカメ

なんか作ろっと〜♪

さらに線を内側に揃えたり、パーツを繋げたりと一工夫するとより良い感じになり楽しめます。

まとめ:AdobeのIllustratorで立方体を作って楽しもう!

今回はAdobeのイラストレーターで立方体を簡単に作る方法についてご紹介してきました。

多角形ツールや長方形ツールなど、図形を使って簡単に立方体を作ることができますね。

工夫してさまざまなオブジェクトとして使えるので楽しめます。

少しでも参考になりましたら幸いです。

Adobe CCを安くお得に使う方法 【Adobe CC】Creative Cloud Proを安く・お得に使う方法【旧コンプリートプラン】

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です