svgのテキストを円に沿って曲げたい

svgのテキストを円に沿って曲げたい

jenozaurah5
Participant Participant
858件の閲覧回数
5件の返信
メッセージ1/6

svgのテキストを円に沿って曲げたい

jenozaurah5
Participant
Participant

ミャンマー語を使いたくて
フォント違いのものしかなかったので
svgファイルを用意して取り込んだのですが

図のように取り込んだものを
円状に配置する方法はありますか?

よろしくお願いします。

20220705.png

0 件のいいね
解決済み
859件の閲覧回数
5件の返信
返信 (5)
メッセージ2/6

ChaosComb
Advisor
Advisor
解決済み

@jenozaurah5 さん

 

こんばんは.

シートメタル機能を使ってやってみました.

ただ,円形に配置する,というのではなくフォントの形から強引に曲げてる感じになるので正確性には欠けます

("F"の上の線が円形に変形しちゃってるのが分かると思います.パス上配置とは異なる結果になってしまう)

 

参考になれば幸いです.

またわからない点があればご連絡ください.

 


メッセージ3/6

acuo_jp
Advocate
Advocate
解決済み

SVGを使うという事はフォントにこだわりがあると思うので原始的な手法ではありますがフォントの形状を崩さないように手動で移動と回転を使うのはどうでしょうか。オブジェクトの数も少ないので微調整もできるし綺麗に配置できると思います。

 

まずSVGのロックを解除します。以下の手順で緑の線を青くします。

 

F360-20220705A001.jpg

 

 

F360-20220705A002.jpg

 

 

F360-20220705A003.jpg

 

線が青くなれば動かせるようになるのでスケッチで位置決めの原点を作っておきます。

今回は既存の文字列に合わせて中央下部にしました。

 

移動コピーコマンドのタイプ移動「点から点」で円の最上部に配置しました。

この位置から始めるのが判りやすいと思います。

 

F360-20220705A004.jpg

 

移動するとこんな感じになります。

 

F360-20220705A005.jpg

 

続いて移動で回転しますが「ピポット設定」をクリックして円の中心をクリックして、もう一度「ピポット設定」の緑のチェックを押して決定します。

 

F360-20220705A006.jpg

F360-20220705A007.jpg

 

これで円の中心を基点に回転できるようになります。

 

今回のビルマ語(ミャンマー語)は1文字あたりの幅が違うので具合をみながら角度を調整した方が綺麗に配置できると思います。ちょっと面倒ですがデザイン重視のやり方でした。

 

F360-20220705A008.jpg

メッセージ4/6

jenozaurah5
Participant
Participant
 

お二方ともありがとうございました。

先に教えていただいたシートメタルでうまくいきました。

別方式もまた試してみますね

kobayasi.png

メッセージ5/6

acuo_jp
Advocate
Advocate

上手く行って良かったです!

メッセージ6/6

mari.shimode
Community Manager
Community Manager

@jenozaurah5 さん、こんにちは。

 

完成品の共有ありがとうございます。きれいに仕上がりましたね!

別の方法を試す際に上手くいかないことがありましたら、またコミュニティをぜひご利用ください。

 



Mari Shimode
Community Manager
0 件のいいね