Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/attlabo-ssl/web/buchiko-web.com/wp-content/plugins/all-in-one-seo-pack/modules/aioseop_opengraph.php on line 844
【Illustrator】文字をアウトライン化せずに、オブジェクトの中央に揃える方法 | ぶちろぐ

アラサー主婦のWEBデザイン奮闘記

Webデザイン

【Illustrator】文字をアウトライン化せずに、オブジェクトの中央に揃える方法

投稿日:

文字をアウトライン化せずに、オブジェクトの中央に揃える方法を今更ながら覚えました。

通常だと、入力した文字の下に余白ができてしまってきっちり真ん中に揃えられないんですよね。

↓こんな感じ…。

 

なので今まではカーソルでわざわざ移動させて中央にそろえていましたが、さすがに効率悪すぎる…と思って調べたらありました!方法が!

ご存知の方も多いだろうし、今更な情報だとは思いますが、よかったら共有させてください。

 

方法はズバリ、「オブジェクトのアウトライン」と「プレビュー境界」を使用するだけです!

もちろんアウトライン化はしないので、文字の編集も可能です!

 

それでは、手順について詳しく説明していきますね。

 

1.「プレビュー境界を使用」する

まずは整列パネルの右上のメニューを開いて、プレビュー境界を使用にチェックを入れてください。

環境設定(⌘+K) > 一般 から変更してもOKです。

 

2.文字に「オブジェクトのアウトライン」のアピアランス効果をかける

 

次に整列したいテキストを選択し、アピアランスパネルを開いてください。

下のfx(効果)から、パス > オブジェクトのアウトラインを選択して効果をかけます。

                    

すると下の図のように、テキストのバウンディングボックスが、テキストぴったりのサイズに変わります。

                    

最後に、整列パネルで位置を揃えればOK!

オブジェクトの上下左右の中央に、文字を揃えることができました。

 

まとめ

いかがでしたでしょうか?

「オブジェクトのアウトライン」と「プレビュー境界」、この両方をちゃんと行えば、

まるでアウトラインをかけた後の文字のように、ぴしーっとオブジェクトに揃えることができます。

このおかげで以前よりも作業がはかどるようになったので、もし知らなかったという人がいたら、ぜひ参考にしてみてください。

-Webデザイン

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

終わらない修正のループにはまらないために…参考にしたい記事3選

細部の調整も終わり、デザインがほぼ完成していた状態で、クライアントからの膨大な修正依頼。それもデザインの作り直しになってしまうような大きな修正だったり…。 こういった経験、デザイナーのみな …

面倒なグリッド計算はGridpxにお任せ!

みなさんはデザインのグリッドを決めるとき、計算はどうしていますか? 私はいちいち電卓で計算したりしていましたが、もっと瞬時に計算する方法はないかな?と思い、調べたら便利なサイトを発見しました! Gri …

サイトの構成に迷ったら読んで欲しいお役立ち記事3選

今回は、サイトの構成を考えるときに役に立つ、おすすめの記事を3つご紹介します! 「ワイヤーフレームって何?」という方から、「サイトの内容がうまくまとめられない」とお悩みの方まで、きっと参考にしていただ …

ベジェ曲線を学べるサイト「Shape Type」

前回ご紹介したカーニングを練習できるサイト「Kern Type」。このサイトを作ったMethod of Actionから、ベジェ曲線を学べるサイト「Shape Type」も登場しているんです。 以前よ …

ロゴ制作の際に参考になる記事【ヒアリング〜制作の流れ編】

今回はロゴ制作において参考になる記事を2つご紹介したいと思います。 私自身、まだロゴの制作はしたことがないのですが、今後担当した時のため、どのような流れでロゴ制作が行われるのか、クライアントに満足して …