みなさん、こんにちは。このパートでは、コミックスタイルのフレームにテキストを作成、編集、変換、追加する方法を紹介します。これまでに見てきたすべてを既に理解していることを前提として、トピックをもう少し早く説明するので、以前のチュートリアルでレビューした内容を必ず理解してください。このチュートリアルシリーズの最初、2番目、3番目のパートで作成したすべてを使用します。

 

 

続けましょう！

 

フレームを作成

 

最初に行うのは、イラスト、[幅1920、高さ1280]、解像度300の新しいドキュメントを作成することです。[フレームの作成]ツール（ショートカットUを2回）を選択し、キャンバスをクリックしてドラッグし、長方形フレーム。 ▼

 

 

次に、[Cut frame border]を選択して、長方形を分割します。 [フレームの作成]タブの横をクリックして、[フレームフォルダーの分割]を選択します。長方形のフレームをクリックすると、マウスで移動する線が表示されます。Shiftキーを押したままにすると、移動が水平、垂直、45度に制限されます。クリックを離すと、長方形フレームから新しいレイヤーフォルダーが分割されて作成されます。 ▼

 

 

▲ご覧のとおり、フォルダーの横に白黒のベクターマスクのサムネイルが表示されています。黒いエリアは隠されているものを示し、白いエリアは見えるものを示します。フレームの編集にはフレームツールのみを使用できます。

 

フレームを編集する

 

フレームマスクの周りに青みがかった色が表示されます。マスクを右クリックして、今は非表示にします。他のフォルダーでも同じことを行います。 ▼

 

 

フォルダ名を「左上」と「右下」に変更します。 「左上」フォルダを選択し、[操作]ツールを選択した状態で「青い円」をクリックしてドラッグし、フレーム領域を変換します。 [側溝を揃える]が有効な場合、両方のフォルダーが変形されます。このオプションを[なし]に設定すると、他のフォルダーに影響を与えずに各フォルダーを編集できます。 ▼

 

 

[ツールプロパティ]パネルから「境界線を描く」色と「ブラシサイズ」を編集することもできます。ブラシのサイズを0,80以下に変更しましょう。

 

[溝を揃える]を[なし]に設定し、黄色の矢印をクリックすると、境界線が次に使用可能なルーラーに、または（ない場合）キャンバスの端にスナップされます。▼

 

 

好きなようにフレームを編集したら、「右下」フォルダを選択し、[かわいいフレームの境界線]で[フレームの境界線を分割]を選択します。これにより、新しいフォルダーを作成せずにフレームを分割できます。好きなように分割したり、スクリーンショットに似たようなことをしてください。 ▼

 

 

フレームを分割する前に、[ツールプロパティ]パネルで垂直および水平の余白を調整できます。 [ファイル>環境設定]に移動して値を設定し、環境設定値を使用するために[環境設定のフレーム境界のスペース]をチェックすることもできます。▼

 

ここで、「右下」フォルダーから空のレイヤーを選択し、前のチュートリアルで確認したように、単色またはグラデーションで塗りつぶします。

 

前のチュートリアルで確認したように、新しいラスターレイヤーを複製または作成し、トーンを適用することもできます。別のドット設定を試して、「Line」を選択して[Angle]を135に、[Number of screen frequency]を8.0に、[Blending Mode]をSoft lightに変更し、Opacityを64に減らしましょう。

 

これで、「左上」フォルダを選択して、色とトーンを入力できます。さらに、用紙の色を選択した色に変更したり、フレームフォルダーの外側と下に別のグラデーションを作成したりできます。

 

スクリーンショットでわかるように、レイヤーパネルで「忍者の星」の形のトーングラデーションが作成、複製、移動され、連続性はあるがグラデーションの色が異なるように見えます。また、学習した内容を適用して、ブレンドモード、不透明度、境界線を変更することもできます。 ▼

 

テキストと変換

 

[テキスト]ツール（ショートカットT）を選択して、テキストを追加します。太いフォントとサイズを選択し、キャンバスをクリックして、好きなものを書きます。 「02」という数字を書きます。テキストを作成したら、テキストの下に表示される丸いアイコンをクリックします。 ▼

 

 

ご覧のとおり、レイヤーパネルに新しいテキストレイヤーが作成されました。 [編集>変形>拡大/縮小/回転…]からテキストを変換しましょう。 ▼

 

 

これで、テキストの周りの四角からドラッグして自由に変換したり、[ツールプロパティ]パネルから変換モード、拡大縮小率、回転を変更したりできます。 「固定アスペクト」がアクティブであることを確認し、幅の値「W」を800、「回転角度」を-15に設定し、円アイコンをクリックして、キャンバスまたはツールプロパティパネルで変換を確認します。 ▼

 

 

[レイヤーの移動]ツール（ショートカットK）を使用して、レイヤーを移動します。何らかの理由でレイヤー移動サブツールがない場合や削除した場合は、[現在選択されているサブツールのコピーを作成]アイコンをクリックして、新しいサブツールを作成します。アイコンの背景色を選択することもできます。 ▼

 

 

