![のざきち](https://nozakichi.com/wp-content/uploads/2020/11/nozakichi_icon_4.jpeg)
こんにちは!のざきち( @nozakichicken )です。
イラレでいろんなものを作ってみる企画「Design tips」の第2弾です!
![うさぎさん](https://nozakichi.com/wp-content/uploads/2020/11/nozokimi-usa.png)
チラシとかで、カーブした文字ってよく見るけどどうやってつくっているのか知りたい!
実はつくり方はとっても簡単!ということで、今回は「デザインのドリル」にもたびたび出てきたアーチ状の文字のつくり方(Illustrator版)を説明していきます。
▼ Photoshopでの作り方はこちらから
エンペロープでつくる
![のざきち](https://nozakichi.com/wp-content/uploads/2020/11/nozakichi_icon_4.jpeg)
![のざきち](https://nozakichi.com/wp-content/uploads/2020/11/nozakichi_icon_4.jpeg)
つくり方は2パターンあります。
まずは文字や図形を自由自在に曲げる方法のエンペロープからみていきましょ〜!
① 文字ツールで文字を入力
文字ツールで適当に文字を入力していきます。
![](https://nozakichi.com/wp-content/uploads/2021/09/arch_en_01.png)
![](https://nozakichi.com/wp-content/uploads/2021/09/arch_en_01.png)
② 効果>ワープ>円弧
文字を選択した状態で効果>ワープ>円弧の効果を適用していきます。
![](https://nozakichi.com/wp-content/uploads/2021/09/arch_en_02.png)
![](https://nozakichi.com/wp-content/uploads/2021/09/arch_en_02.png)
カーブの%を動かしてみよう
「円弧」を選択したら「ワープオプション」が出てきますので、
カープの%の部分を動かしたり、数値を入力したりして好きな角度にしていきましょう。
![](https://nozakichi.com/wp-content/uploads/2021/09/arch_en_03.png)
![](https://nozakichi.com/wp-content/uploads/2021/09/arch_en_03.png)
カーブの%を「-」に設定すると、逆方向にカーブしていきます。
![](https://nozakichi.com/wp-content/uploads/2021/09/arch_en_04.png)
![](https://nozakichi.com/wp-content/uploads/2021/09/arch_en_04.png)
![のざきち](https://nozakichi.com/wp-content/uploads/2020/11/nozakichi_icon_4.jpeg)
![のざきち](https://nozakichi.com/wp-content/uploads/2020/11/nozakichi_icon_4.jpeg)
「スタイル」の部分ではカーブのほかにいろいろなスタイルがありますので、ぜひいろいろ試してみてくださいね!
パス上文字ツールでつくる
もう一つのつくり方は、パスの上に文字を置く方法です。
① 円を作る
まずは楕円形ツールで適当な円を作ります。
![](https://nozakichi.com/wp-content/uploads/2021/11/arch_en_05.png)
![](https://nozakichi.com/wp-content/uploads/2021/11/arch_en_05.png)
② パス上文字ツールを選択
文字ツールを長押しして、「パス上文字ツール」を選択します。
![](https://nozakichi.com/wp-content/uploads/2021/11/arch_en_06.png)
![](https://nozakichi.com/wp-content/uploads/2021/11/arch_en_06.png)
③ 円のパス上をクリックし文字を入力
先ほど作成した円のパス上をクリックします。
(小さく「パス」と表示されていれば、クリックして文字を入力できます。)
![](https://nozakichi.com/wp-content/uploads/2021/11/arch_en_07.png)
![](https://nozakichi.com/wp-content/uploads/2021/11/arch_en_07.png)
すると下記のような文字が勝手に入力されます。
![](https://nozakichi.com/wp-content/uploads/2021/11/arch_en_08.png)
![](https://nozakichi.com/wp-content/uploads/2021/11/arch_en_08.png)
先ほど勝手に入力された文字は消して、
任意のフォントや大きさで文字を入れていきましょう。
![](https://nozakichi.com/wp-content/uploads/2021/11/arch_en_09.png)
![](https://nozakichi.com/wp-content/uploads/2021/11/arch_en_09.png)
位置を調節してみよう
文字の開始位置にある小さい□にカーソルを合わせると「|→」が出現してくるので、クリック&ドラッグしていくと位置調整ができます。
![](https://nozakichi.com/wp-content/uploads/2021/11/arch_en.gif)
![](https://nozakichi.com/wp-content/uploads/2021/11/arch_en.gif)
文字を選択した状態で、再度「パス上文字ツール」のアイコンをダブルクリックすると「パス上文字オプション」が出てきます。パス状の位置なども調節することができます。
![](https://nozakichi.com/wp-content/uploads/2021/11/arch_en_10.png)
![](https://nozakichi.com/wp-content/uploads/2021/11/arch_en_10.png)
さいごに
「Design tips」の第2回目は、アーチ文字(カーブした文字)のつくり方をご紹介いたしました。
エンペロープつくる方法と、パス上文字ツールでつくる方法とでは、できることが若干違ってきます。つくりたいものに合わせていてどちらが適しているかぜひいろいろ試してみてくださいね。
使う機会はかなり多いと思いますので、ぜひ覚えて応用していきましょう!
![のざきち](https://nozakichi.com/wp-content/uploads/2020/11/nozakichi_icon_4.jpeg)
![のざきち](https://nozakichi.com/wp-content/uploads/2020/11/nozakichi_icon_4.jpeg)
最後までお読みいただきありがとうございました!次回もおたのしみに♪
今までのDesign tips系の記事は下記から見れますー!
![うさぎさん](https://nozakichi.com/wp-content/uploads/2020/11/nozokimi-usa.png)
![うさぎさん](https://nozakichi.com/wp-content/uploads/2020/11/nozokimi-usa.png)
Adobeソフトを安く買えちゃう方法は、以下の記事でご紹介中! ▼
コメント