クリスタで円形テキスト(円形配置)を作成する方法!【Ver.3】

※記事内に広告を含みます

皆さん、本日も閲覧ありがとうございます。
山本電卓と申します。

2024年3月14日より、イラスト・漫画制作ソフトCLIP STUDIO PAINT(クリップスタジオペイント)のVer.3.0が公開されました。

これにより、テキスト機能を残したまま円形に表示することができるようになりました!

クリスタの円形配置


今回はこの円形テキストを作る「円形配置」機能の使い方を紹介させていただきますのでよろしくお願いいたします
( `・∀・´)ノ!


▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】

CLIP STUDIO PAINT PRO

▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】

CLIP STUDIO PAINT EX

参考記事:クリスタを購入する3つの方法と手順紹介!!

【補足】CLIP STUDIO PAINT(クリスタ)Ver.3.0にアップデートするには

今回紹介する「テキストの円形配置」機能を使用するためにはお手元のクリスタをVer.3.0以降にアップデートする必要があります。

そのため、お手元のクリスタが無期限版(買い切りタイプ)の場合は「アップデートプラン」を契約するか、クリスタVer.3.0を購入する必要があります。

ポイント

クリスタを月額利用で使用している場合は追加料金なしで最新版にアップデートできます。

【クリスタVer.3】アップデートプランの契約方法を紹介します!!

クリスタを無期限Ver.2・Ver.3に!優待バージョンアップ購入方法!

注意

「優待バージョンアップ」を購入する場合、お手元のクリスタがVer.1.xであれば「Ver.1.x→Ver.2.0」の優待バージョンアップを購入・バージョンアップ後に追加で「Ver.2.0→Ver.3.0」の優待バージョンアップを購入する必要があります。


「アップデートプラン」を契約する場合はお手元のクリスタがVer.1.xでも最新バージョンにアップデートが可能です。


また、テキストツールのサブツール詳細ウィンドウ「互換設定」にて「バージョン」が「3.0.0」以上になっていることを確認しましょう。

クリスタのテキストツール「互換設定」(3.0.0)

CLIP STUDIO PAINT(クリスタ)のテキストを「円形配置」する方法!

困った時は:クリスタのウィンドウ・アイコン・項目がない時の見つけ方!!

クリスタのテキスト設定「円形配置」にチェックを入れるだけ!

クリスタVer.3.0から、テキストの設定カテゴリーに「円形配置」が追加され、この「円形配置」の項目にチェックを入れるだけで簡単にテキストを円形表示させることができます。

クリスタ「円形配置」


この「円形配置」を設定するのはテキストを入力する前でも後でも大丈夫です。
いつでも自由に設定を変更することができます。

先に「円形配置」を設定してからテキストを入力する方法

クリスタにてテキストツールのツールプロパティもしくはサブツール詳細ウィンドウ「円形配置」カテゴリーにて、「円形配置」の項目にチェックを入れましょう。

クリスタ「円形配置」設定


また、必要であれば他の設定も行いましょう。

「円形配置」のその他の設定に関しては後述の『クリスタ「円形配置」の設定内容』の項目にて紹介します。

そしてテキスト入力のためにキャンバス上をタッチしますと、円形配置用の入力カーソルが表示されますので後はいつも通りにテキストを入力していきましょう。

クリスタのテキストツール「円形配置」
ポイント

この時、サブツール詳細ウィンドウ「行間・揃え」カテゴリーの「行揃え」や、「円形配置」カテゴリーの「均等配置(後述)」の設定によって文字入力の始点位置が変わります

クリスタテキスト設定「行揃え」「均等配置」
クリスタ円形配置の入力始点位置の違い


※「上下」「左右」の表記はテキストが横書きか縦書きがで変わります。


また、Ver.3.0から既に「円形配置」の設定が既にされている「円形テキスト」というサブツールも追加されました。

クリスタ「円形テキスト」サブツール

テキストを入力してから「円形配置」を設定する方法

まずはいつも通りにテキストを入力します。

その後、キャンバス上にあるテキストに対してテキストツールで文字を入力可能な状態にするか、オブジェクトツールでテキストを選択している状態にします。

クリスタテキストの円形配置設定可能状態
MEMO

テキストツールのサブツール詳細ウィンドウ「ツールプロパティ」カテゴリーの「設定対象」にて「選択中」を選択している場合は、文字入力状態にする必要はありません
テキストを選択しているだけで大丈夫です。

クリスタのテキストツール「設定対象」


この状態でツールプロパティもしくはサブツール詳細ウィンドウ「円形配置」カテゴリーにて「円形配置」のチェックを入れることで選択中のテキストを円形表示にすることができます。

クリスタキャンバス上のテキストを円形配置に設定


また、他の「円形配置」の設定内容もここで変更することで選択中のテキストに反映させることができます。


「円形配置」のその他の設定に関しては後述の『クリスタ「円形配置」の設定内容』の項目にて紹介します。

「円形配置」設定後もテキスト機能は残る

クリスタのテキストに「円形配置」設定を行った後でもテキストの編集は可能です。

クリスタの円形配置テキストを編集


つまり、テキスト機能を残したまま円形表示にできるわけですね。

CLIP STUDIO PAINT(クリスタ)「円形配置」の設定方法!

クリスタ「円形配置」の設定内容

クリスタの円形配置の設定は先述の通り、
テキストを入力する前のテキストツールにて、
もしくはキャンバス上のテキストに対してテキストツールで文字を入力可能な状態にするか、オブジェクトツールでテキストを選択している状態にすることで、ツールプロパティもしくはサブツール詳細ウィンドウ「円形配置」カテゴリーにて設定が可能です。

クリスタ「円形配置」の設定内容
MEMO

テキストツールのサブツール詳細ウィンドウ「ツールプロパティ」カテゴリーの「設定対象」にて「選択中」を選択している場合は、文字入力状態にする必要はありません

テキストを選択しているだけで大丈夫です。

クリスタのテキストツール「設定対象」

「円形配置」

クリスタ円形配置「円形配置」


チェックを入れることでテキストを円形表示にすることができ、円形配置に関する他の設定もできるようになります。

「テキスト」カテゴリーにて「横書き」にしているか「縦書き」にしているかで文字の向きが変わります

クリスタ円形配置「横書き」「縦書き」


また、チェックを外すことで円形配置を解除することもできます。

「円の半径」

クリスタ円形配置「円の半径」


「円の半径」とは、円形テキストの配置の基準となる円の半径を指します。

クリスタ円形配置「円の半径」


この円形テキストの半径の長さを「5.0」~「50000.0」で設定できます。
数値が大きくなるほど円が大きくなり、テキストの位置も変わります。

クリスタ円形配置「円の半径」の数値の差


手元のクリスタで確認したところ、環境設定やキャンバスの単位に関係なく、「円の半径」の単位は「px」になっているようです。

クリスタ円形配置「円の半径」の単位
MEMO

「px」の長さはキャンバスの「解像度」によって変わります。

円の半径の長さを確認したい場合は「グリッド」や「定規の目盛り」を利用しましょう。

「配置方向」

テキストの進む方向を「時計回り」「反時計回り」の2種類から設定できます。

クリスタ円形配置「配置方向」


●「横書き」の場合
「時計回り」ですと円の外側に、「反時計回り」ですと円の内側にテキストが表示されます。

クリスタ円形配置「配置方向」(横書き)


●「縦書き」の場合
「時計回り」「反時計回り」とも円の中心に沿ってテキストが表示されます。

クリスタ円形配置「配置方向」(縦書き)

「均等配置」

クリスタ円形配置「均等配置」


「円の半径」に関わらず、テキストの起点と終点が隣同士になるようにテキストの間隔が調整・配置されます。

クリスタ円形配置「均等配置」
ポイント

「均等配置」は上記のような仕様のため、テキストの最初の文字と最後の文字が隣同士になると違和感を感じることもあるでしょう。

そういった場合はテキストの「最初の文字の前」か「最後の文字の後」に「スペース」を入れるといいでしょう。

クリスタ円形配置「均等配置」(スペースあり・なし)

円形配置の「ハンドル」でテキストを操作する

クリスタの「円形配置」設定をしたテキストをテキストツールかオブジェクトツールで選択しますと、テキスト周囲に「ハンドル」が表示されます。

クリスタ円形配置「ハンドル」


このハンドルを操作することで円形テキストの表示を変更することができます。

※テキストツールを使用する場合、文字入力状態にする必要はありません

円形テキストの半径を変更

「ハンドルの●部分」をドラッグすることで円の大きさを変更することができます。
この時、ドラッグする「●」の反対側の「●」が変形の支点になります。

※「円形配置」の円は正円のままで縦横比の変更はできないようです。

※この操作に合わせて「円の半径」の数値も変化します。

クリスタ円形配置(ハンドルで円の半径を変更)
MEMO

ハンドルの「●」が表示されない場合は、サブツール詳細ウィンドウ「変形設定」カテゴリーの「リサイズハンドルを表示」にチェックを入れましょう。

クリスタいぇきすとツール「リサイズハンドルを表示」


また、この操作で変更されるのは「円の半径」であり、テキストの大きさは変わりません

テキストサイズを変更したい場合は通常の「サイズ」項目にて数値を変更させましょう。

クリスタ円形配置のテキストサイズを変更

テキストの配置位置・表示範囲を変更

円形配置のハンドルには、円上にもハンドルが表示されます。

クリスタ円形配置「起点ハンドル」「中点ハンドル」「終点ハンドル」

円形配置の「起点ハンドル」・「終点ハンドル」

テキストの起点部分にあるハンドル(起点ハンドル)を「配置方向」で設定した方向にドラッグしますと、テキストの起点の位置を変更することができます。

クリスタ円形配置の起点ハンドル


また、起点ハンドルの反対側にはもう1つハンドル(終点ハンドル)があります。

クリスタ円形配置「終点ハンドル」


この終点ハンドル「配置方向」で設定した方向と反対の方向にドラッグすることでテキスト終点の位置を変更することができます。

クリスタ円形配置「終点ハンドル」
MEMO

テキストを後から「円形配置」に設定した場合、「終点ハンドル」は「起点ハンドル」と重なっています。

起点ハンドルを移動させることで終点ハンドルが現れます。

クリスタ円形配置「起点ハンドル」と「終点ハンドル」


この「終点ハンドル」がテキスト表示範囲を越える位置まできますと、その位置までしか円形テキストが表示されなくなります。

クリスタ円形配置「終点ハンドル」で表示範囲調整


つまり、「起点ハンドル」と「終点ハンドル」の間がテキストの表示範囲になるわけですね。

※「終点ハンドル」が「起点ハンドル」を越えた場合は表示範囲が元に戻ります。

ポイント

このハンドルと円形テキストの位置関係はサブツール詳細ウィンドウ「行間・揃え」カテゴリーの「行揃え」の設定によって変わります。

クリスタ「行揃え」


●「上(左)揃え」
「起点ハンドル」の位置に円形テキストの最初の文字が配置されます。

クリスタ円形配置「起点ハンドル」と「上揃え」


●「中央揃え」
「起点ハンドル」と、「終点ハンドル」の位置の中間に円形テキストが配置されます。

クリスタ円形配置「起点ハンドル」「終点ハンドル」と「中央揃え」


●「下(右)揃え」
「終点ハンドル」の位置に円形テキストの最後の文字が配置されます。

クリスタ円形配置「終点ハンドル」と「下揃え」


※「上下」「左右」の表記はテキストが横書きか縦書きがで変わります。

円形配置の「中点ハンドル」

「起点ハンドル」と「終点ハンドル」の中間点(テキスト表示範囲の中点)には「中点ハンドル」があります。

クリスタ円形配置「中点ハンドル」


この「中点ハンドル」をドラッグすることで円形テキストの中間点が移動するため、円形テキスト全体が回転します。

※「中点ハンドル」の移動に合わせて「起点ハンドル」や「終点ハンドル」も移動します。

クリスタ円形配置「中点ハンドル」でテキストを回転
MEMO

サブツール詳細ウィンドウ「変形設定」カテゴリー「変形方法」にて「回転」を含む項目を選択している場合は上部にも回転ハンドル「○」が表示され、こちらをドラッグすることでも円形テキスト全体を回転させることができます。

クリスタテキスト「変形設定」(回転)
クリスタ円形配置「回転ハンドル」


また、回転ハンドル「○」が表示されている状態にて、ハンドルのフチにカーソルを近付けると回転矢印カーソルに変わりますので、この状態でドラッグすることでも円形テキスト全体を回転させることができます。

クリスタ円形配置回転カーソル


さらに、サブツール詳細ウィンドウ「変形設定」カテゴリーの「回転角」にて数値指定による回転も可能です。

クリスタテキスト変形設定「回転角」


さらに、「中点ハンドル」を円の外側にドラッグすると「時計回り」表示に内側にドラッグすると「反時計回り」表示に変更することもできます。

くりすた円形配置「中点ハンドル」で時計回り。反時計回り変換

「円形配置」の円上のハンドルは[Shift]を利用した回転が可能!

上記のハンドルを回転させる際、[Shift]キーを押しながらドラッグすることで45度毎の回転(45度・90度・135度など)が可能になります。

クリスタ円形配置・ハンドルの回転(Shift)


数値で角度を変更したい場合はサブツール詳細ウィンドウ「変形設定」カテゴリーの「回転角」にて設定しましょう。

クリスタテキスト変形設定「回転角」
MEMO

タブレット・スマホ版クリスタの場合は「エッジキーボード」の[Shift]を利用しましょう。

ポイント

「行間・揃え」カテゴリーの「行揃え」を「中央揃え」にし、「中点ハンドル」を[Shift]キーを押しながら円の0度の位置に移動させることで0度の位置を中点とした円形テキストを作成できます。

クリスタ円形配置で中央配置

【補足】通常のテキスト同様にドラッグ移動も可能

テキストツールもしくはオブジェクトツールで円形テキストのハンドルの内側をドラッグすることでテキスト全体の移動が可能です。

クリスタ円形配置テキストの移動


また、ハンドルのフチで矢印カーソルに変わった時もドラッグ移動が可能です。

クリスタ円形配置「移動カーソル」


この時、[Shift]キーを押しながらドラッグすることで水平・垂直・45度毎方向への移動もできます。

MEMO

タブレット・スマホ版クリスタの場合は「エッジキーボード」を利用しましょう。

CLIP STUDIO PAINT(クリスタ)「円形配置」の仕様

参考記事

クリスタのテキストで出来る23のコト!!

クリスタの他のテキスト機能を併用できる!

先述の通り、クリスタの「円形配置」はテキスト機能を残しながら円形表示ができる機能になります。

そのため、円形表示のまま他のテキスト編集もできるというわけですね。

クリスタ円形配置でテキスト編集

クリスタの「円形配置」で表示・設定できない部分

2行目以降のテキスト

クリスタのテキストに「円形配置」を設定する場合、表示されるのは1行目だけになり、2行目以降は非表示になります。

クリスタ円形配置(2行目以降は非表示)

「ルビ」「下線」「取消線」

クリスタのテキストには「ルビ」を入れたり、「下線」や「取消線」を入れることもできるのですが、「円形配置」を設定しますとそれらの表示はなくなります。

※「太字」「斜体」は反映されます。

クリスタ円形配置(ルビ・下線・取消線の非表示)

「傾き(縦・横)」

クリスタのテキストではサブツール詳細ウィンドウ「変形設定」カテゴリーの「傾き」にてテキストの傾きを設定することができるのですが、「円形配置」を設定しますと、「傾き」の設定は無効になります。

クリスタ円形配置(傾き設定の無効)

「フレームで折り返す」

クリスタのテキストではサブツール詳細ウィンドウ「行間・揃え」カテゴリーの「フレームで折り返す」の項目にチェックを入れますと、ハンドルの範囲内でしかテキストが表示されなくなるのですが、こちらも「円形配置」を設定しますと無効になります。

クリスタ円形配置(「フレームで折り返す」の無効)

円形テキストの中心点(回転の中心)

クリスタの円形テキストの中心点(回転の中心)はハンドル内での移動ができません。
常に円の中心に配置されます。

クリスタ円形配置(「回転の中心」の固定)

【注意!】同じ円形テキスト内での向きの変更はできない…!

クリスタにて横書きテキストを円形配置した場合、当然ですが円の下部のテキストは逆さまの表示になってしまいます。

クリスタ円形配置の下部表示


ここで下部のテキストだけ上下反転といった表示はできないのです。

※テキストを1文字ずつ90度回転させるといった編集もできません。


円の下部を通常の向きにしたい場合は別で「反時計回り」に設定した円形テキストを作成するしかありません。

しかし、「反時計回り」設定にすると円の内側にテキストが配置されてしまうので「円の半径」の数値を同じに設定して重ねたとしてもテキストの配置に違いが出てしまいます。

クリスタ円形配置「時計回り」と「反時計回り」の位置

クリスタ円形配置「時計回り」と「反時計回り」(同じ半径の場合)


そのため、ここは手作業になってしまいますが、別のレイヤーで目印となる円を描き、それに当てはまるようにそれぞれの「円の半径」の数値を調整・配置しましょう。

※今回の場合、「反時計回り」のテキストの「円の半径」の方を大きくするという調整にしています。

クリスタ円形配置「時計回り」と反時計回り」で合わせる


ちなみに、2つのテキストの中心点をぴったり合わすのは「整列・分布」パレットを利用するといいでしょう。

クリスタの整列・分布パレットで絵をキレイに配置しよう!!【Ver.2.0】

CLIP STUDIO PAINT(クリスタ)Ver.3.0で円形テキストを作ってみよう!

今までのクリスタでも、各機能を利用して円形のテキストを作成する方法はありました。

クリスタでテキストを円形にする方法(ゆがみなし)!!

しかし、今回の「円形配置」はテキスト機能を残したまま円形表示ができるというのが大きな利点になります。

漫画のタイトルや背景、ポスターなどのデザインにも利用できますのでぜひお試しください◎


それではここまで閲覧ありがとうございました!
お疲れ様でした!!


▼イラスト・簡単な漫画なら【CLIP STUDIO PAINT PRO】

CLIP STUDIO PAINT PRO

▼本格的な漫画・アニメーション制作なら【CLIP STUDIO PAINT EX】

CLIP STUDIO PAINT EX

参考記事:クリスタを購入する3つの方法と手順紹介!!


▼動画視聴型お絵描き講座【Palmie(パルミー)

パルミー「タイトルロゴの作り方」

▶講座について詳しく見る