かっこいい見た目はゲームロゴに最適です!メタリック文字の作り方|イラレチュートリアル

チュートリアル

こんにちは、イラレ常人です。
今回は「メタリック文字」の加工の方法を解説していきます。
イラレの装飾機能で一発加工というわけにはいきませんが、インパクトが強く、かっこいいので、ロゴなんかに最適です。
では、さっそく本編にいきましょう。

文字のオフセットを作る

オフセットとは、 ある位置から移動させた位置という意味合いを持ちます。
これを文字で行うと、どうなるか実際にやっていきます。

テキストツールに切り換え、適当なローマ字を打ち込みます。
書体の種類はサンセリフを選びます。

あまり聞きなれない言葉が出てきたという方もいるかもしれませんが、欧文フォントは4つの書体に分けられます。
深くは触れませんが、セリフ、サンセリフ、スクリプト、ディスプレイ(スラブ)の4つです。
この中で、今回作る加工文字にもっとも適していると感じたのがサンセリフだったので、このフォントを選びました。

話を戻します。

文字を打ち込んだら、これを選択した状態で右クリックして、文字をアウトライン化します。
この処理をしたら文字を打ち換えることはできなくなります。

文字を選択した状態で右クリックして「アウトラインを作成」を押します。

そうしたら、下の画面の手順で「パスのオフセット」へと進んでいきます。

下の画面のようなウィンドウが開くので、マーキング部分のように数値を設定してOKを押します。

「オフセット:2mm」に設定します。

すると、文字の外周地点から2mm離れた地点に、もう一回り大きい文字ができました。
これが文字のオフセットです。

オフセットと元の文字がグループ化されている場合は、後の編集をラクにするためにcrtl + shift + [ g ]でグループ化を解除しておきます。

ここまできたら次のステップです。

細かいパーツを作る

元の文字とオフセット文字の間にパーツを作っていくのですが、オフセット文字が黒く塗りつぶされて元の文字が見えません。
shift + [ x ] で塗りと線の設定をチェンジします。

そうしたら直線ツールに切り換え、元の文字とオフセット文字の角を直線でつないでいきます。
線の色は見やすいように黒にしておきます。
このとき、角同士をしっかりつなげられるようにctrl + [ u ]でスマートガイドを有効にしておきます。

直線を引き終わったら、これらを全て選択してライブペイントツールに切り換えます。
このツールは、線(パス)で囲っているところを自動で検知し、その範囲を塗りつぶしてくれるなんかすごいツールです。←語彙力
塗り(塗りつぶす色)を黒、線をなしに設定して、直線で区切られたところを塗りつぶしていきます。

それが終わったら「拡張」(下図参照)というところを押して、塗りつぶしたそれぞれのパーツを個別に編集できるようにしておきます。

因みに拡張後はパーツがグループ化されているので、ctrl + shift + [ g ]でグループ化を解除しておきます。

ここまできたら最終ステップです。

グラデーションを設定して完成

ぱっと見ではわかりませんが、パーツを作る際に使った線がまだ残っていました。
これは不要なので削除します。

線は不要なので、削除します。

そして、残った黒塗りはグループ化されているので、解除しておきます。

そうしたら、これらの図形を全て選択し、塗りをグラデーションに変更します。
下の画面では、すごく複雑なグラデーションのように見えますが、使っている種類は実は2種類だけです。

文字の外周に1種類、元の文字に1種類、合計2種類のグラデーションしか使っていません。

外周のグラデーションは「反転グラデーション」という機能を使って、文字通り反転させてたり、マーキング部分から角度を変えたりしています。

グラデーションの角度は、グラデーションパネルのマーキング部分から変えられます。

正直、それっぽく見えればいいのですが、どうも納得のいくものにならないという場合、この素材はイラストACで無料配布していますので、そちらをご覧ください。
詳しいグラデーション設定を見ることができます。
メタリックアルファベットベクターセットイラスト – No: 22512595/無料イラストなら「イラストAC」をイラストACでチェック!

一応、ここにもグラデーションの詳細を載せておきます。

因みに元の文字の方には、グラデーション塗りの他に線も追加して、よりシャープさを出しています。

わかりづらいかもしれませんが、元の文字(オフセット加工をかける前の「X」)に細い線を追加しました。

あとはこれらをctrl + [ g ]グループ化して、アピアランスパネルからドロップシャドウを加えてみたり、変形パネルから斜めにしてみたり、かっこよくして完成です。

アピアランスパネルの「fx」から「ドロップシャドウ」で影を追加します。
「描画モード:通常」「不透明度:100%」「X軸オフセット:3mm」「Y軸オフセット:2mm」「ぼかし:0mm」に設定します。
変形パネルから文字を斜めにします。

最後までお読みいただき、ありがとうございます。 

完成素材の無料ダウンロードはこちら↓
メタリックアルファベットベクターセットイラスト – No: 22512595/無料イラストなら「イラストAC」をイラストACでチェック!

コメント

タイトルとURLをコピーしました