クリスタのテキストで全角・半角スペースを作る方法!!

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

イラスト・漫画制作ソフトCLIP STUDIO PAINT(クリップスタジオペイント)でテキスト入力する際、[space]キーで空白を作るとフォントによって空白の幅が違うことに気付きました。

クリスタのフォントによるスペースの違い
↑どちらも全角でspaceキーを押したものです。


漫画のセリフ表現においてしっかり全角・半角の空白が欲しい場合もあると思いますので、今回はどのフォントでもしっかり全角・半角の空白を作る方法を2種類紹介させていただきたいと思います。

工夫して作る形にはなるのですがよろしくお願いいたします
( `・∀・´)ノ!


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


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


クリスタ購入方法サムネクリスタを購入する3つの方法と手順紹介!!

CLIP STUDIO PAINT(クリスタ)で全角・半角スペースを作る方法!

クリスタのテキスト機能の基本的な使い方は以下の記事を参考にしていただければと思います。

クリスタのテキスト機能サムネクリスタのテキストで出来る18のコト!! CLIP STUDIO PAINT画面クリスタのウィンドウ・アイコン・項目がない時の見つけ方!!

クリスタのテキスト入力で全角スペースを作る方法!

まずはクリスタのテキストツールで全角スペースを作りたい箇所に、前後にある文字もしくは隣りの行にある文字と同じ文字を入力します。

※基本的にはどんな文字でもいいのですが、フォントによっては文字によっても幅が異なる場合もありますので周りの文字に合わせています。

クリスタで上の行と同じ文字を入力


後はこの文字を視覚的に見えなくすることでこの文字分の空白=全角スペースを作ることができます。

視覚的に見えなくする方法は2通りあります。

テキストの色を背景色と同じにして見えなくする

全角スペースにする文字を背景の色と同じ色にすることによって見えなくすることで全角スペースを作る方法です。

例えば背景が白色の場合は文字を同じ白色に変えることで見えなくできます。

クリスタで文字を背景色と同じにする
クリスタで文字を背景色と同じにする(背景透過時)


クリスタのテキストの色を変えるにはドラッグして文字を選択した状態でカラーパレットの色を変更します。

※[Shift]を押しながらカーソルを動かすことでも選択状態にできます。

クリスタでテキストの色を変える
背景色の色をスポイトで取得したい

背景色の色をスポイトで取得したい場合は、

文字を選択している状態でツールプロパティ右下のスパナマークを選択して表示されるサブツール詳細ウィンドウ「フォント」の「色」の項目にある文字色が表示されている部分をタッチします。

※文字を選択していないと「色」の項目は表示されません。

クリスタのサブツール詳細ウィンドウ「色」(テキスト)


すると「色の設定」ウィンドウが開きますのでスポイトマークを選択して取得したい背景色部分をタッチして「OK」を押せば文字をその色に変更することができます。

クリスタ「色の設定」のスポイト

クリスタの文字色をスポイトで取得

クリスタの文字を背景色と同じにする

テキストをマスク機能で非表示にする

全角スペース部分を透過させたい場合はクリスタのマスク機能を使ってテキストを非表示にする(隠す)ことで全角スペースを作ることができます。


まずはレイヤーパレットにてテキストレイヤーを選択し、レイヤーパレット上部のレイヤーマスクの作成アイコンをタッチしてマスクを作成しましょう。

※CLIP STUDIO PAINT画面上部から「レイヤー」→「レイヤーマスク」→「選択範囲をマスク」と選択することでも同じ作業が行えます。

クリスタでマスク作成(テキスト)


マスクを作成しますと、マスクのサムネイル部分を選択している状態になっていると思いますのでこの状態で選択範囲ツールを使って全角スペース部分の文字を囲みましょう。

クリスタのテキストを範囲選択する


最後に[Back space]や[Delete]キーを押す、もしくはクリスタの「消去」を実行することで選択範囲で囲った文字を非表示にすることができます。

クリスタのテキストをマスクで隠す
クリスタのテキストをマスクで隠す(背景透過時)

参考記事

クリスタ:レイヤーマスクアナログではできない!クリスタのマスク(隠す)機能と使い方!!

クリスタのテキスト入力で半角スペースを作る方法!

まずはクリスタにて、半角スペースを作りたい箇所に、前後にある文字もしくは隣りの行にある文字と同じ文字を入力します。

※基本的にはどんな文字でもいいのですが、フォントによっては文字によっても幅が異なる場合もありますので周りの文字に合わせています。

クリスタで上の行と同じ文字を入力


次に半角スペースを作りたい箇所に入力した文字をドラッグで選択状態にし、ツールプロパティにてテキストサイズを半分の数値にしましょう。

※[Shift]を押しながらカーソルを動かすことでも選択状態にできます。


後は先述の『テキストの色を背景色と同じにして見えなくする』『テキストをマスク機能で非表示にする』の項目で紹介した方法で視覚的に見えなくすることで半角スペースを作成することができます。

クリスタで半角スペースを作成

クリスタの「字間」で全角・半角スペースを作る方法!

こちらは文字と文字の間に全角・半角スペースを作成する際に利用できる方法です。


まずはクリスタのテキストツールで通常通りにテキストを入力し、全角・半角スペースを作成したい箇所の手前にある文字をドラッグして選択状態にします。

※[Shift]を押しながらカーソルを動かすことでも選択状態にできます。

クリスタの字間設定のためにテキストを選択


最後にツールプロパティ、もしくはサブツール詳細ウィンドウ「フォント」にある「字間」の項目で


●全角スペースを作成する場合は入力したテキストサイズと同じ数値

●半角スペースを作成する場合は入力したテキストサイズの半分の数値


を入力しましょう。

クリスタのサブツール詳細ウィンドウ「字間」(テキスト)


すると選択した文字の後ろ側に「字間」で入力した数値分のスペースを作成することができます。

クリスタの字間で全角スペース作成
クリスタの字間で半角スペース作成
注意

「字間」で作成するスペースは選択した文字の後ろに作成されます。

間にスペースを作成しようと2文字分選択しますと2文字目の後ろにもスペースが作成されますので注意しましょう。

クリスタの字間によるスペース作成(2文字)

CLIP STUDIO PAINT(クリスタ)の機能を利用して全角・半角スペースを作成しよう!

あくまで私が思いついた方法ではありますが、クリスタのテキストで全角・半角スペースを作成する方法を紹介させていただきました。

全角・半角のスペースをうまく作成できれば隣りの行の文字位置に合わせるなど、テキストの配置がしやすくなりますね。


ご使用のフォントのスペースがしっかり全角・半角スペースを作成できるのであればそのまま[space]キーを使用していただければいいのですが、使用したいフォントのスペースが微妙な幅でしたら今回紹介した方法を利用してみてください◎

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


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


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


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

パルミー