質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

89.23%

IllustratorでCDの形に添って放射状に文字を配置したい

解決済

回答 2

投稿

  • 評価
  • クリップ 0
  • VIEW 525

DogCatDog

score 5

Illustrator初心者です。
CDの形に添って放射状に文字を配置したいのですが、方法が分かりません。

この画像のように、円に沿って文字を並べることはできます。
https://www.pinterest.jp/pin/663858801295933517/

しかし、下記リンクの画像のように配置するにはどうしたら良いでしょうか。

https://www.pinterest.jp/pin/663858801295933552/
https://www.pinterest.jp/pin/636837203538148320/

※文字が円の外側になるにつれて大きくなるようにしたい。

文字の横線が円状の曲線になるよう、隙間なく配置するイメージです。

文字を円状に、中心を向くよう並べるまではできますが、

「アーチ」や「円弧」を使用しても、思うようには並びませんでした。

また、アウトライン化前のパス(線)で作った図形でも、同じように円に沿って放射状に並べることは可能でしょうか。

説明が分かりにくくて申し訳ありませんが、
友人のためにかっこいいCDを作りたいので、よろしくお願い致します。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • tanishi_a

    2019/11/02 18:55

    具体的な操作までは分からないですが、
    文字をアウトライン化してから
    エンベロープで扇形(円弧?)に変形すれば良いような気がします。

    キャンセル

  • DogCatDog

    2019/11/03 11:47

    ご回答いただきありがとうございます。

    「ワープ」の「円弧」だと、最大で円の半分の形(扇形)にしかならず、
    360度までくるっと回ればいいのになと思いました。

    半径ずつ作って2つ合わせて円にする方法も考えましたが、
    文字数が奇数なので難しいのかな…と。

    真ん中の文字を半分に切って、試してみようと思います。
    ありがとうございます!

    キャンセル

  • tanishi_a

    2019/11/03 11:48

    文字数で割った角度で、1文字ずつやるイメージでした。

    キャンセル

  • DogCatDog

    2019/11/04 13:11

    なるほど!その手が!気が付かずにすみません。

    試してみます。教えて頂き、ありがとうございます!

    キャンセル

回答 2

checkベストアンサー

+1

Illustratorのみで作業を完結させるのは困難なようです。

Photoshopをお持ちでしたら、極座標フィルタを使ってお好みのテキストを作成してPSD保存し、
それをIllustratorに配置するのが一番簡単かと思います。

極座標フィルタをかける前

テキストを上下反転させて、正方形のキャンバスの中におきます。
なるべく大きなキャンバスに、大きな文字で置きましょう(印刷に利用するため、解像度が大きい必要がある)
文字は縦長にしておくとより効果が分かりやすいです。
極座標フィルタ前

「フィルター/変形/極座標」

「直交座標を極座標に」を選択してフィルタを適用するとこうなります。
これをPSDで保存します。
極座標フィルタ後

保存したPSDをイラストレーターに配置

Illustratorに配置

極座標フィルタの使い方等は、下記の参考URLをご覧ください。

参考

極座標変形フィルターを使用して、円形画像を作成する | Adobe Photoshop チュートリアル
https://helpx.adobe.com/jp/photoshop/how-to/use-polar-coordinates-filter.html

[Photoshop]極座標フィルタでできるクリエイティブ表現色々
http://webcre8.jp/investigate/photoshopp-polar-coordinates.html

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/11/03 11:47

    とても詳細なご回答、ありがとうございます。

    Photoshopの「極座標フィルタ」という機能を知らなかったので、
    とても勉強になりました。

    文字を細かく調節したいので、配置後にトレスすることにします。

    プロの方々にも使用されているIllustratorにこのような機能がないことには少し驚きです。

    詳細にご説明頂き、ありがとうございました!

    キャンセル

+1

すでに解決されているようですが、
illustratorだけで完結されたいなら、
私なりの別の方法がありますよというのだけ、お伝えします。

表示したい文字列を好きなフォントで入力し、
エフェクト-パス-アウトライン(オブジェクト)を選びます。(非破壊で、直しに強いデータを作るという意味でかけています。文字情報が残っているので、後日文字列変更もできます。)

それをブラシ(アートブラシ)に登録します。

別個で、 正円パスを描きます。
円に対して、先ほど登録したアートブラシを適用します。

これを放射状と形容するのが正しいかわかりませんが、類似の機能はありますよということだけ。
アートブラシの使い方は、Google先生に聞けばより詳しいので、ここでは割愛させていただきます。

イメージ説明

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 89.23%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる