はじめに
モバイルデバイスは非常に便利で、指やスタイラスペンさえあればどこでも描くことができます。唯一の欠点は画面サイズですが、それを補う方法がいくつかあります。そこで今回は、私が小さなデバイスで描く際に使用しているプロセスやツールをご紹介します。それでは早速…
始めましょう!! (o・ω・o)
1. はじめに
まず、スマートフォン版を初めて使う方は、以下のチュートリアルを確認してみてください。そこでは、プログラムのダウンロード、無料版と有料版の形式、スタジオモードとシンプルモードのインターフェース解説、3Dモデルなど、基本的なことから説明しています。
重要: ライセンスをお持ちでない場合、スマートフォン版ではすべての機能を毎月30時間無料で利用できます。
2. 手について
指だけでイラストを描くのは非常に疲れます。特に最初はそうですが、不快感を最小限に抑えるためのコツをいくつか紹介します:
• 爪を短くしておくと、余計な力が加わらず、精度が向上します。
• 時間は重要な要素です。こまめに休憩を取り、目を休めましょう。
• 背中をエビのように丸めないよう、スマートフォンを傾けるスタンドを使うのも良いでしょう。背中を大切にしましょう。伸びた背骨は幸せな背骨です。
• 手を長時間浮かせたままにしないでください。すぐに疲れてしまいます。何らかの表面に置いて休ませましょう。
• 指で描くこともできますが、指だけを使って手を痛めないためには、ペン(スタイラスペン)の使用が理想的です。市場には多くの優れた手頃な価格のものがあります。
• 手をリラックスさせる: 指だけを使って描くことに決めた場合、怪我をせずに快適に作業を続けるために、ストレスボールを使ったり、手のストレッチを行ったりする選択肢があります。私が受けている太極拳のクラスで教わった、手首をリラックスさせる動きを一つ共有します。これは手根管症候群の予防に最適です。このエクササイズのやり方は以下の通りです:
➀ 両手の指を組み、手のひらと手のひらの間に野球ボールが入るくらいのスペースを作ります。
➁ そのまま手首を前に1分間回し、次に後ろに1分間回します。以上、とても簡単です。
3. シンプルモードとスタジオモードで描いてみよう
✦ キャンバス
アプリを起動すると、豊富な素材が表示されますが、新しいキャンバスを作成するには、「描画」オプションに移動します。次の画面には、さまざまな用途に合わせた標準的なサイズのテンプレートが表示されます。どれを使うかはプロジェクトの種類によります。私の場合は、1000 x 1000 pxのカスタムサイズを選択します。
「dpi」を変更・選択するには、「詳細設定」オプションに移動します。
印刷用またはデジタル用に使用できるサイズの考慮事項を以下に記載します。
印刷用: イラストを印刷したい場合は、解像度を300 dpiにすることをお勧めします(dpiはキャンバスが持つ情報量であり、情報量が多いほど印刷が鮮明になります)。キャンバスサイズについては、A4(21.00 x 29.70 cm)またはA5(14.80 x 21.00 cm)を選択することをお勧めします。
デジタル用: SNSで高品質なイラストを表示するには、解像度を72 dpiにすることをお勧めします。サイズに関しては、2160 x 2700 pxのキャンバスをベースにすることをお勧めします。これはInstagramでイラストが切り取られない理想的なサイズです。
- キャンバスサイズの変更 -
後でキャンバスのサイズが適切でないと感じた場合は、右上にある3つの点から「キャンバスサイズを変更」オプションで簡単に変更できます。
✦ 下描き
下描きはアプリ内で直接描くこともできますが、アナログで描いたものを写真に撮ったりスキャンしたりすることもできます。今回は写真を使用します。それでは、アナログの下描きをデジタル化する方法を見てみましょう。
- カメラの角度 -
歪みを避けるため、斜めの角度から写真を撮らないようにしましょう。平行な角度が理想的です。角度を調整するには、最近のスマートフォンの多くに搭載されているカメラのスタビライザー機能を活用すると良いでしょう。
もう一つの重要な点は、画像に影が入らないようにし、できるだけ柔らかな色合いにすることです。
- 読み込み -
CLIP STUDIO PAINTアプリには、2つの描画インターフェースがあります。すべての機能を備えたスタジオモード(1)と、イラスト制作に不可欠な機能を絞ったシンプルなインターフェースで、小さな画面に最適なシンプルモード(2)です。イラスト制作を通して両方のモードを使用しますが、主にシンプルモードを使います。
シンプルモードから画像を読み込むには、「新規レイヤー」のアイコンを長押しします。するとオプションが表示されるので、その中から「ギャラリーから読み込む」を選択します。このオプションを選択するとファイルブラウザが開き、描いた絵の写真を選択できます。
読み込まれた画像は、キャンバスに合わせて調整できるノード付きのプレビューとして追加されます。すべて調整できたら、「OK」をタップします。
- 線画抽出 -
読み込みが終わると、線画を抽出するかどうかを尋ねるメッセージが自動的に表示されるので、承諾します。次のステップで線画抽出フィルターの調整画面が開きます。線の密度は各自の判断で調整してください。最後に、「OK」を押して完了します。
背景を非表示にすると、画像が透過されていることがわかります。
✦ タッチジェスチャーとキーボードショートカット
タッチジェスチャー: 描き始める前に、作業をより快適にするための機能をいくつか学びましょう。タッチジェスチャーは、キャンバス上でのアクションや動きを最小限に抑えることで、時間を大幅に節約してくれます。デフォルトで有効になっていますが、無効にしたい場合は、環境設定・ヘルプ > タッチジェスチャーから変更できます。
このプログラムに備わっているジェスチャーは以下の通りです:
● 指で描く: このオプションを無効にすると、アプリはスタイラスペンによる操作のみを認識します。指では描画できません。
● 3本指でやり直し、2本指でタップして取り消し。 さらに、上部にある矢印を使って取り消しややり直しを行うこともできます。
● 2本指でスライドしてキャンバスを移動 / 2本指でキャンバスを回転。
● 長押しでスポイト: 色を取得したいキャンバスの部分を一本の指で長押しすると、スポイトの円が表示されます。指を画面から離さずにキャンバス上を動かすことができます。
注意: ここでライトモードからダークモードに切り替えるオプションも見つけることができます。ダークモードは、夜間の暗い場所や、目が疲れているときに最適です。
キーボードショートカット: Bluetoothやアダプターを使って携帯電話に接続できるキーボードがあれば、効率的で快適なワークフローを実現できます。プログラムのツールやウィンドウには、デフォルトでキーボードショートカットが設定されており、非常に簡単にアクセスできます。これにより、片手でジェスチャーやショートカットを操作し、もう片方の手で描画することができ、作業速度が格段に上がります。
シンプルモードのデフォルトコマンドリストは、環境設定・ヘルプ > キーボードショートカットから確認できます。
例えば、ツールメニューを手動で開くことなく、ツールを切り替えることができます。
注意: 残念ながら、シンプルモードのコマンドはまだ編集できません。将来のアップデートでよりカスタマイズ可能になることを期待しましょう。
✦ 線画
ツールメニュー: 下部にある筆のアイコンをクリックすると、ツールメニューが表示されます。ここには、変形、スポイト、ブラシ、投げなわ、歪み、消しゴム、塗りつぶし、図形、フィルター、効果など、不可欠なツールが揃っています。
レイヤーパレット: 右下のアイコンをクリックすると、レイヤーパレットが表示されます。パレットを左にスライドすると、名前の詳細を確認できます。レイヤーのサムネイルをクリックすると、レイヤーの表示/非表示、消去、不透明度などを制御するメニューが表示されます。 フローティングメニューの最後にある3つの点をクリックすると、合成モード、フチ、下のレイヤーでクリッピングなど、レイヤー編集の全オプションが表示されます。また、レイヤー名を変更するには、ドロップダウンメニューの名前をクリックします。
- 下描きの色 -
最初のステップとして、下描きと線画を区別しやすくするために、下描きの色を変更します。
➀ 下描きレイヤーの「透明ピクセルをロック」機能を有効にします。その後、色を青に変更し、お気に入りのブラシで線を塗ります。
両方のレイヤー(下描きと線画)の区別をより明確にするために、下描きの不透明度を下げることをお勧めします。
- 手ブレ補正 -
さて、下描きの上に新しいレイヤーを作成して清書を始めますが、まずはストロークです。しっかりとした線を引き、手の震えを防ぐために、手ブレ補正を使用できます。ブラシリストの右上に3つの点があり、それを押すと「すべての手ブレ補正・入り抜き設定を変更」というテキストのボックスが表示されます。それを押すと、手ブレ補正メニューが開きます。
補正の強さは0から100のバーで表され、0は補正なし、100は非常にしっかりとした線になります。補正を強くして描くと、ストロークが遅く感じられます。
これらの手ブレ補正設定はすべてのブラシに適用されます。
手ブレ補正は線を描くのに最適ですが、色を塗る際は無効にするのがベストです。
- 対称定規 -
この例のイラストは正面を向いているので、ちょっとしたショートカット、つまり対称定規を使うことができます。定規はシンプルモードでは対応していないため、一時的にスタジオモードに切り替える必要があります。スタジオモードに切り替えるには、右側の3つの点に移動し、メニューのリストから「スタジオモードに切替」を選択します。
スタジオモードに入ったら、左上のサブツール選択画面に移動します。そこに定規があります。
コツ: 完全に垂直または水平な対称性を得たい場合は、キャンバスに定規を配置する際に「SHIFT」キーを押し続け、配置が終わったらキーを離します。タブレットやスマートフォン版では、エッジキーのサイドパネルからこのキーを有効にできます。
すべての要素を対称にするために定規を使うことはできません。不自然な効果が出てしまうためです。そのため、一部の場所では定規を無効にして個別に塗る必要があります。定規を無効にしたり削除したりするには、レイヤーのサムネイルにあるアイコンを長押しし、メニューから対応するオプションを選択します。
シンプルモードに戻るには、左上の3本の線に移動し、メニューから「シンプルモードに切替」を選択します。
線画が終わったら、レイヤー設定にある目の形のアイコンで下描きレイヤーを非表示にします。
✦ 下塗り
清書が終わったら、色を塗る番です。シンプルモードに戻り、下部にある色のついた円をクリックすると、カラーサークルが表示されます。また、その下部にはカラーセットとカラースライダーがあります。上部にはメインカラー、サブカラー、透明色があります。
サークルで色を選び、中の四角で色の明度と彩度を選びます。
- 選択範囲 -
投げなわツールと塗りつぶしツールを使ってブロックごとに塗るのは非常に効率的です。私の場合、下塗りを適用するために、イラストを大きなブロック(髪、肌、目、唇)に分け、それぞれ個別のレイヤーで塗ります。その方法を見てみましょう:
➀ ツールメニューにある投げなわツールを使って、塗りたいエリアを選択します。ツールのプロパティには便利な機能が2つあります:「選択範囲に追加」と「選択範囲から削除」(右から2番目のアイコン)。これらは選択エリアの追加や削除に使用します。そして、「選択範囲を反転」(3番目のアイコン)は、選択範囲の外側を編集できるようにし、選択範囲内を保護するために使用します。
➁ 下描きの下に新しいレイヤーを作成し、塗りつぶしツールを使用して、選択範囲内を塗ります。
レイヤー間でレイヤーを移動するには、レイヤーを長押しして目的の位置までドラッグします。
この機能を使うと、閉じた領域を塗りつぶすことができ、いくつかの設定を変更すれば、わずかに隙間がある領域も塗りつぶせます。注意すべき重要な点は、ツール設定の「複数参照」オプションを無効にして、プログラムが下描きの線を境界として認識しないようにすることです。
選択を解除するには、上部のフローティングボタン「選択解除」を押します。
- カラーセット -
作業を早く進めるためのコツは、カラーセットを使うことです。お気に入りの色を追加しておけば、今後のイラスト制作でワンタップでアクセスできるようになります。
カラーセットを読み込んだり作成したりするには、左側の3本の線をクリックし、次に「+」記号をクリックします。「新しいセットを探す」を選ぶと、Clip Studio ASSETSのページにリダイレクトされます。セットをダウンロードすれば準備完了です。一方、「新しいカラーセット」を選ぶと、自分の色を入れられる新しいセットが作成されます。
パレットを長押しするとメニューが表示され、「セットを複製」、「削除」、「名前を変更」のオプションがあります。色を追加するには、プラス記号をクリックするだけです。
✦ ブラシ
ブラシの扱い方について少し話しましょう。
ツールバーの最初のアイコンは、消しゴムとブラシを素早く切り替えることができるショートカットです。ミスを短時間で修正するのに最適です。
• ブラシ
ブラシを変更するには、それぞれのアイコンをクリックするか、メニュー中央にある2つのブラシのアイコンをクリックします。ブラシとそのカテゴリのリストが表示されます。
• ブラシを追加
プログラムには多くの優れたデフォルトブラシがありますが、他の種類にアクセスできるに越したことはありません。新しいブラシをダウンロードするには、上部の「+」記号をクリックし、オプションから「おすすめのブラシを追加」を選択します。
おすすめのブラシの最後までスクロールし、「新しいブラシを探す」を選択します。Clip Studio ASSETSのページが開きます。ここはダウンロード用の素材を探すことができるサービスです。ダウンロードが完了すると、ブラシは「ダウンロード」カテゴリに表示されます。ブラシを長押しすると、編集オプション(名前の変更、削除、複製など)が表示されます。
注意: ASSETSから素材をダウンロードするには、CLIP STUDIOのユーザーアカウントが必要です。登録は完全に無料です。
スタジオモードから読み込む: 一方、すでにスタジオモードでカスタマイズしたブラシがあり、それをシンプルモードに追加したい場合は、「スタジオモードから読み込む」オプションを選択し、メニューからそのブラシを選びます。
• ブラシ設定
ブラシの設定を変更するには、ブラシの横にある矢印をクリックします。ここでは、色の混合、絵の具濃度、水彩境界などの要素を調整します。設定項目の数はブラシの種類によって異なります。
• ブラシの使い方
簡単です。下部に2つのバーが表示されます。上のバーはブラシサイズ、2番目のバーは不透明度に対応しています。不透明度を活用する方法としては、同じブラシで異なる質感を表現したり、色を混ぜたりすることが挙げられます。
ブラシの質感を保ったまま消去するには、同じブラシを使用しますが、色を選択する代わりに、カラーサークルにある「透明色」を選択します。
• 色混ぜブラシ
ブラシのいくつかのカテゴリの中に、混ぜるための専用カテゴリがあります。ここには色を混ぜるのに役立つ一連のブラシがありますが、どれが最も役立つかを判断するために、それぞれの特徴を知る必要があります。ブラシの不透明度を調整して、さまざまな混ぜ具合を試してみてください。
● 色混ぜとぼかし: これらのブラシは境界を曖昧にし、質感を消失させます。使いすぎるとあまり良くない結果になりますが、エッジを柔らかくするのには適しています。
● 指先: これは絵の具を引き伸ばしたときのように伸びる様子をシミュレートします。
● 水彩、ウェット、テクスチャ: これら3つは質感を維持し、質感がない場合は追加します。自分のケースにどれが最も適しているか試してみる必要があります。
✦ 光、影、そして3Dモデル
下塗りの後は、光がどこから来ているかを決める必要があります。光がどのようにオブジェクトを照らし、その三次元的な特徴を際立たせるかがわからない場合は、3Dモデルをガイドとして使うことができます。
シンプルモードの素材セクションにはいくつかの全身モデルがありますが、例えば顔などのより特定のモデルが必要な場合は、スタジオモードで見つけることができます。それらは、スタジオモード > 素材パレット > 3D > 頭部にあります。
モデルを選択してドラッグすると、すべての編集オプションと共にキャンバスに表示されます。光の角度、ひいては影の角度を編集するには、ツールプロパティ(スパナのアイコン) > 光源に移動します。
円をドラッグして光の方向を調整します。
これらの頭部モデルから、さまざまなタイプの顔を作成できます。3Dモデルの顔の特徴をカスタマイズする方法については、この機能に関する公式チュートリアルをご覧になることをお勧めします:
● 塗りの構造:
イラストにおける光と影の位置がわかったら、次のステップはそれらを塗ることです。プロセスを簡単にするために、レイヤー機能を活用しましょう。いくつかの例を見てみましょう:
➀ 「下のレイヤーでクリッピング」を使用します。この機能は、疑似的な切り抜きを作成します。つまり、このレイヤーに描かれたものは、参照しているレイヤー(下のレイヤー)に描かれている範囲内でのみ表示されます。クリッピングを解除すると、ベースレイヤーの境界の外側に描いたものがすべて表示されるようになります。この設定は私のワークフローに欠かせないもので、下塗りの上にこの機能を有効にした新しいレイヤーを作成し、そこに影の詳細を描き込みます。
また、一つのレイヤーに対して複数のクリッピングレイヤーを適用することもできます。例えば、元のレイヤーが髪の毛のブロック(1)で、その上にある連続したレイヤーがそれに紐付いた影のレイヤーです。さらに、これは非破壊的な方法なので、他の進捗を失うことなく何かを修正するのが非常に簡単です。
➁ 「透明ピクセルをロック」を使用します。これは、描画済みの境界からはみ出さずに、ベースレイヤーに紐付いた新しいレイヤーを作成することなく塗ることができる機能です。これを有効にすると、そのレイヤーでは色がついているピクセルにのみ描画でき、透明な部分は完全に無視されます。この機能はレイヤーオプションにあり、小さな鍵のついた四角いアイコンです。欠点は、これが破壊的なオプションであるため、行った操作を後で簡単に元に戻せないことです。
よし、これで光と影の下描きができました。次のステップでそれらを仕上げていきます。
顔に光と影を追加する方法について詳しく知りたい場合は、以下のチュートリアルをぜひご覧ください:
✦ 歪みツールとキャンバスの反転
● 歪み: 目の位置が理想的ではありませんが、すぐに修正できます。歪みツールは、使用した場所の形を変更し、修正を行うことができます。これはイラストの仕上げに適したツールです。これを使えば、何も消すことなくイラストの一部の位置やサイズを編集・変更できます。特にすでに完成している場合に非常に便利です。
ツールのプロパティには、モードと強さがあります。モードには、進行方向に膨らます、膨らます、つまむ、左に歪ませる、右に歪ませる、右回りに回転、左回りに回転の7つのオプションがあります。一方、強さはツールの歪み具合を調整します。
このように簡単に形やサイズを変更でき、プロポーションの改善に最適です。次の画像を見て、「間違い探し」をしてみましょう :)
このツールについて詳しく知りたい場合は、こちらの公式チュートリアルを読むことをお勧めします:
- キャンバス表示の反転 -
一見して気づかないミスを修正するために、キャンバスを回転・反転させることは不可欠です。3つの点のセクションの中に「表示を左右反転」オプションがあります。このオプションを有効にすると表示される青いアイコンで、元の表示に戻すことができます。
✦ 彩色
それでは彩色のプロセスのステップを見ていきましょう。その前に、私が実践しているワークフローについて説明させてください。
- ワークフロー -
より良いワークフローを維持するためには、レイヤーの順序を管理する必要があります。以下に私が従っている論理を共有します。
➀ 下描きに使用したすべてのレイヤーを「下描き」(1)という名前のフォルダーに入れます。その後、フォルダーの上に線画を描くためのレイヤー(2)を作成します。終わったら下描きフォルダーを非表示にします。
➁ 次に、前の2つの下に「色」 (3)という名前の新しいフォルダーを作成します。各要素の下塗りを個別のレイヤーで塗ります。例えば、一つに肌、もう一つに目、唇、髪をそれぞれフォルダー内の独立したレイヤーに塗ります。
➂ 最後に、下塗りのレイヤーの上にレイヤーを重ねていき、「光と影」のセクションで説明したように、下のレイヤーでクリッピングします。
レイヤーをフォルダー内に移動するには、レイヤーを長押ししてフォルダーまでドラッグするだけです。プログラムがグループ化可能であることを示したら(フォルダーアイコンの周りに青い枠が表示されたら)、指を離します。
アドバイス: 多くのレイヤーやフォルダーがあって区別が難しい場合は、カラーマークを付けることができます。そのためにはスタジオモードに移動し、レイヤーウィンドウの左上にあるアイコンに向かいます。この色のリストを使って、レイヤーに色を付けることができます。デフォルトの色を選ぶか、「他の色を選択」で別の色を選ぶことができます。シンプルモードに戻ると、レイヤーの横にマークが表示されます。
- 色の選び方 -
何かに色を塗るのは、3つのトーンのスキームに従うのと同じくらい簡単です。この方法は、3つの色を選ぶことで構成されます。ベースカラー、光のための明るい色、そして影のための暗い色です。
● ベースカラー: ベースカラーを選ぶ際、および特別な場合を除いて一般的なほとんどの色において、グレーに寄ったトーンは避けるべきです。ベースカラーの場合は、上部のエリアに位置し、そこから斜め下に向かって動かします。
● 影: 影についても同様で、グレートーンと彩度の高いトーンの間を斜めに動かします。この場合、色のバリエーションを得るために、近くの別の色に似たように動かすこともできます。また、これらの最初の影はそれほど暗くすべきではありません。その種の深みはもう少し後で扱います。
● 光: 光については、再び左上の角に戻りますが、純粋な白には触れないようにします。
● 深い影: 光と影を設定したら、より具体的な深みの効果を出すために、深い影を強調します。この場合、黒に向かって斜めに動かします。これらの深い影は、閉塞(オクルージョン)領域に適用する必要があります。閉塞領域とは、直射日光も環境光も届かないポイントのことです。
● 反射: 色にプラスアルファを加えるために、反射光を追加するのが理想的です。肌、髪、環境など、すべての物体は近くの他の物体にその色調を反射させていることを知っておく必要があります。例えば、肌は非常に反射しやすいです。反射光の色を選ぶ際、私はグレートーンに移動します。例えばイラストの大部分が暖色系で占められている場合、反射光の色は寒色系にし、影の領域に適用します。
これらの反射光を不透明度を下げたブラシで塗り、その後ぼかします。両方を混ぜてできたその新しい色が、同じカテゴリの残りの反射光を塗り続けるために選択する色になります。
- カラースライダー -
カラーサークルの下にある「カラースライダー」を使うことをお勧めします。これらのスライダーを使用すると、より正確に色を選ぶことができます。このツールからは、カラーサークルで選択されているトーンの明度と彩度を引き出すことができます。
これを使用するには、色を選んでからスライダーを動かし、その色のさまざまな彩度や明度を取得します。例えば、肌のベースカラーを取り、そこから明度を少し動かして暗くし、次に彩度を動かしてグレーから遠ざければ、良い影の色が得られます。
- 線画の色変え -
私のプロセスにおいてもう一つの重要なステップは、線画の色を塗ることです。そのために以下のことを行います:
➀ 線画レイヤーを複製し、元のレイヤーを目のアイコンで非表示にします。
➁ この複製したレイヤーを色フォルダーの中に移動します。レイヤーは他のすべてのフォルダーの最上部に置く必要があります。
➂ 複製レイヤーで「透明ピクセルをロック」を有効にし、線を塗り始めます。
✦ 仕上げ(レンダリング)
仕上げには魔法のような方法はありません。プロセスの大部分は試行錯誤で構成されています。自分が納得する結果が得られるまで、足りない要素や余計な要素を何度も観察し、追加し、改善していく必要があります。しかし、共有できるガイドラインはいくつかあります。
- 合成モード -
色を追加するときは、色のトーンを微妙に調整できる合成モードを使うのが良いです。合成モードは大きく4つのグループに分けられますが、最も重要なのは2つです。光を加えるものと、暗くするものです。私のお気に入りは、乗算(暗くするため)と、加算、オーバーレイ(明るくするため)です。 これらのモードはレイヤー設定にあり、最初のオプションです。
● 光のモード: 輝きを加えるモードは、最も明るい部分を照らすために使用します。例えば、髪の毛には「オーバーレイ」でいくつかのレイヤーを作成し、色の輝きを少し演出します。まず一つのレイヤーにオレンジ系のトーンで塗り、次にピンク系、最後に反射光のために青系のトーンで塗ります。
● 暗さのモード: さて、私のお気に入りの部分、光の領域を追加するために画像を暗くする作業です。このイラストでは、左上から来る光源を使用するので:
➀ フォルダーの上に、線画レイヤーの下にレイヤーを作成し、「下のレイヤーでクリッピング」オプションを有効にします。その後、合成モードを「乗算」に設定します。
➁ 次に、暗すぎない程度の暗い肌の色を選びます。それでレイヤー全体を塗りつぶします(塗りつぶしツールを使うと簡単です)。その後、レイヤーの不透明度を自分が適切だと思うところまで下げます。
➂ 最後に、消しゴムで光が当たるべき部分を消していきます。
● 彩度の高い境界線: 直射日光が肌や他の物体に当たると、影と光の間に彩度の高い光の境界線が生じます。この効果を得るには、「オーバーレイ」モードを使用します。
➀ 乗算レイヤーの上に新しいレイヤーを作成し、これも「下のレイヤーでクリッピング」に設定します。
➁ 次に、エアブラシとオレンジ系のトーンを使って、光と影の境界線を塗ります。この光の帯を「色混ぜ」ツールで少しぼかします。
➂ 仕上げに、「ぼかし」ツールを小さなサイズと低めの不透明度で使用し、乗算レイヤーの光と影の境界線を少しぼかします。
すべての合成モードについてもっと知りたい場合は、こちらのチュートリアルをご覧ください:
- フィルター -
フィルターを使うと、コントラスト、色調、光などを改善できます。デフォルトでいくつかの標準的なフィルターが用意されていますが、独自の調整を行いたい場合は、「調整」オプションに移動します。このツールは、「ツールメニュー」の「フィルター」オプションの中にあります。
色が完全に気に入らない場合は、ここから簡単に修正できます。調整は個別のレイヤーにもセット全体にも適用できます。どちらかを選択するオプションは、メニューでツールを選択した際に常に表示されます。
- 仕上げの修正 -
ここからは、私にとって最も楽しい部分、細部の修正です。やるべきことは「彫刻」です。基本的には線画を非表示にし、色を混ぜ、納得いくまで立体感を際立たせていきます。
そのために最初に行うのは、肌を塗るために作成したすべてのレイヤーとフォルダーを、「すべて」という独創的な名前の別のフォルダーに入れることです。次に、「すべて」の中に、色(この場合は合成モードのレイヤーと線画)の上になる別のフォルダーを作成し、「詳細」と名付けます。このフォルダーの中で、絵のクリーンアップを行うためのレイヤーを生成します。
これらはすべて、シンプルモードよりもレイヤーの修正やグループ化が簡単なスタジオモードのインターフェースから行います。
プロセスの過程で、フィルターを適用したり背景を塗ったりする際にレイヤーを結合しやすくするために、すべてをサブフォルダーにまとめていきます。最終的な構造は次のようになります。「すべて」フォルダーを閉じると、元の線画レイヤー、下描きフォルダー、および「すべて」フォルダーだけが見える状態になるはずです。
すべてが整ったら、クリーンアップを開始します。
- 変形 -
プロポーションがうまく配置されていない場合は、簡単な手順で移動したり、自由に修正したり(パースに合わせて要素を配置するのに最適)、反転させたり、回転させたりできます:
➀ 選択ツールでエリアを選択します。
➁ 選択すると、下部のメニューバーに矢印の付いた十字のアイコンが表示されます。それが変形アイコンです。
➂ そのアイコンをクリックすると、次のGIFのように変形メニューが開きます(拡大してすべてのオプションを表示するには、ウィンドウを上にドラッグします)。
自由変形ではより完全な修正が可能で、メッシュ変形も負けていません。この変形はメニューの3番目のオプションで、設定では追加できるノードの数を確認できます。使用するには、必要なノードを最適な位置に動かすだけです。
- 切り取りと貼り付け -
選択ツールで領域を選択すると、ツールのメニューが表示され、2つのオプションがあります。「コピーして別のレイヤーに貼り付け」(名前の通り、選択した領域のコピーを作成し、元のレイヤーの上のレイヤーに貼り付けます)と、「切り取って新しいレイヤーに貼り付け」(コピーを作成するのではなく、元のレイヤーから直接取り出し、上の新しいレイヤーに移動させます)です。
✦ 効果(エフェクト)
効果も最後の仕上げに最適です。私のお気に入りは、色収差とノイズです。効果はフォルダーやレイヤーに適用できます。私は、すべてのレイヤーを含むフォルダーのコピーを作成し、そのコピーを結合して一枚のレイヤーにし、そこにフィルターや効果を追加するのが好きです。複製して結合するプロセスを行うために、一瞬スタジオモードに移ります。そこで以下を行います:
レイヤー/フォルダーを複製: 私がまず行うのは、後で修正したくなった場合に備えて個別のレイヤー情報を失わないよう、メインフォルダーのコピーを作成することです。そのためには、フォルダーを長押しし、表示されるオプションから「レイヤーを複製」を選択します。
レイヤーを結合: 複製したフォルダーを結合するには、前の項目と同じメニューに移動しますが、この場合は「選択中のレイヤーを結合」オプションを選択します。
- 色収差 -
この効果は、色の分解の錯覚を作り出します。これとその他の効果は、「ツールメニュー」の「効果」オプションにあります。好みのものを選ぶと、その強さを制御し、適用前と適用後のプレビューを確認できます。
デフォルトでは、効果はレイヤー全体に適用されますが、特定の領域だけに適用したい場合は、あらかじめ投げなわツールでエリアを選択しておく必要があります。効果は選択範囲の境界内に適用されます。
- ノイズ -
ノイズ効果も同様に機能します。オプションには、カラーノイズと白黒ノイズの2つのタイプがあります。この効果は、イラストに簡単に質感を加えられるので気に入っています。
フィルターや効果の特徴についてもう少し知りたい場合は、こちらのチュートリアルをご覧ください:
✦ 色調補正レイヤー
色調補正レイヤーを使用すると、影、中間トーン、光を編集できます。特にお勧めなのは、トーンカーブ、カラーバランス、そしてグラデーションマップです。
これらのレイヤーはシンプルモードでは利用できないため、使用するにはスタジオモードに移動する必要があります。色調補正レイヤーは次のパスにあります:メニュー > レイヤー > 新規色調補正レイヤー。全部で9種類のレイヤーを使用できます。
補正レイヤーで色の編集が終わったら、スタジオモードに戻ることができます。色は編集されたまま残りますが、補正レイヤー自体をシンプルモードで編集することはできません。修正するにはスタジオモードに戻り、レイヤーウィンドウにある補正レイヤーの小さなアイコンをダブルタップする必要があります。
色調補正レイヤーについて詳しく知りたい場合は、公式ガイドをご覧になることをお勧めします。また、私も以前に紹介した「彩色に役立つツール」チュートリアルで、これらのレイヤーについてより深くお話ししています。
- 結果 -
最後の細部を洗練させた後、次のような結果が得られました:
4. 保存・書き出し
スマートフォン版は、一定時間ごとに進捗を自動的に保存します。また、左上にある矢印を使ってキャンバスを離れる際も、終了前にプロセスが自動的に保存されます。
デバイスに共有または保存するには、右上にある3つの点に移動します。すると、「画像を書き出し」と「タイムラプスを書き出し」というオプションが表示されます。どちらかを選択すると、共有するかデバイスに保存するかを尋ねられます。選択すると、保存形式を(PNG、JPG、またはPSD)から選択できるウィンドウが表示されます。最後に「保存」を押します。
タイムラプスの場合も同様の手順です。表示されるウィンドウで、再生時間、サイズ、解像度、およびCLIP STUDIO PAINTのロゴを入れるかどうかを選択できます。
• クラウドにアップロード
ファイルをクラウドにアップロードするには、まず作品管理セクションにある「このアプリ内」タブに移動します。新しい画面から作品を選び、作品の下部にあるスライダーをクリックします。ファイルをクラウドにアップロードするかどうかを確認するメッセージが表示されるので、「OK」を押します。承認されるとクラウドアイコンが青色に変わり、設定の「データ転送」セクションからアップロードの進行状況を確認できます。
これで、アカウントに紐付けられたすべてのデバイスで作品を共有できるようになります。
注意: プロジェクトをクラウドにアップロードしたりダウンロードしたりするには、CLIP STUDIOのユーザーアカウントが必要です。
🎬(おまけ)スマートフォンで瞬きのアニメーションを作ろう
おまけとして、完成したイラストからスマートフォンで短いアニメーションを作る方法を説明させてください。手順は非常に簡単ですので、楽しんでいただければ幸いです。
アニメーションツールはシンプルモードには対応していないため、すべてスタジオモードで行います。
スタジオモードのインターフェースについて詳しく知りたい場合は、こちらの公式チュートリアルをご覧ください:
- キャンバス -
新しいプロジェクトを開きます。「描画」セクションで「詳細設定」オプションを選択します。キャンバスウィンドウが表示されたら、「作品のタイプ」メニューで「アニメーション」オプションを選択します。
次に、表示される設定の中で「タイムライン」セクションに移動し、「フレームレート」を8に、「再生時間」を24に変更します。これで準備完了です。
- タイムライン -
タイムラインウィンドウを表示するには、ウィンドウバーを長押しします。すると「パレットバー設定」が表示されるので、リストから「タイムライン」オプションを探して選択し、OKを押します。
これでウィンドウバーにタイムラインのアイコンが表示されます。それをクリックするとタイムラインウィンドウが開きます。
ウィンドウを固定して、他の場所をクリックしたときに自動的に隠れないようにするには、該当するウィンドウの右上にあるピンのオプションにチェックを入れます。
- 画像の読み込み -
次にイラストを読み込む必要があります。そのためには:
➀ レイヤーウィンドウに移動し、新しいキャンバスを開いたときに自動的に生成されるレイヤーを削除します。レイヤーだけを削除し、フォルダーは削除しません。
➁ その後、タイムラインウィンドウを開き、最初のフレームが選択されていることを確認します(赤い枠がアクティブなフレームを示しています)。
➂ 最後に、左上の3本の線に向かい、オプションをスクロールして「読み込み」を見つけ、その中から「デバイスのストレージから」を選択します。
- ラスタライズ -
次のステップとして、レイヤーウィンドウに移動し、読み込んだ画像を選択します。レイヤーを長押ししてオプションメニューを表示し、その中から「ラスタライズ」を選択します。このステップは、レイヤー上に描画できるようにするために行います。
- フレーム(セル) -
このアニメーションは5つのフレームで構成されます。そのうち最初と5番目はベースのイラストなので、何もする必要はありません。構造は以下の通りです:
(A) 最初のフレームは目が開いている状態に対応します。
(A1) 2番目は、位置「A」からまぶたが少し下がっている状態の表現です。
(B) 3番目の位置では目は閉じています。
(B1) 4番目は、位置「B」から目が開いていく状態に対応します。
(C) 最後に、もう一度目が開いた状態になります。
• 2番目のフレーム
➀ タイムラインで2番目のアニメーションセルを選択することから始めます(セルが見にくい場合は、虫眼鏡アイコンでズームできます)。
➁ 選択したらレイヤーウィンドウに移動し、ベースレイヤーを複製します。この複製されたレイヤーは、自動的に2番目のアニメーションセルに割り当てられます。
➂ 次に、「投げなわ」選択ツールで両目の上のまつ毛を選択します。簡単に進めるために、両方を同時に選択することをお勧めします。
離れた複数の要素を選択するには、「投げなわ」ツールのプロパティから「選択範囲に追加」オプションを有効にします。
➃ 選択したら、「変形」ツール(アクションバーから直接ショートカットを見つけられます)を使って、それらを少し下げます。
➄ まつ毛を動かすと、色の空白ができるので、塗って埋める必要があります。
表示スペースを広くするために、デバイスを横向きに回転させることをお勧めします。
• 3番目のフレーム
この3番目のフレームでは手順を繰り返します。今回は前のステップで複製したレイヤーを複製しますが、この場合はまつ毛を動かすのではなく、ベースの目の上に完全に閉じた目の形を描き込みます。
別のレイヤーに描いてしまわないよう、描き始める前に必ずこの3番目のレイヤーが選択されていることを確認してください。
• 4番目のフレーム
このフレームではレイヤー1を複製します。複製されたレイヤーは「1a」という名前で表示されます。次に、タイムラインで4番目のセルを選択し、メニューが表示されるまでそのセルを長押しします。左側にこれまでに作成されたレイヤー名のリストが表示されるので、オプションの中から複製したレイヤー名(1a)を選択します。
ここで再び投げなわツールを使い、目が半分くらい開いている状態をシミュレートするために、まつ毛を目の半分またはそれ以上まで下げます。
• 5番目のフレーム
タイムラインで5番目のアニメーションセルを選択することから始め、前のフレームで述べたウィンドウが表示されるまで長押しし、読み込んだレイヤーが含まれているベースレイヤーを選択します。以上で完了です。
これで完成しました。アニメーションを確認しましょう。再生を有効にするには、3本の線からアニメーションのセクションに移動します。オプションの中に「再生/停止」があります。このボタンのショートカットを作成するには、各オプションの最後にある矢印付きの円の記号をクリックして追加できます。ショートカットは、ウィンドウバーの最初のオプションである「クイックアクセス」ウィンドウに追加されます。
アニメーションを再生してみると、瞬きと瞬きの間の間隔が非常に長いことに気づきました。この間隔を短くするために、フレーム数を24から15に削減します。そのためには、フレームの境界を示すセパレーター(青い帯)がある24フレームの最後に移動し、それを長押しして目的のフレームまでドラッグします。
キャラクターの位置が変わっていることに気づくかもしれませんが、それは私のミスで、気づかずに誤ってレイヤーを動かしてしまったためです。しかし、「整列・分布」ツールを使って解決しました。
よし、ずっと良くなりました。
- 書き出し -
保存オプションは3本の線の中にあります。メニューからファイル > アニメーション書き出しを探します。多くのオプションが表示されますが、私がよく使うのはムービーまたはアニメーションGIFです。GIFはアニメーションをループ形式で保存するため、このような短いアニメーションには便利です。保存前に変更できるすべてのオプションは、ファイル名とファイルサイズを除いてそのままにしておきます。名前とサイズは好みのものに変更します。あとはOKを押すだけです。
ギャラリーにファイルが見当たらない場合は、プログラムのフォルダーに保存されているため、デバイスのファイルエクスプローラーで探し、必要に応じて別の場所に移動させる必要があります。
- 結果 -
おわりに
このチュートリアルで学んだことが、スマートフォンで美しいイラストを描く助けになれば幸いです。「いいね」をいただけると大きな励みになります。ここまで読んでいただきありがとうございました!また別の機会にお会いしましょう!(⌒‿⌒)
バイバイ。
私についての詳細はこちら:
コメント