イラレで文字を立方体にする方法｜アイソメトリックの3D設定と行の幅のそろえ方【初心者向け】

STEP 1文字を3組入力する

文字ツール（Tキー）で、6つの行をそれぞれ別の文字として入力します。

「Re:」「じぶん」「50代」「からの」「再起動」「ノート」の6つです。

書体はヒラギノ角ゴシックW9、色は上に書いた3色にします。

この段階では、文字の大きさは気にしなくて大丈夫です。

STEP 2文字をアウトラインにする

6つの文字をすべて選び、「書式」→「アウトラインを作成」を選びます。

文字が図形に変わり、見えている字の形ぴったりの幅で大きさを合わせられるようになります。

アウトラインにすると文字の打ち替えはできなくなるので、先に「別名で保存」で文字のままのファイルを残しておきます。

STEP 3行の幅を面の幅にそろえる

「ウィンドウ」→「変形」で変形パネルを開きます。

パネルの鎖のマーク（縦横比を固定）をオンにしてから、行ごとに「W」に幅を入れます。

上面と右面の4行は604 pt、左面の2行は512 ptです。

縦横比を固定しているので、高さは自動で決まります。

そのため「Re:」は大きく、「じぶん」は小さくなりますが、それで正解です。

同じ面の2行を、行間16 ptで上下に並べ、左端をそろえます。

STEP 4左右の面の高さをそろえる

このままだと、左の面と右の面で高さが少し違います。

左面の2行は、選んで「オブジェクト」→「変形」→「拡大・縮小」を開き、「縦横比を変更」で水平100％、垂直107％にします。

右面の2行は、同じ画面で水平100％、垂直94％にします。

文字を縦に少し伸ばしたり縮めたりする調整で、日本語の見出しでよく使う範囲です。

最後に、面ごとに2行を選んで「オブジェクト」→「グループ」にします。

STEP 5上面に3D効果をかける

上面のグループを選び、「効果」→「3D とマテリアル」→「3D (クラシック)」→「押し出しとベベル (クラシック)」を開きます。

X軸に45°、Y軸に−35°、Z軸に30°を入れます。

「押し出しの奥行き」は0 pt、「表面」は「陰影なし」にして「OK」を押します。

プレビューがオンだと、数字を入れるたびに画面の描き直しで待たされます。

数字を入れ終わるまではプレビューをオフにしておくと、入力が安定します。

STEP 6左面に3D効果をかける

左面のグループを選び、同じ画面を開きます。

X軸に−45°、Y軸に35°、Z軸に−30°を入れて「OK」を押します。

奥行きと表面は、上面と同じです。

STEP 7右面に3D効果をかける

右面のグループを選び、同じ画面を開きます。

X軸に−45°、Y軸に−35°、Z軸に30°を入れて「OK」を押します。

STEP 83つの面を箱の形に合わせる

上面を上、左面を左下、右面を右下に置き、3つの面が真ん中の1点に集まるように動かします。

面と面の間には、細いすき間が3本できます。

「表示」→「スマートガイド」をオンにすると、角どうしが近づいたときに吸い付きやすくなります。

200％くらいに拡大して、3本のすき間が同じ幅に見えるか確かめます。

すき間がそろわないときは、STEP 3の行の幅か、STEP 4の高さが合っていません。

動画では、面を選んで「オブジェクト」→「変形」→「移動」を開き、数値を入れて動かしています。

この作例では、左面を水平−872.4 pt・垂直352.8 pt、右面を水平−1112.4 pt・垂直334 pt動かしました。

この数値は、3D効果をかける前に平らな文字をどこに置いたかで変わるので、自分の画面ではすき間を見ながら合わせます。

STEP 9背景と影を付けて保存する

長方形ツールで背景を描き、色を#F5F3EEにして一番後ろへ送ります。

箱の下に横長の楕円を描き、色を#D9D3C7にします。

楕円を選んで「効果」→「ぼかし」→「ぼかし（ガウス）」をかけると、やわらかい影になります。

最後に「ファイル」→「別名で保存」で、Illustrator形式（.ai）で保存します。