こんにちは、mito(@mito_works)です。
今回は、Illustratorを使った文字表現についてです。
- 単語の1文字1文字の色を変える
- 単語の1文字1文字の大きさを変える
- 単語の1文字1文字の角度を変える
- 文字に影をつける etc…
momo
ただテキストを書くだけでなく、ひと工夫することでデザイン性が一気に上がるよ!
簡単に実現する方法をご紹介します!
スポンサーリンク
Contents
文字タッチツールで文字を踊らせる
文字ツールでテキストを入力する
ツールバーに「文字タッチツール」というツールもありますが、今回は、「文字ツール」で入力した文字を途中から「文字タッチツール」で編集する方法を解説します。
momo
最初は、文字ツールを選択するよ!
![](https://mito-lab.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-01-10.47.44.png)
文字を入力します。
文字パネルの詳細オプションを表示
文字パネル右下の「・・・」ボタンを押して詳細オプションを表示させます。
![](https://mito-lab.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-01-10.49.02.png)
文字タッチツールをクリック
詳細オプションの「文字タッチツール」をクリックします。
![](https://mito-lab.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-01-10.49.13.png)
文字をクリックして変更
変更したい文字をクリックすると1文字ずつ選択できます。
![](https://mito-lab.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-01-10.53.36.png)
momo
色を変えたい場合はカラーパネルから、大きさや角度を変えたい場合はバウンディングボックスの角をドラッグすると変えられるよ!
![](https://mito-lab.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-01-11.00.00.png)
完成
![](https://mito-lab.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-01-11.01.16.png)
曲線にそって文字をかく(おまけ)
曲線ツールを選択し、曲線を書く
ツールパネルから曲線ツールを選択。
![](https://mito-lab.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-01-11.11.33.png)
塗り、線なしの曲線を書きます。
![](https://mito-lab.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-01-11.12.06.png)
文字ツールを選択肢、曲線上に文字を書く
文字ツールを選択肢、曲線上にカーソルを合わせて文字を書きます。
momo
曲線上にカーソルを合わせると波線が表示されるよ!
![](https://mito-lab.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-01-11.13.20.png)
始点の位置を調整する
始点にカーソルを合わせると矢印マークが表れるので、配置したい場所に移動させます。
![](https://mito-lab.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-01-11.14.30.png)
文字に影をつける(おまけ)
効果を選択をクリック
文字を選択し、プロパティのアピアランス>効果を選択をクリック
![](https://mito-lab.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-01-11.23.52.png)
momo
「fx」のアイコン部分だよ!
スタライズからドロップシャドウを選択
スタライズからドロップシャドウを選択します。
![](https://mito-lab.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-01-11.24.12.png)
mito
プレビューを見ながら好みのシャドウに仕上げます。
![](https://mito-lab.com/wp-content/uploads/2020/05/スクリーンショット-2020-05-01-11.24.57.png)
ABOUT ME
スポンサーリンク
スポンサーリンク