アラタナエンジニアブログ

aratana Engineer's Blog

【Illustrator】意外と知られていない便利機能(文字タッチツール)をご紹介!

みなさんこんにちは。
アラタナのWebデザイナー亀元です。
Webデザインということもあり、日頃はもっぱらPhotoshopを使っての制作が多いのですが、
作業内容によってはIllustratorを使うことって意外とあるんです。

「◯日までにさらっといいかんじのロゴを作って下さい〜!(なるべく早めで)」
なんて言われることもしばしば・・・。さらっといいかんじというのは結構むずかしい。

いいかんじかどうかは、相手の好みによるので、
今回は「なるべく早めで(時短)」の部分に注目してみようと思います。




Illustrator CC(2014)がリリースされてから、時短につながる素敵な新機能が追加されているのをご存知ですか?
今回は、中でも私が一番感動した機能をご紹介いたします!

早くこんな機能欲しかった・・・

そう・・・

文字タッチツール

です。




文字タッチツールとは

テキストを保持したまま、文字を個別に編集できます。
移動、拡大縮小、回転などを行っても、いつでもフォントの変更や編集が可能です。
マウスやスタイラスだけでなく、マルチタッチデバイスも使用できます。

Adobe Illustrator CC 進化し続けるアドビ より引用


・・・待ってましたッ!!
文字タッチツール、めちゃくちゃ使える機能なんです。

ここにテキストがあります。

f:id:kamemoto_kie:20150323124605j:plain
「Adobe Illustrator」 より


このテキストを右図のような、文字サイズをランダムに変更したい!という場合
今まで(〜CS6)は、

f:id:kamemoto_kie:20150323130336j:plain
「Adobe Illustrator」 より


パターン① 各文字をひとつひとつ文字ツールで選択し、サイズをptで指定する。
  or
パターン② 各文字をあらかじめ別々で作成し、それぞれの文字を拡大縮小する。

のどちらかでしか編集できませんでした。

・・・なんて面倒なのだ。
また、場合によってはアウトラインをかけてしまい、
後々、テキストの変更ができず、また一から作成し直すという
二度手間が発生したり・・・。

面倒で使い勝手が悪く、とにかく時間がかかる




そこで登場 文字タッチツール

必要な設定などは一切なく、ただ、ボタンをクリックするのみ!! ( ゚-゚)( ゚ロ゚)ナンダッテ!

f:id:kamemoto_kie:20150323130759j:plain
「Adobe Illustrator」 より

どちらをクリックしてもOKです。



変更したい文字をクリックすると、選んだ文字のみがクリックされます。
あとは簡単!自由に拡大縮小し、サイズを調節します。
f:id:kamemoto_kie:20150323131300j:plain
「Adobe Illustrator」 より

(こんな簡単にできるなんて・・・)



「あ」と「い」の間隔が開きすぎちゃったな〜 というときも

 ↓

「文字タッチツール」は、サイズのみならず、幅感や位置まで細かく調節できるので、
文字間のカーニングを設定する手間が省けます。
f:id:kamemoto_kie:20150323131827j:plain
「Adobe Illustrator」 より




更に、回転機能までついているので、
文字に動きを出したいときも、簡単に調節できます。
f:id:kamemoto_kie:20150323132139j:plain
「Adobe Illustrator」 より



ここで、文字タッチツール最大の醍醐味。

簡単に文字の変更が可能。

文字タッチツールはアウトランをかけていないテキストの状態で編集しているので
文字の変更・追加が簡単に行えます。
f:id:kamemoto_kie:20150323133426j:plain





せっかくなので、このままさらっとロゴを作ってみようと思います。
(今回はノベルゲーム風のロゴで)



f:id:kamemoto_kie:20150323133559j:plain
「Adobe Illustrator」 より

テキストにグラデーションをかけるときのPONT!!
カラーを選択しているのに、うまくいかなかったり、
何故か反映されない... という現象が起こってしまいます。
そういう時は、「アピアランス」のテキストそのものの塗りを
グラデーションで設定してあげると、テキストに反映されます。



そして、そのまま「アピアランス」の効果機能(ドロップシャドウ、光彩など)も追加します。

f:id:kamemoto_kie:20150323135522j:plain
「Adobe Illustrator」 より



あとは、星マークなどを付け加え・・・

f:id:kamemoto_kie:20150323140936j:plain


仕上げに「フレアツール」を使用。

f:id:kamemoto_kie:20150323155620j:plain




あっという間に、「いいかんじのロゴ」の完成です。(所要時間:15分

f:id:kamemoto_kie:20150323140553p:plain





ー おまけ ー

以上の「文字タッチツール」と「グラデーション」を使用すると
とあるロゴもさらっと作れちゃいます。(所要時間:10分

f:id:kamemoto_kie:20150323160205j:plain


以上、みなさんも文字タッチツール使ってみてください。