Illustrator:背景が影付きの自動サイズのテキストボックス?


15

私は頻繁に同じフォーマットに従うラベルを作成します。75%の不透明な黒の背景に白いテキストを、テキストの周りに10pxのマージンを付けて。現在、これらのラベルを手動で作成する必要があり、多くの作業が必要です。

1つの方法では、テキストを記述し、その高さと幅を計算してから、別の長方形を作成してその後ろに配置します。これには、すべてのラベルについて多くのクリックが必要です。

もう1つの方法では、テキストボックスを引き出して直接選択し、正しい背景と余白を指定して、テキストを挿入します。ただし、ボックスのサイズを手動で変更する必要があります。つまり、クリックの回数が増え、不正確さが大きくなります。一度テキストが入ったテキストボックスを直接選択する方法はないようです。

関連する回答に含まれるスクリプトを使用して、テキストボックスのサイズをコンテンツに合わせて変更しましたが、ボックスのサイズが垂直方向に変更されるだけで、色と余白が削除されます。

これらの問題を解決する方法、またはより良い方法についての提案はありますか?CS3を使用しています。

回答:


16

このためにスクリプトを作成する必要はありません。

  • 選択ツールでテキストオブジェクトを選択する(黒い矢印)
  • 外観パネルから新しい塗りつぶしを追加します
  • <Characters>外観パネルのアイテムの下に新しい塗りを移動します
  • 新しい塗りつぶしをハイライトして選択します Effect > Convert to Shape > Rectangle
  • テキストから長方形をオフセットするポイント/ピクセル/インチなどの相対的な量を入力します
  • クリック OK
  • テキストオブジェクトをグラフィックスタイルパネルにドラッグします

ラベル

背景の四角形は、テキストオブジェクトのサイズに相対的です。テキストオブジェクトのサイズが変更された場合、長方形はそれに合わせて調整されます。

外観を再適用する必要がある場合は、テキストオブジェクトを選択し、グラフィックスタイルをクリックします。

あなたがテキストの色は、グラフィックスタイルを適用した後、誤っているとの難しさを持っている見つけた場合は、BANGのソリューション@を参照してくださいHERE


いいハック!それはCS3(OPが使用している)以来ですか?
私服

はい。イラストレーター7の頃から存在している
スコット

1
ジーシュ。私が行方不明になっているものを見てください。
私服

1
これを行うと、最初のインスタンスが機能します。テキストは黒で、テキストボックスは青で塗りつぶされています。その後、グラフィックスタイルを他のテキストボックスに適用すると、テキストとテキストボックスが青色になり、テキストが表示されなくなります。私は何が間違っていますか?事前に感謝

@MartinBlickには、2つの(識別できない)グラフィックスタイルがあります- GroupスタイルとObjectスタイル。グループからグラフィックスタイルを作成する場合は、グループに適用する必要があります。個々のオブジェクトからスタイルを作成する場合、個々のオブジェクトに適用する必要があります。グループとオブジェクトを混在させると、スタイルが適切に機能しません。
スコット

1

アドビ製品ではこれを何度も言わなければならない気がしますが...

最も効率的な答えはスクリプトです。

テキストの境界を取得し、それらの数値に基づいてボックスを描画し、テキストの背後に配置する必要があります。いくつかの基本的な数学と、Illustratorのさまざまなスクリプトオブジェクトに到達する方法を理解していれば、それほど難しくありません。

まず、オブジェクトの位置を定義するポイントを取得する必要があります。

activeDocument.selection[0].geometricBounds

それは配列[x1、y1、x2、y2]を返します。そこから、ボックスの作成とスタイル設定を開始し、テキストオブジェクトの背後に移動できます。

あなたはそれがどのように行われたかの参照としてリンクしたスクリプトから始めることができます。JavaScriptとIllyのスクリプトインターフェイスがわからない場合は、時間がかかります。利点は、操作が毎回数秒かかるため、まったく新しい効率の世界が開かれることです。

スクリプトが望んでいたことをしなかったのは、エリアテキストに背景色を適用できないからです。センタリングを行うためにエリアテキストに変換され、ボックススタイルがなくなります。


1
この回答はキックのためにここに残しますが、スコットがそれを不要にしたと言ってうれしいです。
私服
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.