文字を変形したタイトルロゴは動きがあって迫力のあるタイトルデザインが作れます。
この記事では文字の形を変形したタイトルロゴの作り方とデザインアイデアを紹介します。
目次
文字を変形したタイトルロゴ
片方が飛び出したタイトルロゴ
片方が手前に迫るタイトルロゴの作り方です。
![](https://clip-blog.com/wp-content/uploads/2022/04/7ce3865724b7090433bd019c094113cf.png)
作り方
- フォントのを選択して、メニューから「効果」→「パスの変形」→「パスの自由変形」を選択します。
- 「パスの自由変形」で文字を変形します。
- 「進化する広告」の一文字ごとに文字の横幅を調節します。「進」横幅を広げる→「告」横幅を狭める
![](https://clip-blog.com/wp-content/uploads/2021/04/90db765cb440fcbdfb217605faf09a2d.png)
先にアウトラインを取ると横幅の調節がやりにくいので、アウトラインを取る前に調整します。
![](https://clip-blog.com/wp-content/uploads/2022/05/fc73e61972905a506148d9f4ec132a70-1024x467.png)
![](https://clip-blog.com/wp-content/uploads/2022/05/fc73e61972905a506148d9f4ec132a70-1024x467.png)
変形した文字のアウトライン方法:上のメニューから「オブジェクト」→「アピアランスを分解」を選択
左右で飛び出したタイトルロゴ
文字が立った印象の立体的なタイトルロゴです。誌面の下側に配置すると安定したイメージなります。
![](https://clip-blog.com/wp-content/uploads/2022/05/a42e10b9a9ca6c89c45075d53d99cc84-1024x477.png)
![](https://clip-blog.com/wp-content/uploads/2022/05/a42e10b9a9ca6c89c45075d53d99cc84-1024x477.png)
![](https://clip-blog.com/wp-content/uploads/2022/05/a2a44dc1f79287aac1b09c2437a0eeb9-1024x951.png)
![](https://clip-blog.com/wp-content/uploads/2022/05/a2a44dc1f79287aac1b09c2437a0eeb9-1024x951.png)
作り方の手順
上の変形の応用です。
- 同じ文字数になるように「進化す」と「る広告」でテキストを分けます。
- それぞれ「パスの自由変形」で変形をします。
- 文字の幅を調整します。
- 奥(センター)に行くほど横幅を小さく
- 手前(端)に行くほど横幅を広げる
変形した文字のアウトライン方法:上のメニューから「オブジェクト」→「アピアランスを分解」を選択
下部分が弧を描くタイトルロゴ
下側が手前に迫るタイトルロゴです。誌面の上部に配置すると収まりが良いです。
![](https://clip-blog.com/wp-content/uploads/2022/05/b41f6bf81066f105fff184842e8c461a-1024x267.png)
![](https://clip-blog.com/wp-content/uploads/2022/05/b41f6bf81066f105fff184842e8c461a-1024x267.png)
作り方の手順
- 文字を選択してメニューから「効果」→「ワープ」→「下弦」を選択
- 「カーブ」をマイナスに振ります。調整して「OK」をクリックします。
- メニューから「効果」→「パスの変形」→「パスの自由変形」を選択します。
- 下側を広げます。
![](https://clip-blog.com/wp-content/uploads/2022/05/b20d149c9d2dc6b4b5dee035709f9d73-1024x500.png)
![](https://clip-blog.com/wp-content/uploads/2022/05/b20d149c9d2dc6b4b5dee035709f9d73-1024x500.png)
変形した文字のアウトライン方法:上のメニューから「オブジェクト」→「アピアランスを分解」を選択
ウェーブに変形したタイトルロゴ❶
ウェーブがかかったタイトルロゴの作り方を紹介します。
![](https://clip-blog.com/wp-content/uploads/2022/05/62404b46df4e67004132412eb3279ebf-1024x361.png)
![](https://clip-blog.com/wp-content/uploads/2022/05/62404b46df4e67004132412eb3279ebf-1024x361.png)
作り方の手順
![](https://clip-blog.com/wp-content/uploads/2022/05/f65252a24f73bb2119a4a4f8d1b20a4f.png)
![](https://clip-blog.com/wp-content/uploads/2022/05/f65252a24f73bb2119a4a4f8d1b20a4f.png)
- 文字を選択してメニューから「効果」→「ワープ」→「上昇」を選択します。
- カーブを調整します。
変形した文字のアウトライン方法:上のメニューから「オブジェクト」→「アピアランスを分解」を選択
ウェーブに変形したタイトルロゴ❷
もうひとつウェーブがかかったタイトルロゴの作り方を紹介します。こちらはより立体的にウェーブかかかっています。
![](https://clip-blog.com/wp-content/uploads/2022/05/47d140b2b62e26af50e07dec03c1b4da-1024x411.png)
![](https://clip-blog.com/wp-content/uploads/2022/05/47d140b2b62e26af50e07dec03c1b4da-1024x411.png)
作り方の手順
![](https://clip-blog.com/wp-content/uploads/2022/05/499a8cf6cbf6b920596cafa3ceb55ea8-1024x796.png)
![](https://clip-blog.com/wp-content/uploads/2022/05/499a8cf6cbf6b920596cafa3ceb55ea8-1024x796.png)
- 文字を選択してメニューから「効果」→「ワープ」→「旗」を選択します。
- 「カーブ」でウェーブの大きさを調整します。
- 「水平方向」でタイトルの頭を大きさを調整します。
- 一文字ごとに文字の幅を調整します。
変形した文字のアウトライン方法:上のメニューから「オブジェクト」→「アピアランスを分解」を選択
ウェーブの応用
帯と文字の両方を選択した状態で変形させると、帯付きのウェーブした文字が作れます。
![](https://clip-blog.com/wp-content/uploads/2022/05/d6c9e6170962292827be829dda09fd34-1024x290.png)
![](https://clip-blog.com/wp-content/uploads/2022/05/d6c9e6170962292827be829dda09fd34-1024x290.png)
まとめ
文字を変形したタイトルロゴの作り方でした。
変形をしすぎると読みにくくなり、逆に伝わらないデザインになってしまいます。変形のやりすぎは注意です。
参考になったら幸いです。
アウトラインを取らずに一文字ごと位置や大きさを変えられる「文字タッチツール」の記事も参考にどうぞ。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://clip-blog.com/wp-content/uploads/2022/02/bde5f3d461f42cebef2e7b4a1bac8125-300x180.jpg)
![](https://clip-blog.com/wp-content/uploads/2022/02/bde5f3d461f42cebef2e7b4a1bac8125-300x180.jpg)
![](https://clip-blog.com/wp-content/uploads/2022/02/bde5f3d461f42cebef2e7b4a1bac8125-300x180.jpg)
イラレの「文字タッチツール」で自由に文字を変形する
イラストレーターの「文字タッチツール」を使うと文字をアウトライン化しなくても、一文字ごとに文字の拡大縮小や角度の変更、移動を直感的に変えることができます。 こ…
色々なタイトル文字の作り方を紹介した記事も参考にどうぞ。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://clip-blog.com/wp-content/uploads/2022/04/ec1aa82f5ad48386b21d65eeeaee072b-300x158.jpg)
![](https://clip-blog.com/wp-content/uploads/2022/04/ec1aa82f5ad48386b21d65eeeaee072b-300x158.jpg)
![](https://clip-blog.com/wp-content/uploads/2022/04/ec1aa82f5ad48386b21d65eeeaee072b-300x158.jpg)
簡単に作れる!タイトルロゴの作り方とまとめるコツを紹介
カタログ、ポスター、冊子など、タイトルロゴはいろいろなところで目にします。 文字を加工したタイトルロゴは広告には欠かせないものです。 今回は簡単に作れる日本語…
タイトル文字で使えそうなフォントやおしゃれなフォントを集めた記事も参考にどうぞ。
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://clip-blog.com/wp-content/uploads/2022/05/12c7cb2828b3731701a5d0b5e915a8d6-300x158.jpg)
![](https://clip-blog.com/wp-content/uploads/2022/05/12c7cb2828b3731701a5d0b5e915a8d6-300x158.jpg)
![](https://clip-blog.com/wp-content/uploads/2022/05/12c7cb2828b3731701a5d0b5e915a8d6-300x158.jpg)
タイトルロゴにそのまま使えるフリーフォントの紹介
タイトルロゴを作る1番簡単な方法は、個性的なフォントを使うことです。 イメージに合ったフォントを使うことで、少しの修正やそのままタイトルデザインとして使えるも…
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://clip-blog.com/wp-content/uploads/2022/07/59566926cde44e99a387ec990c9a5554-300x158.jpg)
![](https://clip-blog.com/wp-content/uploads/2022/07/59566926cde44e99a387ec990c9a5554-300x158.jpg)
![](https://clip-blog.com/wp-content/uploads/2022/07/59566926cde44e99a387ec990c9a5554-300x158.jpg)
【商用可】おしゃれな日本語フリーフォントを集めました。
今回は実際にデザインで使えそうなおしゃれなフォントを厳選して紹介します。 ベーシックでさりげないフォントから印象的なおしゃれなフォントまでデザインワークで実際…
あわせて読みたい
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://clip-blog.com/wp-content/uploads/2022/07/356781f2d7660f88d4e479efe1d1541d-300x158.jpg)
![](https://clip-blog.com/wp-content/uploads/2022/07/356781f2d7660f88d4e479efe1d1541d-300x158.jpg)
![](https://clip-blog.com/wp-content/uploads/2022/07/356781f2d7660f88d4e479efe1d1541d-300x158.jpg)
【商用可・無料】かわいい日本語フリーフォントを集めました。
今回は実際にデザインで使えそうな可愛いフォント・ゆるいフォントを厳選して紹介します。 ベーシックでさりげないフォントから印象的なフォントまで可愛いデザインに合…
コメント