次に、シェイプの周囲にアウトラインまたは境界線を作成する別の簡単な方法を見ていきます。テキストレイヤーを選択した状態で[レイヤープロパティ]パネルに移動し、最初のアイコン[境界線効果]をクリックして、[エッジの厚さ]を4.0にします。 ▼

 

画像をフレームの外に配置する

 

さて、前のチュートリアルで作成した画像を持ってきましょう。まず、ファイルをまだ保存していない場合。以前の画像を保存するファイルを開き、[レイヤーの移動]ツールを選択して（ショートカット「K」）、内部のすべてのレイヤー（塗りつぶし、ライン、トーン、アウトライン、グラデーションなど）を含むレイヤーフォルダーを選択します[編集>コピー]に移動して、「フレームの境界線」タブを選択します。 CTRL + Vまたは[編集>貼り付け]でフォルダーを貼り付け、「左上」および「右下」フォルダーから外側の一番上にフォルダーを配置します。 ▼

 

 

▲レイヤーフォルダーの[Blending Mode]が[Through]に設定されていることも確認します。これにより、ブレンドモードで下のレイヤーに影響を与えることができます。

 

他の画像を持ち込んで、このチュートリアルや以前のチュートリアルで見たすべてのテクニックを実践してください。同じことをするのに少し時間を費やし、その後の次のトピックに進みます。

 

風船-コミック素材

 

おそらくご存知のように、Clip Studio Paintはすべてのユーザーに無料の素材と有料の素材を提供しています。 「マンガマテリアル」に移動すると、時間を節約するために使用できるフレームテンプレートが見つかります。ここで「バルーン」を追加しますが、作成する代わりに、Clip Studio Assetのバルーンを使用します。

 

以下のリンクをクリックして、このチュートリアルで使用するものをダウンロードするか、他のリンクを使用してください。 ▼

 

バルーンを選択して、キャンバスにドラッグします。おそらくフォルダの1つに含まれるため、[操作]ツールを選択して、以前のように（フォルダの）外側に配置します。 ▼

 

▲マテリアルパネルを非表示にする場合は、上隅の矢印をクリックします。

 

「ツールプロパティ」パネルからバルーンの線と塗りつぶしの色を変更できます。ブラシの形状を変更して変換することもできます。 ▼

 

 

次に、テキストを追加します。 [テキスト]ツールを選択してバルーンをクリックすると、バルーンと同じレイヤーにテキストが表示されます。これは、コミックを扱うときに便利ですが、色のグラデーションや効果を追加する場合は、[操作]ツールでテキストを選択する必要があります。 Ctrlキーを押しながらXキーを押して切り取り、バルーン以外のレイヤーを選択して、Ctrlキーを押しながらVキーを押して貼り付けます。同様に、レイヤーパネルで上のテキストをドラッグしてペイントし、グラデーション、エフェクトなどを自由に追加できます。バルーン内にテキストを保持したいが、色を変更する必要がある場合。 「テキスト」ツールを使用して内部のコンテンツを選択し、強調表示されたテキストをクリックして、カラーセットパネルで適用する色をクリックします。 ▼

 

表示レイヤーを結合

 

すべてのエフェクトを含む最終画像ができたら、表示されているすべてのレイヤーを新しいレイヤーにマージしましょう。レイヤーパネルで一番上のレイヤーを選択してから、[レイヤー>新しいレイヤーに表示されるマージ]に移動してください。 ▼

 

ご覧のとおり、上部に新しいレイヤーが作成されました。これは、平坦化した画像を別のドキュメントにコピーし、編集可能なレイヤーを保持したい場合に役立ちます。また、コントラストを追加するのに適した高速な方法です。新しいレイヤーを選択したら、ブレンドモードを[ソフトライト]に変更し、不透明度を40〜56程度下げます。

 

追加のヒント：2つのマージ表示レイヤーを作成する場合。 [ソフトライト]レイヤー（強度の約6または8）にガウスぼかしを適用して、エッジを滑らかにすることができます。さらに、同じ強度を実現するために、2または3程度の強度でガウスぼかしを下のレイヤーに適用できます。

 

前回のスクリーンショットから加えた変更を加えたコミックスタイルの画像を次に示します▼

 

 

1.エアブラシでペイントされたスクリーンブレンドモードの新しいレイヤー、レイヤーを複製し、ノイズのドット設定でトーン効果を使用しました。

2.バルーンの色が変更されました。バルーン内のテキスト「[-.-]」に追加された色。

3.テキスト「02」が移動および変換されました。長方形の選択から作成されたトーン。

4.ブレンドモードで楕円形の選択から追加されたシャドウとリフレクト。

 

これで、アートワークにコミックスタイルのフレームを追加できます。最後のパートに参加してください。