この記事には広告が含まれています。
こんにちは、イラレ常人です。
今回は、「アピアランス(和訳:外観)」という装飾機能を使って、文字を装飾していきます。
無料で完成素材をダウンロード↓
値引き表示セットイラスト – No: 22932428/無料イラストなら「イラストAC」をイラストACでチェック!
では、さっそく本編にいきましょう。
文字を用意する
まずテキストツールに切り換え、文字を用意します。
とりあえず塗りは「K100」、線は「なし」で良いです。
![](https://irarecreate.com/wp-content/uploads/2022/07/6414ff5c2c4245fe0b5392d0d0966d1c-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/07/cc8be5f7f798f03354dd48ba68c11c78-1024x576.jpg)
配置し終わったら選択ツールに切り換え、この3つのテキストをグループ化します。
![](https://irarecreate.com/wp-content/uploads/2022/07/524e0216cd9e4e0514beb801856a6e3a-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/07/dad7b51bfc18a84379f9a44c6bd87fae-1024x576.jpg)
次に、ここ(下図1枚目)から塗りを一度「なし」にし、アピアランスパネルを開きます。
![](https://irarecreate.com/wp-content/uploads/2022/07/7cb64579c644e30cf0aeb49a77aa4dc7-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/07/0331901fea1ce95b7e5660cf95de222f-1024x576.jpg)
改めて、このパネルから塗りを「K100」に設定したら、
![](https://irarecreate.com/wp-content/uploads/2022/07/8bf1d0a8c6cd88979f6c46c553e26cc9-1024x576.jpg)
続いて、ここ(下図参照)でグラデーションを適用させます。
初期設定では白と黒のグラデーションになるので、
![](https://irarecreate.com/wp-content/uploads/2022/07/ebf90f7e83c176cc2ab3814319d7b044-1024x576.jpg)
グラデーションパネルから下図のように色を設定します。
それぞれの色の変更は、グラデーションスライダー(パネル内のメーターのような部分)にある色をダブルクリックすれば、できます。
![](https://irarecreate.com/wp-content/uploads/2022/07/3a4b53cd3769556a9ae8afe464917bdd-1024x576.jpg)
グラデーションの傾きは「90度」にします。
![](https://irarecreate.com/wp-content/uploads/2022/07/465495ff6ad9799dfda93613b2d63de4-1024x576.jpg)
ここまできたら、次のステップです。
文字に枠線(縁取り)と影をつける
文字を選択した状態で、アピアランスパネルから、さらに編集を行います。
![](https://irarecreate.com/wp-content/uploads/2022/07/f5e9dbe09f5fd142bafa0858c903b3f5-1024x576.jpg)
ここ(下図参照)を押して、枠線を1本追加します。
![](https://irarecreate.com/wp-content/uploads/2022/07/dacd756f111950033bb247ab95a8fd17-1024x576.jpg)
初期設定では塗りの上に線があるので、ドラッグで下に移動させます。
![](https://irarecreate.com/wp-content/uploads/2022/07/0d50a4795a996c81d9912e667f7f1f6c-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/07/ac974f02f04de6ac1f31239aed9ae3b4-1024x576.jpg)
そうしたら、移動させたそれぞれの線の色を「Y100」「Y100,M100」に設定し、さらに線の太さを「15pt」「30pt」にします(下図参照)。
![](https://irarecreate.com/wp-content/uploads/2022/07/1d820c1ea4377c3eb22d65044f32e75c-1024x576.jpg)
次に塗りの方を選択し、「fx」から「ドロップシャドウ」を選びます。
![](https://irarecreate.com/wp-content/uploads/2022/07/30e1623777c953724555b50b9ad8a784-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/07/a2d3aeb63a6cf21f467dd5f6cbd3d936-1024x576.jpg)
すると下図のようなウィンドウが出てくるので、字幕のように設定して、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/07/f68978682fe5d7cbad7730135bd8d664-1024x576.jpg)
続いて、線の太さが「15pt」の方の線を選択し、また「fx」から「ドロップシャドウ」を適用させます。
![](https://irarecreate.com/wp-content/uploads/2022/07/e9e4823a927729198b7a34390ae3d884-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/07/3daaa762ff8cf97358ba3960c715a08e-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/07/e4d8ddfcf460df6fc4528bbc86230081-1024x576.jpg)
最後に、枠線のエッジを丸くしたら、文字装飾は完成です。
アピアランスパネル内の「線」を左クリックすると、角の形状(エッジ)を編集できるところが出てくるので、そこから「ラウンド結合」を選びます。
![](https://irarecreate.com/wp-content/uploads/2022/07/b6c9d57f050a292d84567e7c59058069-1024x576.jpg)
おまけ
装飾として配置しているギザギザのオブジェクトは、
![](https://irarecreate.com/wp-content/uploads/2022/07/845cc0f233edfd698b49024fbaee02be-1024x576.jpg)
まず、楕円形ツール(ショートカット:L)でshiftを押しながらドラッグで正円を描き、塗りにグラデーションを適用させます。
![](https://irarecreate.com/wp-content/uploads/2022/07/83e1de51639a91bb6eeb232d416dbfe7-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/07/6db1db1dc93e084009da1da9511dcde9-1024x576.jpg)
グラデーションの形は、グラデーションパネルから「円形」にします。
![](https://irarecreate.com/wp-content/uploads/2022/07/68bf7f2c19b5f24e7fe9563ace6fcfd4-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/07/5502084cc3127415c14ef8f940a036b2-1024x576.jpg)
次に、この正円を選択した状態でアピアランスパネルから「fx」「パスの変形」「ジグザグ」と進んでいくと、
![](https://irarecreate.com/wp-content/uploads/2022/07/3b0c3cc68ba3ca6d4f576073ee6809d1-1024x576.jpg)
下図のようなウィンドウが出るので、プレビューにチェックを入れ、自分の納得のいく形になるまで調節したら、OKを押します。
![](https://irarecreate.com/wp-content/uploads/2022/07/e2a6469b74e4b1ae3a9435b70f9ff078-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/07/4b3542a4d2832d3ac30c35e57c67d245-1024x576.jpg)
これは文字の後ろに配置させたいので、ギザギザを選択した状態で右クリックを押し、「重ね順」を「最背面」にします。
![](https://irarecreate.com/wp-content/uploads/2022/07/943b8b2a613c26537d2dd3571a514942-1024x576.jpg)
![](https://irarecreate.com/wp-content/uploads/2022/07/d2e3aa9d467d91aa05e028fdacd93167-1024x576.jpg)
最後までお読みいただき、ありがとうございます。
無料で完成素材をダウンロード↓
値引き表示セットイラスト – No: 22932428/無料イラストなら「イラストAC」をイラストACでチェック!
コメント