パス上文字ツールで文字を内側にする
意外と忘れやすいパス上文字
私は良くバッジ的なものを作るのですが
円の中に文字を表示するのが好きでちょくちょく作ります。
でも、やり方をよく忘れるので備忘録として残します。
![円の中に文字](https://kuroneko-kagura.com/wp-content/uploads/2021/03/sns1-300x300.png)
今回作成したバッジ
ホビー関係の商品画像だったので真ん中に商品アイコンと
刺繍をする手のイラストを使用しました(イラストACから使用)
文字を1周させても良いのですが、イマイチ見栄えが悪い
なので上側、下側のどちらも左から読めるように加工しています。
上はパス上文字ツールで外側に文字を置き
下はパス上文字ツールで書いた文字を内側に反転させています。
![](https://kuroneko-kagura.com/wp-content/uploads/2021/03/sns2.jpg)
手順1:円形のパスの上にパス上文字ツールを設定
バッジに使用したい大きさの円形パスを作成します。
大きさは完成後に調整するのでお好みでOK。
ツールの「パス上文字ツール」を選択して
円形パスの文字を開始させたい位置をクリックします。
例文が円形パスの外側に表示されますので
書き込みたい文章を入力します。
![](https://kuroneko-kagura.com/wp-content/uploads/2021/03/sns3.jpg)
![パス上文字ツール](https://kuroneko-kagura.com/wp-content/uploads/2021/03/sns4.jpg)
![](https://kuroneko-kagura.com/wp-content/uploads/2021/03/sns5.jpg)
![](https://kuroneko-kagura.com/wp-content/uploads/2021/03/sns6.jpg)
ダイレクト選択ツールで文字をクリック
ツールメニューから「ダイレクト選択ツール」を選び
パス上文字をクリックします。
すると「文字の開始位置」「中心の点」「終了線」が表示されますので
「終了線」をクリックし、円の中心に向かってドラッグします。
![](https://kuroneko-kagura.com/wp-content/uploads/2021/03/sns8.jpg)
慣れると一発で反転できるようになりますが
最初の頃は違う部分をクリックしたりして戸惑います(´;ω;`)ウゥゥ
めげずにガンバルのがコツ
![](https://kuroneko-kagura.com/wp-content/uploads/2021/03/sns9.jpg)
反転できたらほぼ完成!
きれいに内側に文字が向かったらほぼゴールです!
元の円形パスよりも前に表示して重ねます。
この時に大きさなどの微調整を加えます。
![](https://kuroneko-kagura.com/wp-content/uploads/2021/03/sns10.jpg)
文字の大きさ、位置、色を調整します。
文字が決まったら背面の円形パスを選択して
「コピー」「前面にペースト」します。
コピーした円形パスの色と大きさを調整します。
今回は白い円を真ん中に60%に縮小しました。
その上にアイコンなどを配置すれば完成です。
お疲れ様でした!