イトウ先生のTips note連載

イトウ先生のTips note【Illustrator 2021】日本語のグリフにスナップ


こんにちは、イマジカデジタルスケープの伊藤和博です。
今回は、Illustrator 2021、2021年2月アップデートから新機能で「日本語のグリフにスナップ」をご紹介します。

何回かのブログで、グリフにスナップの機能はご紹介してきましたが、2021年2月アップデートから、日本語の「仮想ボディ」と「仮想ボディの中心」に対して、グリフにスナップが効くようになりました。

これまでは日本語の場合、文字の上端と下端にオブジェクトを沿わせるとグリフバウンドへのスナップでしたが、仮想ボディを認識することによって、グリフバウンドの少し外側にもスナップが可能になりました。

なお、日本語と欧文の混在時、合成フォントの場合など、Illustrator側での設定によって、期待していた通りにガイドが表示されない、というケースもありますので、その辺りをご紹介したいと思います。

●さっそくやってみよう!

まず、日本語のグリフにスナップを有効にするには、環境設定 > テキスト > 言語オプション > 東アジア言語のオプションを表示、にチェックが入っているかどうかを確認しておきます。おそらく日本語版のIllustratorの場合は、デフォルトでチェックが入っているかと思います。


また、欧文へのグリフにスナップを使用する際と同様に、表示メニュー > グリフにスナップ、および表示メニュー > スマートガイドがいずれも有効になっていることを確認しておきます。

表示メニュー > グリッドにスナップ、が有効になっており、かつ、環境設定 > スマートガイド > 整列ガイドがOFF、スナップの許容値が0の場合は、この機能は機能しません。

文字パネルを表示すると確認できますが、グリフにスナップの各ボタンは、環境設定 > テキスト > 言語オプション > 東アジア言語のオプションを表示、にチェックが入っている場合は、仮想ボディと仮想ボディの中心、というボタンが表示され、環境設定 > テキスト > 言語オプション > 東アジア言語のオプションを表示、のチェックを外すと、これまでのベースライン、xハイトのボタンに切り替わるようになりました。

ちなみに、これは従来バージョンでも同様ですが、文字詰め、アキを挿入、の各項目は、この東アジア言語のオプションを表示にチェックが入っている時のみ表示されます。

今回新たに加わったのが、仮想ボディと仮想ボディの中心となりますが、オブジェクトを文字に近づけるとこれらが表示されます。

特定の文字キャラクタ1文字をグリフにスナップで選択すると、仮想ボディと仮想ボディの中心を表すガイドは表示されませんが、選択中の文字の中に含まれる線形や中心は表示されます。これはアップデート前の2021年1月時点のIllustratorでも同様になります。

また、仮想ボディの他に、従来のグリフ境界も認識します。入力している文字キャラクタにもよりますが、グリフ境界は、文字をアウトラインした後に、オブジェクトと文字を整列パネルで整列した際に揃うライン、というのが目安で、仮想ボディのラインは一般にグリフ境界のそのちょっと外側あたりになります。

なお、仮想ボディとグリフ境界(縦組み横組み両方)、また仮想ボディの中心とベースライン(縦組み時のみ)が同じ位置に置かれている文字の場合は、優先順位に基づいていずれか1つのガイドだけが表示されます。

角度ガイドやアンカーポイントも日本語でもきちんと機能するようになります。

なお、フォントサイズがバラバラになっている日本語の場合は、それぞれの文字キャラクタで仮想ボックスのサイズが異なるため、仮想ボックスと仮想ボックスの中心をオンにしていても、ガイドは表示されません。

●フォントの混在と合成フォント

環境設定 > テキスト > 言語オプション > 東アジア言語のオプションを表示、にチェックが入った状態で、和文フォントで入力した文字列のうち、アルファベットのみを別の欧文フォントに変更し、他は日本語フォントのままにした場合、文字列内で使用している和文と欧文それぞれのグリフ境界を個別に認識します。ただし、仮想ボックスと仮想ボックスの中心は認識しないようです。

