作ろうシリーズ

郵送スタンプ風の透かしを作成しましょう！

19,159

373

CHYEE

『郵送スタンプ風の透かしを作成しましょう！』

今回のテーマは、イラストのスタイルに合った透かしのデザインを作成することです。

これまで、さまざまなスタイルのイラストに共通して使用できる透かしのデザインについて考えていました。

最近、日本における「印鑑=サイン」という「印鑑文化」からインスピレーションを得て、自分だけの印鑑を透かしとしてデザインしたいと考えるようになりました。しかし、透かしに含めたい情報が一般的な日本の印鑑よりも多いため、今回は郵送スタンプ風にデザインしてみることにしました。

以下に各ステップを詳しく解説しますので、ぜひ一緒に試してみてください！

【さまざまな消印のデザイン】

示範図では最も伝統的な「円形」の消印を選びましたが、実際にはさらに多くの選択肢があります！このセクションでは、一般的な消印の形状を簡単に説明しますので、デザインする際にはさまざまな要素を組み合わせて自分だけの透かしを作成できます！

一般的な消印のデザインを3つの部分に分けて説明します。

1. 基本形状：

最も一般的なのは円形です。その他、楕円形、多角形（正方形、菱形、六角形など）もよく見られる形状です。太さの異なる二重線や塗りつぶしを追加してバリエーションを出すこともできます。円形に長方形を組み合わせた複合形状もあります。

2. アイコン：

通常は、ドット、星形、平行線などのシンプルな模様です。波状の平行線など、よく追加される図形もあります。ご自身のお好みの図形を追加できますが、主に外形が比較的シンプルで複雑な線がないものを選ぶと良いでしょう。

3. 文字（この後のセクションでさらに詳しく説明します）

1.【透かしに含める文字を決める】

さあ、始めましょう！

まず、透かしに入れる文字を決めます。文字数と画像の数は反比例します。

先に内容を決めて、後で下書きの際に構図に合わせて文言の書き方を変える（文言の長さを調整するため）ことも可能です。

以下に、透かしでよく使われる文字の例をいくつか示しますので、参考にしてください。

個人ペンネーム
個人SNSアカウントまたはウェブサイト情報
描画年
「無断転載禁止」
「AI学習禁止」
「コミッション」
「サンプル」
その他…

2.【下書き、準備作業】

新規ファイルを作成したら、まずブラシで自由に下書きをしてください。

後でベクターレイヤーを使用して完成させるのですが、ベクターレイヤーの操作は、不慣れなクリエイターにとっては直感的ではありません。そのため、まず自由にデザインを描き出してブループリントとして、そのブループリントに基づいて透かしファイルを作成することをおすすめします。

ファイルサイズについては、理論上ベクターレイヤーは拡大しても劣化しませんが、個人のデザインによってはラスターレイヤーを使用する場合があります。ラスター画像が拡大時に劣化しないように、まずはA4サイズ、300dpiのファイルを作成することをおすすめします。

【背景知識の補足】この記事の実践的な操作には大きな影響はありませんが、「ラスター」と「ベクター」の違いについて興味のある読者は、以下の公式解説を参照してください。

レイヤーの種類1ラスターレイヤーとベクターレイヤー

正式に始める前に、まずグリッド機能を開いてください。

🔧方法

ソフトウェア上部の機能バー→表示→グリッド（同じ位置で開閉）

グリッドを開くと、その後の描画過程で一部のブラシやツールがずれることがあります。これは、ツールのプロパティが「スナップ可能」に設定されているためです。必要に応じて、ブラシまたはツールのプロパティ欄でオンオフを切り替えられます。

作成中はこの機能をオンにしたままにすることをおすすめします。

自由に描画したい場合はオフにしてください。そうしないと、下の図のようになります。

3.【透かしの形状を描く】

さあ、本格的に始めましょう！

以下のデモンストレーションはこの下書きに基づいて作成します。

✧ベクターレイヤーの基本操作

🔧ベクターレイヤーの新規作成方法

レイヤーパネルで以下のアイコンをクリックします。

🔧基本的な円の描き方

図形ツールの円形を選択→ 黒色を選択→ ツールを「中心から開始」に設定→ 画面上で円を描きます。

🔧正円の描き方

方法①：描画中に【Shiftキー】を同時に押す。

方法②：描画前に「縦横比を指定」、「比率を指定」を1:1に設定する。

（この設定が見つからない場合は、右下のスパナアイコンをクリックして探してください。）

💡TIPS——より郵送スタンプらしく見せるには？

異なる太さの同心円を使用すると、より郵送スタンプらしいデザインを作成できます！

円を描く際に異なるブラシサイズを設定するだけでなく、ベクターレイヤーの機能を使って調整することも可能です。

✧図形の線幅、位置の調整

🔧線幅の変更方法

「オブジェクト」選択ツールを使用→ 画面上の図形を選択→ ツールパネルでブラシサイズを変更します。

