[イラスト/ドロー]編
Illustratorでテキストを使い、曲げるには
クラスメソッド株式会社山崎 基央
福田 寅成
2009/10/20
Illustratorは、もともと「フォントを作るソフト」
Illustratorの歴史的背景に、「フォントを作るソフト」として始まった、という過去があるためなのか、[文字ツール]には非常に多くの機能が搭載されています(現行のIllustratorでは、フォントの作成機能はありません)。
ここでは、その多機能な[文字ツール]のさわりの部分だけを紹介します。
![]() |
| 図1 [文字ツール] |
[文字ツール]を使ってみよう
まず、[文字ツール]を選択し、キャンバス上でクリックします。Iビーム(点滅しているカーソル)が出るので適当な文字列を入力してみましょう。文字が入力できたら[選択ツール]に持ち替えて、いま作成したテキストを選択してみましょう。これでテキストが作成されました。
![]() |
| 図2 テキストの完成 |
テキストを自動改行させるには
レイアウト上文字を入れる空間が決まっている場合も想定されます。その場合は、文字ツールをキャンバス上でドラッグしてみましょう。すると、矩形が作成されます。その中に長いテキストを打ってみましょう。四角形の端で自動的に改行され、矩形外に出ようとすると、文字が切れることが確認できるでしょうか? 確認できたら[選択ツール]に持ち替えて、編集を終了しましょう。
![]() |
| 図3 テキストの自動改行 |
テキストのフォントや大きさは、作成したテキストを選択して、画面上部のコントロールパネルから編集できます。また、[ウィンドウ]→[書式]→[文字]から[文字パレット]を表示し、そこで編集を行うこともできます。
![]() |
| 図4 [文字パレット] |
テキスト表示領域を曲げるには
円形に文字を配置したいときや、パスに沿って文字を配置したいことがあると思います。そのときは、[ペンツール]でパスを描いて、[文字ツール]を近づけてみましょう。
![]() |
| 図5 文字を沿わせるパス |
このようにアイコンが変わったら、パスに沿って文字が書かれます。以下のようになれば成功です。
![]() |
| 図6 パスに沿った文字 |
| D89 デザインTips インデックス へ |
TechTargetジャパン
リッチクライアント & 帳票 フォーラム 新着記事
- 次のモバイルアプリはどのフレームワークで作る? (2012/5/24)
スマホアプリの開発を容易にするJavaScriptのフレームワークが続々と増えている。それぞれの良さや仕組み、何がどこまでできるのかを徹底解剖する - 「LESS&専用エディター」でCSSをシンプルに書こう (2012/5/23)
「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう - 学校が世界一のデジタル環境になったら (2012/5/18)
授業はアーカイブに蓄積され、家からも見られる。家族が授業テーマのアイデアを出す。そんな姿が実現されるかもしれない - 1000万ドル調達も夢じゃないクラウドファウンディング (2012/5/15)
クラウドファンディングは、寄付型でも投資型でもない「購入型」が主流。商品を“開発する前に販売”して開発費用を集める逆転のシステムだ
|
|
@IT 新着記事
キャリアアップ
スポンサーからのお知らせ
- - PR -
イベントカレンダー
お勧め求人情報
転職/派遣情報を探す
**先週の人気講座ランキング**
〜 Android編 〜
ホワイトペーパー(TechTargetジャパン)
ソリューションFLASH




![図4 [文字パレット]](/fwcr/design/tips/images/020_04.gif)

