この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回は、画像の編集ソフトであるフォトショも顔負けのリアルなゴールド文字をイラレの3D機能で作っていきます。
無料で完成素材をダウンロード↓
金属文字アピアランスセットイラスト – No: 22328017/無料イラストなら「イラストAC」をイラストACでチェック!
※解説画像の下に入っている字幕は、解説動画を作ったときに入れたものです。 この記事では動画のスクリーンショットを断片的に入れているので、字幕の文章が成り立っていないことがあります。 あらかじめご了承ください。
3Dにする文字を用意する
まず、テキストツールで好きな文字を打ち込みます。
塗りはとりあえず灰色で、線はなしです。
![](https://irarecreate.com/wp-content/uploads/2022/06/68ec0c331beb2a8919f34e4304aeb690-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/c4140d6f70d3cbbc06f6698835ef633a-1024x576.jpg)
用意した文字に3D効果をかける
次に、この文字を選択ツールで選択した状態でアピアランスパネルを開き、「fx」から「3Dとマテリアル」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2022/06/ca9b928be962b2be750022238d8b77cc-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/f7b330a77328838e4a3d2477a949af0b-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/64336dbd0764d16ba5560c44c9f54652-1024x576.jpg)
これから作るゴールド文字は、文字の部分を立体的に盛り上がらせるものなので「膨張」を選びます。
今回は文字を3Dにしますが、もちろんパスも3Dにすることができますよ。
![](https://irarecreate.com/wp-content/uploads/2022/06/65697b58e1d12097e7081179c89019bd-1024x576.jpg)
そうすると「3Dとマテリアル」というパネルが出てきました。
このパネルでは、設定するものが3つのカテゴリーに分かれています。
![](https://irarecreate.com/wp-content/uploads/2022/06/29bffc242367c6cfcaadb513bd4892e1-1024x576.jpg)
立体にする対象の変形を行う「オブジェクト」、
![](https://irarecreate.com/wp-content/uploads/2022/06/0a0c571485cee63250375b5bb2fe3019-1024x576.jpg)
そのオブジェクトに質感を与える「マテリアル」、
![](https://irarecreate.com/wp-content/uploads/2022/06/70cd720299e74ee5befbfb47428f64bd-1024x576.jpg)
立体の照明調整を行う「ライト」です。
![](https://irarecreate.com/wp-content/uploads/2022/06/52d890365badbdf96254b8558a81d9e7-1024x576.jpg)
各カテゴリーには、さらに細かい設定がたくさんありますが、ゴールド文字で必要なものだけをかい摘んで紹介していくので、ご安心ください。
オブジェクトの設定
まず「オブジェクト」からですが、今回、ここは初期設定のままでOKです。
![](https://irarecreate.com/wp-content/uploads/2022/06/b7cb8e377644b06ace0034176b50df8f-1024x576.jpg)
「奥行き」は、正面から見ているので変わらないですし、
![](https://irarecreate.com/wp-content/uploads/2022/06/f11be8ddc534016545bbe01cebf35d59-1024x576.jpg)
「ボリューム(盛り上がり)」も、このままで良い感じです。
![](https://irarecreate.com/wp-content/uploads/2022/06/e1288a567998539700ac9b534e13c7ad-1024x576.jpg)
マテリアルの設定
次に「マテリアル」ですが、
![](https://irarecreate.com/wp-content/uploads/2022/06/37221556545183cf1081730f085f4610-1024x576.jpg)
これは「すべてのマテリアル」の「Adobe Substanceマテリアル」から「金箔張り」を選びます。
![](https://irarecreate.com/wp-content/uploads/2022/06/a6cf3c3fc4236631da3cbe1706d61aff-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/35e2b62a008f4e4c12d95778166e55f1-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/ce43f21367d73087d2bf7488cc766153-1024x576.jpg)
おそらく、ここを見ている方の何人かは他のマテリアルも気になってウズウズしてるかもしれませんね。
もしイラレを開いていたら、動画を止めて、いろいろ試してみると楽しいですよ!
マテリアルの設定が終わったら、一度ここ(下図1枚目)を押して「すべてのマテリアル」を隠します。
これでスッキリ。
![](https://irarecreate.com/wp-content/uploads/2022/06/e8ae56ccfeddd9ddbd85f6aa96e4316d-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/5da1ba778f47760e603b3196a4531702-1024x576.jpg)
続いて「マテリアルプロパティ」を開きます。
ズラーっといろんな設定が出てくるので、数値をいじるところだけ字幕を載せます。
あとは初期設定のままで大丈夫です。
![](https://irarecreate.com/wp-content/uploads/2022/06/5763dcd2dae0d4e2ff3ad66a2dc707fc-1024x576.jpg)
まず「メインパラメーター」の設定です(下図参照)。
![](https://irarecreate.com/wp-content/uploads/2022/06/587f1d145d82bba7e567892fae79c9c4-1024x576.jpg)
「位置」は初期設定のまま。
![](https://irarecreate.com/wp-content/uploads/2022/06/26942d46a0c4bf668fa0401ce09bbd09-1-1024x576.jpg)
そして「テクニカルパラメーター」。
![](https://irarecreate.com/wp-content/uploads/2022/06/58ce834cae885491fca11973073733da-1024x576.jpg)
これでマテリアルプロパティも設定完了です。
ライトの設定
最後は「ライト」です。
![](https://irarecreate.com/wp-content/uploads/2022/06/af15366e2ad896a18a5ebe7097c52354-1024x576.jpg)
ここは「プリセット」のいずれかを押せば、あらかじめイラレが準備してくれている照明設定をすぐにセットできます。
![](https://irarecreate.com/wp-content/uploads/2022/06/e6719233a72c63187679fa1e1570b5c3-1024x576.jpg)
もし、照明の強さや照明を当てる方向、高さなどを変えたいときは、それぞれの数値をいじって、納得のいく照明具合に調整してみましょう(下図参照)。
![](https://irarecreate.com/wp-content/uploads/2022/06/ce6d62be107d260630c980d199ef8089-1024x576.jpg)
因みに「環境光」というのは立体に直接当たる光に加え、その周りにあるもの、例えば壁や天井や床、空気中の塵などからの反射光も含めた光のことです。
![](https://irarecreate.com/wp-content/uploads/2022/06/359c94f3dbce96585462dd1352966700-1024x576.jpg)
この数値が大きいほど反射する光も強くなるので、文字が明るくなります。
![](https://irarecreate.com/wp-content/uploads/2022/06/8d5248156a5e5154ca071b57a684451b-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/ee471295df1cd30c97287c51884c0c38-1024x576.jpg)
すごくリアルに見せたいんだけど、CGの美しさも表現したいというときには、ここのチェックは外した方が良いかもしれません(飽くまで個人的な意見です)。
![](https://irarecreate.com/wp-content/uploads/2022/06/ae44f9b8094490b75b8d47d8af71b2dd-1024x576.jpg)
これで文字自体は完了ですが、より雰囲気を出すために私は、背景に革のテクスチャ写真を敷いてみました。
![](https://irarecreate.com/wp-content/uploads/2022/06/08181c291ebc5ad428322e4832f10b6b-1024x576.jpg)
さらに、文字を選択した状態でアピアランスパネルから「fx」「スタイライズ」「ドロップシャドウ」へと進み、
![](https://irarecreate.com/wp-content/uploads/2022/06/58ec20316acb377edfd8a7641af8c0b2-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/06/a8cac819e8f0d25da0583412bad5eda5-1024x576.jpg)
下図のように設定すれば…
![](https://irarecreate.com/wp-content/uploads/2022/06/18976899bf69de105b93be1bddddb488-1024x576.jpg)
フォトショ顔負けのゴールド文字の完成です。
ドロップシャドウ、下の画像では見えづらいかもしれないですね(^^;
![](https://irarecreate.com/wp-content/uploads/2022/06/1000d9b638dc8770b06bc597416f064c-1024x576.jpg)
最後までお読みいただき、ありがとうございます。
無料で完成素材をダウンロード↓
金属文字アピアランスセットイラスト – No: 22328017/無料イラストなら「イラストAC」をイラストACでチェック!
コメント