🔧図形の位置の変更方法

「オブジェクト」選択ツールを使用→ 画面上の図形を選択→ 青い枠をドラッグします。

ドラッグする際は、【Shiftキー】（図形の比率を維持）と【Altキー】（中心位置から変形を維持）を同時に押してください。
操作手順は：青い点をクリック（押したまま）→【Shiftキー】+【Altキー】→ドラッグ。

✧図形ツールを利用してデザインを作成

次は外枠のドットを作成します。

🔧外枠のドットの作成方法

「オブジェクト」選択ツールを使用→ 画面上の図形を選択→ ツールパネルでブラシ形状を「点状」に変更します。

🔧外枠のドットの調整

ドットのサイズ調整：「ブラシサイズ」を増減させます。
ドットの位置調整：「ブラシ」パネルの「間隔」の数値を調整します。

✧同心円図形①の作成——グリッド機能の使用

それでは、図形の中央位置を合わせる方法に移りましょう。

最初からグリッドをオンにし、図形ツールを「中心から開始」および「スナップ可能」に設定しています。

したがって、図形を描画する際に同じ位置から開始すれば、図形は「同心」になります。

✧同心円図形②の作成——整列機能の使用

グリッドを補助として複数の円を描画しましたが、調整中にうっかり位置がずれてしまうことがあります。このとき、「整列」機能を使って、それらの位置が同心であることを確認できます。

🔧方法

オブジェクト選択機能を使用→ 画面上のすべてのオブジェクトを選択（選択時は【Shiftキー】を同時に押す）→ 「整列」パネル^で以下の2つのアイコンをクリックします。

^「整列」パネルはソフトウェア上部の「ウィンドウ」から開くことができます。

✧波状平行線の作成

下書きでは、消印のデザインを模倣するために波状の平行線を追加しました。

以下に、ベクターレイヤーで描画する方法を説明します。

🔧方法

1. 「連続曲線」ツールを選択し、画面上のマークされた点^をクリックします。最後の位置ではクリックする必要はなく、マウスをその位置に移動させてから直接【Enterキー】を押します。

^グリッドを利用し、固定された位置に関連する基準点をマークします。例えば、下の図のデモンストレーションでは、横方向に2マスごとに1点、縦方向に1マスまたは2マスごとに1点です。曲線の開始点と終了点も、波の高さの中間点にすることができます。

2. 曲線を別のベクターレイヤーに配置すれば、「自由変形」機能で形状の調整や回転などを直接行えます。

3. 曲線を複製し、垂直に下へ移動します。

方法①：レイヤーを複製します。複製されたレイヤーを選択し、レイヤー移動ツールで下にドラッグします。

方法②：オブジェクトを選択してCtrl+Cを押し、さらにCtrl+Vを押します。それをマウスで下にドラッグします。

4. すべての波線を選択 → 「整列」パネルで以下のアイコンをクリックします。

5. 線の太さを調整します。一番上と一番下の線を太めに調整しました。

（平行線がいくつかある方がきれいだと思ったので、ついでに上記の手順を繰り返して5本目と6本目の線も作成しました）

6. 線の始点と終点を弧状にしたくない場合は、オブジェクト選択で線を選択した後、「ブラシ先端」の「厚さ」を「1」に調整します。

水平の線には「水平」方向を、垂直の線には「垂直」方向を適用します。

4.【文字の追加】

💭フォントの選択

スタンプは本来、非常に細かな線は表現できないため、細すぎるフォントの使用は避けることをおすすめします。
画数の多い文字（繁体字中国語や日本語の漢字など）を使用する場合、文字が細かすぎるといけないため、デザイン上、文字部分に十分なスペースを確保してください。
フォントを使用する前に、そのフォントのライセンスが個人使用または商用使用を許可しているか確認してください。

🔧使用する機能のデモンストレーション

カーニング調整
整列機能／均等配置機能

📝TIPS

1行ごとにテキストレイヤーを新規作成すると、位置調整がより簡単になります。
フォントを選択する際、文字を入力した後にフォントレイヤーを選択し、マウスをフォントの上に移動させ（左クリックは不要）、ホイールを使用して上下にスクロールすると、素早くプレビューできます！

【背景知識の補足】

テキストツールを一度も使ったことがない読者は、以下の公式テキストツールチュートリアルを参照してください。

テキストツールの使い方・基本編

テキストツールの使い方・設定編

✧円形テキストの追加①

円形テキスト機能は、Clip Studio Paint Ver 3.0以降に追加された新機能です。透かしのデザインに文字を入力してみましょう！

🔧方法

1. 「円形テキスト」機能を選択→ キャンバスを軽くタップすると、テキストボックスが表示されます。

2. ボックス上の制御点を使ってサイズを調整し、文字を入力します。

3. テキストボックスを回転させて文字の位置を制御します。

4. オブジェクト選択機能を使用して、文字の表示開始点と終了点を調整し、すべての文字を表示します。

