警告: このチュートリアルには強い点滅画像が含まれています

はじめに

このチュートリアルでは、暗いシーンでオブジェクトを光らせる方法を紹介します。ここではモニター画面を例にしますが、この効果は炎、電球、ネオンライトなど、さまざまな方法で応用できます。最後に、点滅するモニターの見た目を完璧にするために、変化するライティングでアニメーションを作成する方法を探ります。楽しんでください！

シーンに色を塗る

このプロジェクトには、線画が完成し、フラットカラーが塗られた画像が必要です。「フラット」は、シーン内のオブジェクトの実際の色のまま（通常「ローカルカラー」と呼ばれます）作成する必要があります（例：肌には肌色、髪には茶色、服には緑など）。私はこのチュートリアルのために以下の画像を作成しました。プロセスを理解するまで、これを使って一緒に作業を進めることをお勧めします。ダウンロードして自由に使用してください。フラットと線画をレイヤーとして使用したい場合のために、別々に含めています（線画の「輝度を透明度に変換」を忘れないでください！）。

まず、ミディアムブルーで塗りつぶしたレイヤーを作成し、レイヤープロパティを「カラー」に設定して、イラスト全体を暗い夜景のように見せます。これにより、画像内のすべての色が統一され、よりリアルに見えるようになります。

キャラクターに光を当てる

次に、新しいレイヤーを作成し、選択した彩度の高い色で塗りつぶします。これはキャラクターの真正面にある画面から来る光になるので、私は彩度の高い黄色を選びました。描画モードを「加算（発光）」に変更します（後で他のモードも試してみてください）。今は少し奇妙に見えるかもしれませんが、読み進めてください。レイヤーにマスクを追加し、それが選択されていることを確認するためにクリックします。次に、塗りつぶしツールを使用してマスク全体を透明色で塗りつぶします。あなたのレイヤーは以下の私のもののようになるはずです：

さあ、マスクがまだ選択されている状態で、ブラシを選択し、白

(または他の色)を選んで、キャラクターに光を当てて形にライティングを追加し始めます。ブラシの不透明度をいじったり、さまざまな種類のブラシを使って、望む効果を得てください。私はシンプルにエアブラシと選択ツールを使うことにしました。

 

他の画面から来るバックライト用に2つ目のマスクされたカラーレイヤーを作成し、同じプロセスを繰り返して目的の効果を得ます。私はより良い効果のために、少し異なる色（やはり彩度の高い色）を使うことにしました。満足するまで、同じテクニックを使ってキャラクターにライティングを再び描きます。

画面を光らせる！

「フラット」カラーレイヤーで、選択オプション「色の選択範囲」を使用し、ピンクがかった色とシアンの色をクリックします。これにより、すべての画面、小さなボタン、背面のスパークが選択されます。次に、バックライトレイヤーのマスクに移動し、選択メニューのボタンを使用して選択範囲を白で塗りつぶします。選択した色でシーンがすぐに明るくなるのがわかるはずです。画面の選択を解除し、まだ白が選択されている状態で、通常モードのソフトエアブラシに切り替えます。マスク内で、画面の周囲を軽くブラシでなぞり、柔らかな光を追加します。最後に、シーン内の他のオブジェクトにもライティングをブラシで追加できます。煙やコンピューターの側面がどのように光を受けるかに注意してください。

「フラット」レイヤーを使用して、キャラクターの前の画面の背面を選択します。選択メニューのボタンを使用して選択範囲を反転し、再び白のエアブラシを手に取ります。「フロントライティング」レイヤーのマスクをクリックし、他の画面と同じように画面の周りに光を追加します。煙の一部や両側のコンピューターなど、画面に近いオブジェクトにもライティングをブラシで追加したいと思うかもしれません。

より良くする

部屋がまだ明るい白色光で照らされており、奥行きがあまりないことに気づいたかもしれません。これを修正するには、「フラット」レイヤーに戻り、背面の画面とキャラクターを選択します。選択範囲を反転し、新しいレイヤーを作成します。グラデーションツールを選択し、「描画色から透明」オプションを選びます。部屋の端に暗いグラデーションをいくつか追加し、好きな角度に設定します。部屋が暗くなり、画面の光が少し偽物っぽくなくなり、画面とキャラクターが際立って見えるようになることに気づくかもしれません。

これでかなり良い感じになりましたが、キャラクターがまだ十分に注目を集めていないので、シーンにもう少しシェーディングを追加したいと思うかもしれません。フラットを使用してすべての光源とキャラクターを選択し、選択範囲を反転してから、大きなソフトエアブラシで黒を使って、彼女の周りにもう少し暗さを追加します。

完成！

アニメーション!!! (^U^)

アニメーションウィンドウが表示されていない場合は、「ウィンドウ」メニューに移動し、「タイムライン」がチェックされていることを確認してください。アニメーションウィンドウで、新しいタイムラインを作成し、新しいアニメーションフォルダーを作成します。次に、そのフォルダーを複数の（私は20にしました）サブフォルダーで埋めます。「アニメーション」メニューに移動し、「トラック編集」を選択します。「一括セル指定」というオプションが表示されるはずです。そのオプションを必ず使用し、「終了番号」を20（またはフォルダーの数）に変更します。最後に、2つのマスクされたカラーレイヤーを切り取り、アニメーションの「1」フォルダーに移動します。次に、同じレイヤーをコピーして、番号付けされた各フォルダーに貼り付けます。アニメーションフォルダーを含むすべてのフォルダーの描画モードを「加算（発光）」に変更しないと、ライティングがフラットカラーのように見えてしまいます。あなたのレイヤーとアニメーションタイムラインは、以下の私のものと似ているはずです：

フロントライティングレイヤーに使用したのと同じ色を選択し、フォルダー「2」内の同じレイヤーを選択します。選択した色の色相を好きな方向にわずかに変更し、ページ上のどこでも塗りつぶしツールを使用してフロントライティングの色を変更します（警告：レイヤーのマスク上ではないことを確認してください）。以降のすべてのフォルダーでこのプロセスを繰り返し、毎回色を少しずつ変更します。アニメーションを再生して、シーンのライティングが色を変える様子を見てください！

バックライトレイヤーにも同じことを行うことができますが、キャラクターから焦点をそらさないように、変更をより微妙にするか、少なくとも異なるものにすることをお勧めします。後で改善を試みるかもしれませんが、以下の画像のような完全なカオスを避けるために、バックライトはそのままにしておくことにしました：

うわー！まぶしい...どこを見ればいいんだ！？誰か頭痛がする人いる？

もしよろしければ、セル間の差をより劇的にすることで色の変化の速さを変えたり、セルを追加してより滑らかに見せたり、他の描画モードをいじったりすることもできます。また、色の彩度や明るさを変更して、薄暗くしたり、明るく点滅させたり、炎のようなライティングを作成したりするなど、さまざまな効果を生み出すこともできます。以下の電球の例でわかるように、ここで説明したテクニックはさまざまな方法で利用できるので、他にどのように応用できるか試してみてください。

ご質問があれば、遠慮なくお尋ねください (^v^)

楽しんでください！