この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回は、イラレの3D機能を使ってアイソメトリック文字を作っていきます。
3Dの文字と聞くと難しそうに思いますが、実は超簡単です。
さっそく、本編にいきましょう。
文字を3Dにする
まず、テキストツールで適当な文字を打ち込みます。
3Dにしたときに見やすいように、とりあえず塗りはオレンジ、線はなしに設定しておきます。
![](https://irarecreate.com/wp-content/uploads/2022/04/0aad86beec5cc4f663eaad8abfedb173-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/04/f7461d1b13885c011cd726a2dcd0f0af-1024x576.jpg)
文字を打ち込んだら、それを選択した状態で下図の手順で「押し出し・ベベル」へと進んでいきます。
バージョンCCでは「3Dとマテリアル」から「3D(クラシック)」「押し出し・ベベル」です。
![](https://irarecreate.com/wp-content/uploads/2022/04/1fce4b49dc2b62b02aa26518e9838459-1024x576.jpg)
下図のような画面が開くので、「位置」というところを「アイソメトリック法 – 上面」を選択します。
![](https://irarecreate.com/wp-content/uploads/2022/04/a132f4c591f6a443d13bbe2efa3579b3-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/04/b2858293c168f26836da23629b1af92c-1024x576.jpg)
プレビューにチェックを入れて、どんな感じか見てみましょう。
![](https://irarecreate.com/wp-content/uploads/2022/04/49d3f2a681a8b850a199e6e467c28adf-1024x576.jpg)
高さを調整したい場合は、ここの数値を変えれば可能です。
![](https://irarecreate.com/wp-content/uploads/2022/04/5229c27d1d63187094c98ca10a3070ce-1024x576.jpg)
自分の納得のいく形になったら、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/04/1bcbe4357c3bbbe338b8f8cb3c7b28fb-1024x576.jpg)
ここまできたら、次のステップです。
文字をパーツごとに編集できるようにする
3Dにした文字を選択した状態で、下図の手順でアピアランスを分割します。
![](https://irarecreate.com/wp-content/uploads/2022/04/dbb5618527ee7696c2278f4f62bd5b55-1024x576.jpg)
これ(アピアランスを分割)によりテキストの内容は編集できなくなりましたが、それぞれの面を編集できるようになりました。
![](https://irarecreate.com/wp-content/uploads/2022/04/ad26b932bc85279d4c3b7b4fe042ef99-1024x576.jpg)
アピアランスを分割したら、まずctrl(⌘) + shift + [ g ]を押してグループ化を解除します。
![](https://irarecreate.com/wp-content/uploads/2022/04/6d356cccaac3e1c1067c56832d3570ca-1024x576.jpg)
このままの状態で、さらにグループ化を解除すると、今度はそれぞれのパーツのグループ化が解除されます。
![](https://irarecreate.com/wp-content/uploads/2022/04/0691bb1cac704bbf8f884b12b53b4e98-1-1024x576.jpg)
そうしたら、これらを全て選択し、塗りをなしにします。
![](https://irarecreate.com/wp-content/uploads/2022/04/857e4678b7fe27f89b342706b6602031-1024x576.jpg)
その後、改めて単色の塗りを設定します。
![](https://irarecreate.com/wp-content/uploads/2022/04/81951c6d813060b0726db95b7459cae4-1024x576.jpg)
これでそれぞれの側面ごとに色を変更しやすくなりました。
ここまできたら最終ステップです。
パーツに色をつけて、影を落とす
この操作は任意ですが、全てのパーツに濃い茶色の線を設定します。
![](https://irarecreate.com/wp-content/uploads/2022/04/170b0775fa6a0b63de708132d2ddac53-1024x576.jpg)
線を設定した場合、3Dにしたときにグラデーションがかかっていた部分には、細かい線が出てきます。
![](https://irarecreate.com/wp-content/uploads/2022/04/3bc23e5cb586b7390db967dad13f66f1-1024x576.jpg)
スッキリさせたいので、細かい線が出ているパーツだけを選択して、パスファインダーパネルから「合体」を実行します。
![](https://irarecreate.com/wp-content/uploads/2022/04/642debfb293ac823de2b0a5f98887cd5-1024x576.jpg)
他のところも同様に「合体」させます。
![](https://irarecreate.com/wp-content/uploads/2022/04/e6d744ba960fcfe24d4b7e876ea36722-1024x576.jpg)
また、線を追加したら部分的に尖っているところが出てきます。
![](https://irarecreate.com/wp-content/uploads/2022/04/096545b034b3d7c2c8b2f3b52bab0113-1024x576.jpg)
丸くさせたいので、線パネルよりここのボタン(下図参照)を押して、角を丸くさせます。
![](https://irarecreate.com/wp-content/uploads/2022/04/0225ac494a17ef3541ccf7f21a82086f-1024x576.jpg)
そうしたら、文字ごとに好きな色を再設定します。
![](https://irarecreate.com/wp-content/uploads/2022/04/d59e2042fb7678ec6e75dc8e3c143225-1024x576.jpg)
立体感を出したいので、側面に黒(K)を混ぜます。
側面のパーツを選択して、カラーパネルより黒(K)を足します。
![](https://irarecreate.com/wp-content/uploads/2022/04/6dc53a2fd6d6c57675eb32ac659323a8-1024x576.jpg)
これで、さらに立体っぽくなりました。
![](https://irarecreate.com/wp-content/uploads/2022/04/ca3c75d0d617174278c4739ebcb35271-1024x576.jpg)
最後に影を落とします。
上面の文字だけを選択して、ctrl(⌘) + [ c ]でコピー、
![](https://irarecreate.com/wp-content/uploads/2022/04/ac77ff065509e7c8e136892aa5963779-1024x576.jpg)
それが終わったら影を編集しやすいように、これらを全て選択して、crtl(⌘) + [ 2 ]でロックしておきます。
![](https://irarecreate.com/wp-content/uploads/2022/04/4c35714170a54c9a0b80eb9ba6ecb025-1024x576.jpg)
そうしたら、今コピーした文字を、crtl(⌘) + [ f ]で真上にペーストします。
![](https://irarecreate.com/wp-content/uploads/2022/04/1b9dbdc95cb744904e521c7006a06e6b-1024x576.jpg)
この文字の塗りを灰色(K50)にし、線をなしに、さらにctrl(⌘) + [ g ]でグループ化します。
![](https://irarecreate.com/wp-content/uploads/2022/04/7cf548d4f177077d09a50ce92deabb5b-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/04/fa64f9d30381970c49214ec60bf8f9ce-1024x576.jpg)
次に、shiftを押しながら下にドラッグで、下図の位置まで垂直に移動させます。
![](https://irarecreate.com/wp-content/uploads/2022/04/a98dcad67c0bff92ddc442c1c0195bb7-1024x576.jpg)
これを選択した状態で、alt(option)を押しながらドラッグし、コピーさせたいところで全てを離します。
![](https://irarecreate.com/wp-content/uploads/2022/04/8c5a0ac67e31c1a3bc63a0a1ad43daf1-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/04/2c40470181aa61eacf12fe6973f0637c-1024x576.jpg)
そうしたら、ブレンドツールをダブルクリックし、
![](https://irarecreate.com/wp-content/uploads/2022/04/dd7dec191c68daf37a4f949ecfe7894f-1024x576.jpg)
ブレンドオプションの「間隔」というところを「ステップ数」にし、横の数値を「100」に設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/04/3e9ad73ab086b420ffa234652ddf5e14-1024x576.jpg)
この状態で、この2つの文字グループを左クリックすると、影が出来上がります。
クリックするときは必ず、同じ文字同士をクリックしましょう。
最初に「I」をクリックしたなら、次のクリックも「I」を、といった感じです。
そうしないと、ブレンドがおかしな形になってしまいます。
![](https://irarecreate.com/wp-content/uploads/2022/04/1ae67d62f4fea8f7bff5837cf0ed0952-1024x576.jpg)
因みに、これは厳密には影ではなく、文字グループの間に100個の「ISOME」という文字が重なっているだけの状態です。
最後に、影の重ね順を再背面にしたら完成です。
![](https://irarecreate.com/wp-content/uploads/2022/04/2914ffac0463fe9ad858f2b047fb7ddb-1024x576.jpg)
また、この影を透過させたい場合は透明パネルから描画モードを「乗算」にすれば、可能です。
![](https://irarecreate.com/wp-content/uploads/2022/04/fb738ed5d49971dfdc0818f4276bf74d-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/04/925fc0fd0253bd93ea3930d200970e8b-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/04/41f8f3780ea552f733d1e3ab7f33c690-1024x576.jpg)
ロックしたパーツのロック解除を忘れないようにしましょう。
![](https://irarecreate.com/wp-content/uploads/2022/04/80beabe1c6917f5203fc9f8eae419d9b-1024x576.jpg)
最後までお読みいただき、ありがとうございます。
コメント