5. 「均等配置」に設定します。

6. 文字サイズと字間を調整し、文字が円形になるようにします。

7. 上記で述べた整列機能を使用し、テキストレイヤーと図形レイヤーを同時に選択して、テキストと図形の中央位置を統一します。

✧円形テキストの追加②

現時点では良さそうに見えますが、図形文字の下半分を読み取るのはまだ少し困難です。そこで、下部の文字の方向を変更する調整を行うことにしました。

🔧方法

1. 該当の図形テキストレイヤーを複製します。

2. 新しいレイヤーの文字配置方向を「反時計回り」に変更します。

3. 【Shiftキー】と【Altキー】を同時に押しながら、新しい円形テキストボックスを適切な位置まで拡大します。

4. 元のテキストレイヤーを非表示にします。

5. 新しいテキストレイヤーの文字の位置と間隔を調整します。（フォントサイズは統一してください）

6. レイヤーマスクを作成し、上半分の文字を消しゴムで消します。

7. 元のテキストレイヤーを表示し、レイヤーマスクを作成し、下半分の文字を消しゴムで消します。

文字の追加が完了しました！

5.【テキストツールのその他の使い方】

✧テキストツールを使用して放射線状のデザインを作成する

文字を追加したら、中央の模様を作成しましょう！

今回のデザインの中心線図形は、既存の素材や集中線定規で描画する以外に、テキストツールを使って模様を作成する方法を提供します！

🔧方法

1. 円形テキストレイヤーを新規作成します。

2. 円が埋まるまで複数の「i」の文字を入力します。

3. 文字サイズ、字間などの設定を調整し、「均等配置」をオンにします。

4. その他、斜体（Italic）、水平および垂直比率、時計回りまたは反時計回りの配置など、ニーズに合わせて設定を変更できます。

5. 「*」、「-」、「]」などの他の文字記号も試してみる価値があります！

✅メリット

直感的で便利、テキストツールの使い方さえ分かれば簡単に習得できます。
素材を探すのに余分な時間を費やす必要がありません。
拡大しても劣化せず、素材の解像度不足を気にする必要がありません。

🆖デメリット

文字記号の選択肢が限られています。
時にはフォント選びに予想以上に時間がかかってしまうことがあります。
連結した模様を作成できません（下の図を参照）。

✧テキストツールを使用して図形を作成する

放射状の模様だけでなく、テキストツールを利用して他の図形も作成できます。

🔧方法

1. 通常のテキストレイヤーを新規作成します。

2. テキストツール属性パネルで「文字一覧」をクリックします。

3. 選択したフォントに応じて、さまざまなサポートされる記号が表示されます。

4. 「©」、「®」などは「ラテン文字拡張」で見つけることができます。その他の記号「★」、「☆」などは「幾何学記号」で見つけることができます。

✅メリット

「©」などの記号を別途検索する必要がありません。
拡大しても劣化しません。

🆖デメリット

各フォントがサポートする記号の数が大きく異なります。
文字一覧が長く、適切な記号を探すのに時間がかかります。

星の模様を追加したら、デザインはほぼ完成です。

次に、いくつかの補足手順を説明します。

6.【模様の追加】

テキストツールで入力できない模様を追加したい場合はどうすればよいでしょうか？

このセクションでは、他の模様を追加する手順を説明します。

✧直線ベクター図形の描画

🔧方法

1. ベクターレイヤーを新規作成します。

2. 「直線」ツールを選択します。

3. グリッドをオフにするか、ツールのスナップ機能をオフにします。

4. 下書きに従って描画します。

5. 最後のストロークでは、マウスポインタが「o」の形になっていることを確認し、ベクターパスを連結します。

✧曲線ベクター図形の描画

🔧方法

1. ベクターレイヤーを新規作成します。

2. 「万能ペン」または筆圧設定のない他のブラシを選択します。

3. グリッドをオフにするか、ツールのスナップ機能をオフにします。

4. 下書きに従って描画します。

5. 必要に応じて、対称定規や他の特殊定規を追加して補助することができます。

6. また、異なる図形を組み合わせる方法で模様を作成することもできます。例えば、下の図のウサギの頭は図形ツールで描画されています。

✧図形に色を塗る

ただし、CSP Ver3.0時点ではベクターレイヤーは塗りつぶし機能をサポートしていません。そのため、塗りつぶし用として別途ラスターレイヤーを新規作成する必要があります。しかし、心配する必要はありません。図形の外枠はベクターパスであるため、デザインを拡大してもギザギザの画像が表示されることなく、劣化することはありません。

🔧方法

1. ベクター図形レイヤーの下にラスターレイヤーを新規作成します。

2. 図形レイヤーを「参照レイヤー」に設定します。

3. 「囲んで塗る」ツールを選択します。

4. 「拡大縮小範囲」を「-1」、「複数参照」設定では2番目のアイコンをクリックします。

5. ラスターレイヤー上で図形を囲み、完了です。