なお、上記の文字を合成フォント(漢字・かな・全角約物・全角記号・半角欧文・半角数字をお好みのフォントで組み合わせ、オリジナルの書体を作成)にした場合は、仮想ボックスの中心は認識しますが、合成フォントのうち、いずれか1文字でもフォントサイズを変更すると、仮想ボックスの中心は認識しなくなります。

ちなみに、合成フォントはIllustratorのほか、InDesignでも合成フォントの機能を搭載していますが、合成フォントそのものの作成にも、環境設定 > テキスト > 言語オプション > 東アジア言語のオプションを表示、のチェックが影響しており、チェックを外すとメニューそのものから合成フォントが表示されなくなりますので、合成フォントを作成する時には覚えておくといいでしょう。

今回の仮想ボディへのスナップ機能が追加されたことによって、スナップさせる文字の状態(フォントやサイズの違い、欧文、和文、ポイントテキストとエリアテキスト、縦組み横組み、下付き文字があるかどうか、縦組み時に縦中横しているかどうか?、文字は傾斜しているか?などなど)によって、どこの設定をどのようにしておくと、どこにスナップするのか?というバリエーションが非常に数多く考えられるようになりました。ただ、実際にはすべてにスナップさせる頻度はそれほど多くないと思いますので、使用する機能を絞って使っていくと便利に使えるかと思います。

仮想ボディと仮想ボディの中心にスナップするようになったのは、この2021年2月アップデートから、になりますので、アップデートがまだの方はぜひアップデートして使ってみてください。


この記事を読んだ方にオススメの講座はこちら!

▼Illustrator 2020の使い方・基本トレーニング
メインビジュアル:Illustrator 2020の使い方・基本トレーニング

▼Illustrator 2020の使い方・基本トレーニング(2日間・オンライン受講(ライブ配信))
メインビジュアル:Illustrator 2020の使い方・基本トレーニング(2日間・オンライン受講(ライブ配信))


イトウ先生が、Twitterを始めました!みなさんもぜひ、フォローしてくださいね!
itoh_sensei

イトウ先生のTips noteアーカイブ【2016年~】

