イラレの文字に効果をかけて装飾しよう
関連記事 前々回と前回のイラレ文字装飾の記事はこちら
文字の装飾Part1「文字をふちどる」
文字の装飾Part2「ホラー風文字とネオン缶のような文字」
完成形 今回ワープと3Dの効果で出来る文字装飾
![](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa1-4kansei.png)
![でこぼこ文字](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa2-4kansei.png)
![旗効果文字](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa3-4kansei.png)
![3D完成文字](https://enkame.com/wp-content/uploads/2021/07/210718moji3dkansei.png)
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/enkame02.png)
文字装飾の第3弾は、ワープと3Dの効果をかけてみます
![いっぺい](https://enkame.com/wp-content/uploads/2020/09/ippei-banzai.png)
難しいことは置いといて、ひとまずやってみよ〜
今回の使用アプリケーションソフト:Adobe Illustrator CC 25(»Adobe 公式サイト)
文字装飾のパート3もAdobeのIllustrator(イラストレーター)を使用してます。使用する Illustrator は体験版も用意されていて、AdobeCCのコンプリートプランにも含まれている。
①ワープ効果をかけた文字を3パターン作ってみる
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
それでは早速イラレの3種類のワープ機能を使って、ワープの効果たるやを確認しましょう
![いっぺい](https://enkame.com/wp-content/uploads/2020/08/ippei-meganeDOUP.png)
今回のワープは瞬間移動の方じゃなくて「ゆがみ」とかそっちの方ね
1-1.ワープ「円弧」の効果
ワープをかけたい文字を 選択ツールで選択(今回選択した文字はPart1で作成したふちどり文字を使用)
![ふちどり文字選択](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa1-1.png)
参考 ツール一覧早見表(画像付き)【Adobeイラストレーター】
メニューの 効果 > ワープ > 円弧 の順に選択。
![効果:円弧選択の画面](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa1-2.png)
カーブを25%に設定。
![ワープオプションの設定画面](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa1-3.png)
「円弧」のワープ効果がかかった文字の完成!
![円弧文字](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa1-4kansei.png)
1-2.ワープ「でこぼこ」の効果
ワープの効果を適応させたい文字を 選択ツールで選択(今回選択した文字はPart1で作成した強調文字を使用)
![強調文字選択の図](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa2-1.png)
メニューの 効果 > ワープ > でこぼこ の順に選択。
![効果:でこぼこ選択画面](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa2-2.png)
カーブを16%に設定。
![でこぼこワープオプションの設定画面](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa2-3.png)
「でこぼこ」のワープ効果がかかった文字の完成!
![でこぼこ文字](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa2-4kansei.png)
1-3.ワープ「旗」の効果
ワープをかけたい文字を 選択ツールで選択(例の文字はPart2で作成したホラー風文字を使用)
![ホラー文字選択の図](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa3-1.png)
メニューの 効果 > ワープ > 旗 の順に選択。
![効果:旗の選択の図](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa3-2.png)
カーブを30%に設定。
![旗ワープオプションの設定画面](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa3-3.png)
旗のワープ効果がかかった文字の完成!
![旗効果文字](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa3-4kansei.png)
アピアランスで再設定可能
効果はアピアランスから再設定可能。
![アピアランスに表示されたワープ効果](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa4-1.png)
アピアランス内の効果をクリックすると、その効果のオプションが表示される。ワープオプション内のスタイルをプルダウンから、ワープの種類も変更可能。
![ワープオプションのスタイル変更](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa4-2.png)
アピアランスからスタイルを円弧から魚眼レンズに変更した結果はこちら。
![アピアランスでワープ効果「魚眼レンズ」](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa4-3.png)
もちろん文字以外の図形などにもワープ効果は使える
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
ワープは文字の他に図形などにも反映できます。
【早見表】ワープ効果の一覧をまとめた記事はこちら
![四角にワープ<旗>](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa5-1.png)
![星にワープ<円弧>](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa5-2.png)
![いっぺい](https://enkame.com/wp-content/uploads/2021/07/ippei-hige.png)
ワープは芸術じゃ〜
②3D効果をかけた文字を作ってみる
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
次に、文字が飛び出したような3Dの効果も試してみましょう
3Dを反映させたい文字を 選択ツールで選択(今回選択した文字はPart1で作成したふちどり文字)
![選択画面](https://enkame.com/wp-content/uploads/2021/07/210718mojiwa1-1.png)
メニューの 効果 > 3D > 押し出し・ベベル の順に選択。
![3D効果の場所](https://enkame.com/wp-content/uploads/2021/07/210718moji3d1.png)
3D > 押し出し・ベベルオプションが表示されるので、左下のプレビューに✔︎チェックが入ってることを確認後、プレビューを見ながら位置や数値をお好みに設定しよう。最後にOKをクリック。
例では、位置:オフアクシス法 – 前面 のデフォルトを使用。
![3D 押し出し・ベベルオプションの設定画面](https://enkame.com/wp-content/uploads/2021/07/210718moji3d2.png)
3D効果のかかった文字の完成!
![3D完成文字](https://enkame.com/wp-content/uploads/2021/07/210718moji3dkansei.png)
グラフィックスタイルに登録で使い回し
今回紹介した効果も、グラフィックスタイルに登録することで、他のオブジェクトに同じ効果を一発で反映させることが可能。詳しくは下記記事を参照。
まとめ 文字に効果を当てるとみるみる変化して面白い
- 文字にワープの効果を当てると様々な歪み文字を表現出来る
- ワープは文字だけでなく図形などのパスでも使用できる
- 反映したワープの効果はアピアランスから変更可能
- ワープの効果は全部で15種類(ワープの一覧はこちら)
- 3D効果で3次元風文字が簡単に作れる
- どちらの効果もグラフィックスタイルに登録すれば他のオブジェクトにも使いまわせる
![いっぺい](https://enkame.com/wp-content/uploads/2020/09/ippei-banzai.png)
ワープや3D効果ひとつで一変するからおもろいねぇ
![えんかめ](https://enkame.com/wp-content/uploads/2020/08/siteicon2.png)
ふちどりなどで装飾した文字だけでなく、図形などでも多様できますので作品の雰囲気に合わせて色々お試しあれ
![いっぺい](https://enkame.com/wp-content/uploads/2020/09/ippe-uhuhu.png)
効果って奥深い
- 今回使用したIllustratorはAdobeCCのコンプリートプランに含まれる
- » Adobe 公式サイト (初回7日無料トライアル)
- » Amazon
(Adobe製品ページ)
- イラストレーター単体はこちら
- » Illustrator(Adobe公式サイト)
- » Amazon
(イラストレーター単体商品ページ)
「基本のき記事」まとめ一覧
- 四角と丸 イラストレーターでの「四角と丸」の作り方
- 三角と多角形 イラストレーターでの「多角形と三角形」の作り方
- 星とギザギザふきだし イラストレーターでの「星とギザギザふきだし」の作り方
- 線の作り方 イラストレーターでの「線(種類8パターン)」の作り方
- 角を丸くする(角丸)イラストレーターでの「角丸」の作り方
- 文字の装飾 イラストレーターでの「文字の装飾」のやり方パターン
- 星の角を丸くする イラストレーターでの「星の角を丸くする」やり方2種類
- 卵としずくを作成 イラレでの「たまご型」と「しずく型(水滴)」の作り方
- グラデーションとドロップシャドウ 「グラデーション」と「ドロップシャドウ」
本日もご清覧ありがとうございました。
コメント