こんにちは！私の名前は Liz Staley です。長年 Clip Studio Paint を使用しています（このプログラムを使い始めたのは、Manga Studio 4 と呼ばれていた頃です）。Manga Studio 5 プログラムと Clip Studio Paint のベータ テスターを務め、このプログラムに関する 3 冊の本といくつかのビデオ コースを執筆しました。実際、これらの本から私の名前を知っている方も多いでしょう。Graphixly.com と CSP Tips に毎週投稿しているので、毎週戻ってきて、私から Clip Studio のヒントとコツを学んでください。

 

ステッカーは、アーティストが販売する非常に人気のある製品です。ただし、新しいアプリや印刷 Web サイトがあっても、ステッカー ファイルの設定プロセスが非常にわかりにくい場合があります。ステッカーに使用したいメーカーに、ステッカーのベクター カット ラインを提出するよう要求されることがあります。しかし、高価なベクター ソフトウェアなしで、一体どうやってそれを実行できるのでしょうか。この記事では、複数のステッカーが貼られたキスカット ステッカー シートをレイアウトするプロセスを説明し、Inkscape というプログラムでベクター カット ラインを簡単に作成します。

 

この記事では、次のトピックについて説明します:

Clip Studio Paint でのアートワークの設定

Inkscape でのカット ライン パスの作成

さあ、始めましょう!

 

 

Clip Studio Paintでアートワークを設定する

まず最初に、Clip Studio Paint でステッカー シート ファイルを設定する必要があります。ステッカーをメーカーに送る場合は、ファイルを作成する前に必ずメーカーのファイル要件を確認してください。メーカーによっては、ガイドと手順がすでに設定されているさまざまな製品用のテンプレート ファイルをダウンロードできる場合もあります。

 

• このデモでは、US レター サイズの用紙 1 枚あたり 5 インチのブリードのドキュメントを作成します。「ブリード」とは、プロが印刷した画像の周囲の余白のことで、最終的なシートをトリミングして画像がページの端からシームレスにはみ出すようにします。

 

Clip Studio Paint で、6 x 9 インチの寸法で 350 dpi の新しいドキュメントを作成しました。印刷用に作成する画像は、鮮明で美しい結果を確実に得るために、少なくとも 300 dpi にする必要があります。

 

 

次に、ブリード領域のガイドを設定して、アートワークや重要なアイテム (テキストなど) が端に近すぎて仕上げ工程で切り取られないようにします。ガイドを正確に配置するために、[表示] - [グリッド] に移動してグリッドをオンにしました。

ファイルを設定するときに、最終製品の幅と高さの両方に 0.5 インチを追加しました。つまり、ブリード ボーダー用に各サイドから 0.25 インチを削減する必要があります。CSP 設定でグリッドを設定する方法により、各エッジから 1 マス内側にガイドを設定する必要があります。

 

ガイド ツールにアクセスするには、ルーラー ツール グループをクリックし、ガイド サブツールを選択します。

 

 

クリックしてドラッグすると、グリッドに沿って水平または垂直のガイドが作成されます。ガイド サブツールは、正確に水平または垂直にのみ移動するため、このプロセスに使用するのに最適なツールです。(下の画像でわかるように、ステッカー シートの背景レイヤーも追加し、カラフルなグラデーションで塗りつぶして、グリッドが見やすくしました。)

下の画像に示されている紫色のガイドラインは余白です。グリッドが不要になった場合は、[表示] - [グリッド] をもう一度クリックしてグリッドをオフにするか、必要に応じてオンのままにしてステッカー要素を整列させることができます。

このドキュメントにステッカー アートを直接描くことも、以前に作成したアートを追加することもできます。この目的で作成したアートは、透明な背景の .PNG ファイルとして保存することをお勧めします。保存したファイルを追加するには、[ファイル] - [インポート] - [画像] をクリックします。

ファイルが保存されている場所に移動し、インポートするファイルを 1 つ選択して、「開く」をクリックします。

ステッカー シートに追加したいすべての画像でこれを行います。サイズ調整、回転、位置変更を行って、好みのレイアウトにします。その後、すべてのステッカーを 1 つのレイヤーに結合するか (背景画像なし)、すべてのデザイン レイヤーを 1 つのフォルダーにまとめます。私は 6 つのステッカー デザインを 1 つのレイヤー フォルダーに入れることにしました。

結合されたレイヤーまたはレイヤー フォルダーのいずれかを選択して、レイヤー パレットでアクティブになっていることを確認します。次に、右クリックして、[レイヤーからの選択] - [選択の作成] に進みます。

これで、すべてのステッカー デザインの外側が選択範囲として表示されるはずです。

選択範囲の下部にある選択バーで、「選択範囲を拡大」アイコンをクリックします。

ステッカーをカットした後の周りの縁を作ります。この縁の太さは好みによりますが、まずは1mmくらいがお勧めです。印刷とカットのずれが多少あってもステッカーが使えるくらいの太さにしましょう。私は丸みのある「拡張タイプ」も使いました。

[OK] をクリックして選択範囲を拡大し、新しいラスター レイヤーを作成してステッカー デザインの背後に配置します。選択範囲は、選択バーのバケツ塗りつぶしオプションで塗りつぶします。色は今のところ重要ではありません。最初は白を使用しましたが、カット ラインがどこにあるかがわかりやすくなるように、後で明るい青に変更しました。

