この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回は、「メタリック文字」の加工の方法を解説していきます。
イラレの装飾機能で一発加工というわけにはいきませんが、インパクトが強く、かっこ良いので、ロゴなんかに最適です。
無料で完成素材をダウンロード↓
メタリックアルファベットベクターセットイラスト – No: 22512595/無料イラストなら「イラストAC」をイラストACでチェック!
では、さっそく本編にいきましょう。
文字のオフセットを作る
オフセットとは「 ある位置から移動させた位置」という意味合いを持ちます。
これを文字で行うと、どうなるか実際にやっていきます。
テキストツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2021/11/275b70df25a5fca1db9add5e9e1c6d91-1024x576.jpg)
適当なローマ字を打ち込みます。
書体の種類は「セリフ書体」を選びます。
![](https://irarecreate.com/wp-content/uploads/2021/11/d8796e8f4c5da5c51690e66018594a2d-1024x576.jpg)
セリフ書体って何?
聞きなれない言葉が出てきたよ…
と思う方もいるかもしれませんが、欧文フォントは4つの書体に分けられます。
深くは触れませんが、セリフ、サンセリフ、スクリプト、ディスプレイ(スラブ)の4つです。
この中で、今回、作る加工文字にもっとも適していると感じたものがセリフだったので、このフォントを選びました。
![](https://irarecreate.com/wp-content/uploads/2021/11/3c826cd8cecf08cae29c177de494029c-1024x576.jpg)
話を戻します。
文字を打ち込んだら、選択ツール(V)で文字を選択した状態で右クリックして、「アウトラインを作成」を実行します。
アウトライン化の処理をしたら、文字を打ち換えることはできなくなります。
![](https://irarecreate.com/wp-content/uploads/2021/11/3b8b1962dcb4cc7d6e5e0ac174c83304-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/11/c5d222beced2c59be4bf3346b19dc5d5-1024x576.jpg)
そうしたら、下図の手順で「パスのオフセット」へと進んでいきます。
![](https://irarecreate.com/wp-content/uploads/2021/11/fe07a723393ae0835148970d2a89c8d2-1024x576.jpg)
下図のようなウィンドウが開くので、マーキング部分のように数値を設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2021/11/aee4119ca2e9f2e52414e2506535b6e7-1024x576.jpg)
すると、文字の外周地点から2mm離れた地点に、もう一回り大きい文字ができました。
これが文字のオフセットです。
![](https://irarecreate.com/wp-content/uploads/2021/11/f334b4d748eaca9dee2c705af75736a7-1024x576.jpg)
オフセットと元の文字がグループ化されている場合は、そのあとの編集をラクにするために、shift + ctrl(⌘) + [ g ]でグループ化を解除しておきます。
![](https://irarecreate.com/wp-content/uploads/2021/11/defef58f4c3d87453913ffd536fee19a-1024x576.jpg)
細かいパーツを作る
元の文字とオフセット文字の間にパーツを作っていくのですが、オフセット文字が黒く塗りつぶされて元の文字が見えません。
shift + [ x ] で塗りと線の設定をチェンジします。
![](https://irarecreate.com/wp-content/uploads/2021/11/12c84fb0489101e3f5bfd8a06e847ec7-1024x576.jpg)
そうしたら、直線ツールに切り換え、
![](https://irarecreate.com/wp-content/uploads/2021/11/76128546cae084203cc59657c08fa69f-1024x576.jpg)
元の文字とオフセット文字の角を直線でつないでいきます(下図参照)。
線の色は、見やすいように「黒」にしておきます。
![](https://irarecreate.com/wp-content/uploads/2021/11/19523914d4fb68201876857febd78103.gif)
このとき、角同士をしっかりつなげられるように、ctrl + [ u ]でスマートガイドを有効にしておきます。
![](https://irarecreate.com/wp-content/uploads/2021/11/2a2138d846aee4003265f716bc18665a-1024x576.jpg)
直線を引き終わったら、これらを全て選択して、ライブペイントツールに切り換えます。
ライブペイントツールは、線(パス)で囲っているところを自動で検知し、その範囲を塗りつぶしてくれるなんかすごいツールです。←語彙力
![](https://irarecreate.com/wp-content/uploads/2021/11/89376bc8bb961e9f90396d93459c4e1d-1-1024x576.jpg)
塗り(塗りつぶす色)を「黒」、線を「なし」に設定して、
![](https://irarecreate.com/wp-content/uploads/2021/11/fa508585ef701d5e858b836a8ea8eeb8-1024x576.jpg)
左クリックで、直線で区切られたところを塗りつぶしていきます。
![](https://irarecreate.com/wp-content/uploads/2021/11/71ebf4be4a242f8e1bbce14b1f166c19-1024x576.jpg)
それが終わったら「拡張」(下図参照)というところを押して、塗りつぶしたそれぞれのパーツを個別に編集できるようにしておきます。
![](https://irarecreate.com/wp-content/uploads/2021/11/c250313f281e835b3ac9294ca11181e1-1024x576.jpg)
因みに、拡張後はパーツがグループ化されているので、shift + ctrl(⌘) + [ g ]でグループ化を解除しておきます。
![](https://irarecreate.com/wp-content/uploads/2021/11/61ebf364a1fe9155a1d95a2e1248496c-1024x576.jpg)
グラデーションを設定して完成
パッと見ではわかりませんが、パーツを作る際に使った線がまだ残っています(下図参照)。
この線は不要なので削除します。
![](https://irarecreate.com/wp-content/uploads/2021/11/af74215183e9d22e2a4df8c680471bfe.gif)
そして、残った黒塗りはグループ化されているので、グループ解除しておきます。
![](https://irarecreate.com/wp-content/uploads/2021/11/fae71b3dc82005645e467aebf1bb28e4-1024x576.jpg)
そうしたら、これらを全て選択し、塗りを「グラデーション」に変更します。
下図では、すごく複雑なグラデーションのように見えますが、使っている種類は、実は2種類だけです。文字の外周に1種類、元の文字に1種類、合計2種類のグラデーションしか使っていません。
![](https://irarecreate.com/wp-content/uploads/2021/11/1299800280a873db41074ebf75ff68e8-1024x576.jpg)
外周のグラデーションはグラデーションパネルの「反転グラデーション」という機能を使って、文字通りグラデーションを反転させてたり、
![](https://irarecreate.com/wp-content/uploads/2021/11/246df0adbf9d1324de375a179d6b1046-1024x576.jpg)
反転グラデーションのすぐ右横のところ(下図マーキング部分)から角度を変えたりしています。
![](https://irarecreate.com/wp-content/uploads/2021/11/6b460abeb6b1873eac2a7feed916c069-1024x576.jpg)
正直、それっぽく見えれば良いのですが、どうも納得のいくものにならないという場合、この素材はイラストACで無料配布していますので、そちらをご覧ください。
詳しいグラデーション設定を見ることができます↓
メタリックアルファベットベクターセットイラスト – No: 22512595/無料イラストなら「イラストAC」をイラストACでチェック!
念の為、下図にもグラデーションの詳細を載せておきます。
![](https://irarecreate.com/wp-content/uploads/2021/11/ef236f3b0b099756461de01e7485dedd-1-1024x576.jpg)
因みに元の文字の方には、グラデーション塗りの他に線も追加して、よりシャープさを出しています。
![](https://irarecreate.com/wp-content/uploads/2021/11/13b5f4f4c51a5eba9503844d51c835f5-1024x576.jpg)
あとはこれらを、ctrl(⌘) + [ g ]グループ化して、
![](https://irarecreate.com/wp-content/uploads/2021/11/50479507c5c8282ad3bbaa6e3f8c09c2-1024x576.jpg)
アピアランスパネルからドロップシャドウを加えてみたり、
![](https://irarecreate.com/wp-content/uploads/2021/11/c1ba7528eac48c0fd3a18bb53d51c5f5-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/11/37c55e1a07dfef9679dd744114f39d3e-1024x576.jpg)
変形パネルから斜めにしてみたり、かっこ良くして、完成です。
![](https://irarecreate.com/wp-content/uploads/2021/11/7e72fd679019a91228de389b86ca8048-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2021/11/1a70c924a1bd8f81a80aa70fee966e58-1024x576.jpg)
最後までお読みいただき、ありがとうございます。
無料で完成素材をダウンロード↓
メタリックアルファベットベクターセットイラスト – No: 22512595/無料イラストなら「イラストAC」をイラストACでチェック!
コメント