○Illustrator CC 2015:シェイパーツール
○Illustrator CC 2015:ダイナミックシンボル
○Illustrator CC 2015:画像に書き出し・アセットの書き出し
○Illustrator CC 2017:サンプルテキストと異体字のコンテキスト表示
○Illustrator CC 2017:画像の切り抜き
○Illustrator CC 2018:バリアブルフォント
○Illustrator CC 2018:パペットワープ
○Illustrator CC 2018:変数パネルを使用したデータ結合・1
○Illustrator CC 2018:変数パネルを使用したデータ結合・2
○Illustrator CC 2018:テキストのデザインセット
○Illustrator CC 2018:新しくなったアートボード操作
○Illustrator CC 2019:フリーグラデーション
○Illustrator CC 2019:コンテンツに応じた切り抜き
○Illustrator CC 2019:グローバル編集
○Illustrator CC 2019:トリミング表示とプレゼンテーションモード
○Illustrator 2020:自動スペルチェック
○Illustrator 2020:カスタムツールバー
○Illustrator 2020:100倍のカンバスサイズ
○Illustrator 2020:カンバス上のオブジェクトのロック解除
○Illustrator 2020:グリフにスナップ・整列と、フォントの高さ設定
○Illustrator 2021:オブジェクトを再配色・カラーテーマピッカー
○Illustrator 2021:リピートアートワーク
○Illustrator 2021:角度ガイドにスナップの向上
○Illustrator 2021:日本語のグリフにスナップ
○AfterEffects CC 2015:顔のトラッキング
○AfterEffects CC 2015:タイムチューナー
○AfterEffects CC 2015:AIデータはレイヤーに分配で取り込む
○AfterEffects CC 2015:プレビューのコントロール
○AfterEffects CC 2015:スクリプト
○AfterEffects CC 2015:新しくなったMAXON CINEMA 4D Exporter
○AfterEffects CC 2015:マスクリファレンス
○AfterEffects CC 2015:スムーザー
○AfterEffects CC 2015:立体の旗を作る・1
○AfterEffects CC 2015:立体の旗を作る・2(CINEMA 4Dレンダラー)
○AfterEffects CC 2017:強化されたライブテキストテンプレート
○AfterEffects CC 2017:日付のトークン
○AfterEffects CC 2017:マーカーデュレーション
○AfterEffects CC 2017:他のレイヤーのエフェクトをプリコンポーズ無しで参照する
○AfterEffects CC 2017:拡張された平面フォルダ
○AfterEffects CC 2017:レイヤーのあるコンポジションに変換
○AfterEffects CC 2017:現在のフレームから静止画を作る
○AfterEffects CC 2017:最後のフレームでフリーズ
○AfterEffects CC 2017:サウンドの振幅を他のレイヤーで活用する、オーディオ振幅
○AfterEffects CC 2017:カンマ区切りの文字列をランダムに表示する
○AfterEffects CC 2017:CC Light Raysとトラッカー
○AfterEffects CC 2018:パスからヌルを作成
○AfterEffects CC 2018:モーショングラフィックステンプレート
○AfterEffects CC 2018:マスタープロパティ
○AfterEffects CC 2018:プロパティリンクのピックウィップ
○AfterEffects CC 2019:レスポンシブデザインー時間
○AfterEffects CC 2019:パペットベンドピン
○AfterEffects CC 2019:Mocha AE CC プラグイン
○AfterEffects CC 2019:Animate CC FLAファイルの読み込み
○AfterEffects CC 2019:コンテンツに応じた塗りつぶし
○AfterEffects CC 2019:トレイル(オニオンスキン)
○AfterEffects CC 2019:スネークケースとキャメルケース
○AfterEffects CC 2019:エクスプレッションを使った点灯・点滅
○AfterEffects 2020:エクスプレッション・text
○AfterEffects 2020:テーパー・波
○Premiere Pro CC 2015:Lumetri
○Premiere Pro CC 2015:デュレーションの補間方法
○Premiere Pro CC 2015:Liveテキストテンプレート
○Premiere Pro CC 2015:インジェスト設定とプロキシ
○Premiere Pro CC 2015:オープンキャプション(字幕)
○Premiere Pro CC 2017:VRワークフロー・その1
○Premiere Pro CC 2017:VRワークフロー・その2
○Premiere Pro CC 2017:グラフィッククリップとエッセンシャルグラフィックスパネル
○Premiere Pro CC 2017:キーボードショートカット
○Premiere Pro CC 2018:レスポンシブデザイン
○Premiere Pro CC 2018:複数のプロジェクトを同時に開く
○Premiere Pro CC 2018:スマホで撮ったビデオ(VFRビデオ)のサポート
○Premiere Pro CC 2018:自動ダッキング
○Premiere Pro CC 2018:比較表示と自動カラーマッチング
○Premiere Pro CC 2018:自動ラウドネス
○Premiere Pro CC 2019:ベクトルモーションコントロール
○Premiere Pro CC 2019:新しくなったアピアランス
○Premiere Pro CC 2019:ガイド
○Premiere Pro CC 2019:マスクトラッキングの高速化
○Premiere Pro CC 2019:クロマノイズ除去
○Premiere Pro CC 2019:フリーフォーム表示
○Premiere Pro 2020:オートリフレーム
○Premiere Pro 2020:20000%のタイムリマップ
○Premiere Pro 2020:プロダクション
○Premiere Pro 2020:アンカーポイント操作
○Premiere Pro 2020:シーン編集の自動検出