新しいレイヤーの選択範囲を塗りつぶしたら、選択解除 (またはキーボードの Ctrl+D) を押して、塗りつぶした領域を確認します。塗りつぶしに穴がないか、ステッカーに非常に繊細な領域がないかを確認し、ペン ツールで塗りつぶしました。こうすることで、後でカット ラインが残らず、ステッカーがシートから剥がしやすくなり、破れにくくなります。

ステッカーのアウトラインの周りの穴が埋められたら、先ほど作成したレイヤーの下の別のレイヤーで、同じレイヤーからの選択と選択範囲の拡張プロセスを実行します。これが、ステッカー シート上のデザインの周りの白いスペースになります。下のスクリーンショットでは、白い領域は、白い「安全スペース」がステッカーの周囲に広がる範囲を示しており、明るい青色の領域の端は、ステッカーのカット ラインになります。

次に、さまざまな要素を個別の画像にエクスポートする必要があります。メーカーを使用している場合は、どのファイル形式が受け入れられるかを確認してください。この例では、グラデーション背景、ステッカー デザイン レイヤー、空白レイヤー、カット ライン レイヤーの 4 つの .PNG ファイルをエクスポートしました。それぞれを個別にエクスポートするには、保存したくないレイヤーを非表示にして、エクスポート プロセスを 4 回実行しました。

これで、Adobe Illustrator などの別のプログラムでベクター カット ラインを作成できます。次のセクションでは、Inkscape を使用してベクターを作成しますので、読み進めてください。

Inkscape でカットラインパスを作成する

Clip Studio Paint はベクター画像を作成できますが、ベクター作品を別のベクター プログラムで編集できる形式にエクスポートする機能は現時点ではありません。このため、CSP でベクター カット ラインを作成してから、それを .SVG ファイルまたは同様のファイルとしてエクスポートすることはできません。この制限があるため、ステッカー シートのカット ラインの作成には Inkscape を使用します。Inkscape は、さまざまなファイル形式に対応し、非常に優れたベクター編集機能を備えた 100% 無料のオープン ソース グラフィック プログラムです。

 

Inkscape で新しいドキュメントを作成し、[ファイル] - [ドキュメント プロパティ] に移動します。ここで、ファイルの寸法を設定できます。これは、CSP で先ほど作成したファイルと同じにします。寸法を設定したら、[ドキュメント プロパティ] ウィンドウを閉じて Enter キーを押します。

 

 

Clip Studio Paint で作成した画像をインポートするには、[ファイル] - [インポート] をクリックします。ファイルが保存されている場所に移動します。インポートする画像をクリックし、[開く] をクリックして Inkscape キャンバスに取り込みます。

私は Clip Studio Paint から保存した 4 つのファイルすべてでこれを行いました。次に、すべてのレイヤーが揃っていることを確認するために、Inkscape の右側上部にある [レイヤーとオブジェクト] タブをクリックし、レイヤー名の 1 つをクリックして、キーボードの SHIFT キーを押しながら別のレイヤーをクリックしました。

右側のウィンドウの上部にある「整列と分散」タブをクリックします。次に、「水平中央に整列」と「垂直中央に整列」をクリックして、選択したすべてのレイヤーが完全に重なるように整列します。

これで、カット ライン レイヤーをベクター ラインに変換できるようになりました。レイヤー ビューに戻り、カット シェイプが配置されているレイヤーを選択します。

Inkscape ウィンドウの上部にある [パス] - [ビットマップのトレース] をクリックします。[ビットマップのトレース] オプションで、[検出モード] を [エッジ検出] に設定します。[プレビュー] セクションに、ベクター ライン (ステッカーのアウトライン) のプレビューが表示されます。このウィンドウで他の設定を調整することもできますが、私はそのままでも十分だと思いました。

ベクター トレースを完了するには、ビットマップのトレース ウィンドウの下部にある [適用] をクリックします。これで、レイヤー リストに「パス」という別のレイヤーが表示されます。

このパス レイヤーは、ステッカーを切り取るために必要なベクター ラインです。ステッカーの周囲の白い領域のみでカット ラインを表示したい場合は、トレース元として CSP で作成したレイヤーをオフにすることができます。

必要に応じて、パスを選択してベクター ポイントを移動することで、カット ラインを調整することもできます。私はラインの仕上がりに満足していたため、調整は行っていません。

パス レイヤーをベクター ファイル (.SVG ファイルなど) としてのみエクスポートする必要がある場合は、[ファイル] - [エクスポート] をクリックし、パス レイヤーでエクスポート オプションの [選択項目のみエクスポート] チェックボックスをオンにします。これで、画面の下部でファイル形式を設定して [エクスポート] をクリックし、ベクター ファイルを保存する場所を選択できます。

これで、ファイルを選択したメーカーに送信したり、Cricut などの家庭用カッターで使用したりできるようになりました。

結論

ステッカーの制作はここ数年で大きく進歩し、ベクターカットラインを含める必要性は少なくなっていますが、このシナリオに遭遇し、それを行う必要がある場合があります。幸いなことに、いくつかの手順と使用するプログラムを知っていれば、難しいプロセスではありません。

CLIP Studio Paintの詳細については、https://www.clipstudio.net/enまたはhttps://graphixly.comをご覧ください。