こんにちは！メグミです。配信を始めて以来、エモートに関するヒントをよく聞かれるので、チュートリアルにしてみようと思いました！このチュートリアルは、もう少し詳しい内容のビデオチュートリアルとしても提供されています。

 

 

新規ドキュメント

A4サイズで解像度300 dpiの新規ドキュメントを作成します。個人的には、白よりもグレーの用紙色の方が、色の評価がしやすいので好みです。

ボックスはいかが？

図形ツールの長方形で、空のレイヤーに正方形を描画します。Shiftキーを押しながら操作すると、縦横比が維持されます。

正方形をコピーする方法は2つあります。

1: 選択ツールで正方形を選択し、選択メニューの「コピー＆ペースト」を使用します。次に、「レイヤー移動」ツールを選択し、Shiftキーを押しながら新しい正方形を右に移動します。Shiftキーを押すと、元の位置との位置合わせが維持されます。

2. コピーしたいレイヤーを選択していることを確認し、「レイヤー移動」ツールを選択します。この状態でレイヤーをクリックしてドラッグすると、CSPはレイヤー全体の複製を作成します。コピーを「掴んだ」ら、Altキーを離し、Shiftキーで向きを再度オンにできます。この方法で6つの正方形を作成し、レイヤーウィンドウのレイヤーリストのすぐ上にある「下のレイヤーと結合」でレイヤーを結合します。

誤って描画したり、他の方法で影響を与えたりしないように、小さな南京錠アイコンでレイヤーをロックしてください。これ以上このレイヤーを操作する必要はありません。

スケッチ

新しいレイヤーを作成し、「スケッチ」などの名前を付けます。スケッチには、CSPの標準ブラシの1つである「薄い鉛筆」を使用します。また、シルエットに集中しやすくするために、この段階では黒で描画するのが好きです。

もしテンプレートがない場合は、最初のフィールドにキャラクターをスケッチして、後でそれに合わせて作業できるようにします。正確に描けば描くほど、その上に構築するエモートの基礎がしっかりします。ここでデザインに関するいくつかのヒントを挙げます。

 

1. キャラクターを、それが何であるかとして見てください。つまり、コミュニケーションツールです。伝えたいのは感情です！そのため、表現に必要なものをキャラクターに与え、不要なものは省いてください。不要な要素は、小さな解像度ではエモートを認識しにくくします。

2. エモートが小さくなるほど、表現はより明確である必要があります。そのためにはもちろん顔の表情が重要ですが、手などの末端部分だけでなく、シルエットも重要です。角ばったギザギザの形は緊張感を伝え、丸い形は暖かさや快適さを伝えます。動物の耳を持つキャラクターは、耳の形からも多くのことを語ります！

3. 表現のために、古典的なプロポーションから外れることを恐れないでください。伝えたいことをうまく伝えるためには、時には誇張することも必要です。

スケッチが完成したら、レイヤーにレイヤーカラーを設定し、レイヤーを「乗算」モードにして不透明度を約30%に設定します。これにより、スケッチが背景に美しく表示され、他のものと混同しないように色で区別され、乗算によってどのような用紙色でもよく見えるようになります。

クリーンアップと着色

クリーンアップには多くのテクニックがあり、別の機会に詳しく説明したいと思います。ここでは、このブラシのわずかに柔らかいエッジがとても好きなので、単純に「薄い鉛筆」を100%黒、硬度5で再度使用します。スケッチレイヤーの上に新しいレイヤーを追加し、例えば「線画」と名付けます。

線画についてはそれほど厳密にはしません。結局、最終的にはそれほどよく見えないからです。ただし、あまり近づきすぎないように注意してください。そうすると、線が細くなりがちです！全体像を把握してください。線は領域を互いに分離し、それによって最終的に表現を構成する形状も分離します。あるいは、それに並行して、色の領域間で十分なコントラストを持たせることも重要です。クリーンアップが完了したら、スケッチレイヤーを非表示にし、「線画」の下に別のレイヤーを作成して「色」と名付けます。

着色には再びいくつかの方法があります。まず重要なのは、すべての領域を完全に覆うことです。そのため、ここでは描画ペンと同じブラシタブにあるマーカーを使用します。

あるいは、塗りつぶしツールで閉じた領域を塗りつぶすこともできます。線画が同じレイヤーになくても大丈夫です！すごいでしょう？その場合は「他レイヤーを参照」バケツを選択します。空きのある縁ができないように、塗りつぶし領域が数ピクセル拡張されるように設定する必要があるかもしれません。

あまり複雑にせずにさらにいくつかの陰影を追加するには、ワンクリックで透明ピクセルをロックできます。これで、境界線の外に描画することはできなくなります。お好みのブラシ、もしかしたらエアブラシを選んで、満足するまでカラーレイヤーをデコレーションします。ここでは非常にシンプルにして、色の影と少しのハイライトだけを設定します。

使用可能な形式にする

ここからは、Twitchで必要とされるエモートに多かれ少なかれ特化した内容になります。プラットフォームによって、エモートに必要なまたは許可されるサイズ、そして一部のフォーマットも異なります。必要な情報を確認し、それらの仕様に従って新規ドキュメントを作成してください。Twitchでは、112x112、56x56、28x28ピクセルが要求されます。したがって、私は112x112ピクセルのファイルを作成します。

以前のドキュメントからすべてを引き継ぐには、ここでも2つの方法があります。1つ目は、線画レイヤーとカラーレイヤーを直接結合し、エモートをそのままコピーする方法です。これはもちろん「非破壊的」ではありません。レイヤーが結合されてしまうため、変更が簡単ではなくなります。別の方法として、選択ツールでエモートの領域を選択し、レイヤーウィンドウで両方のレイヤーを選択します。この状態でコピーすると、両方のレイヤーの内容がコピーされ、新しいドキュメントにも2つのレイヤーとして挿入されます。

次に、エモートのサイズを調整するだけです。レイヤーが分離されている場合は、両方を選択して同時に縮小するように注意してください。「用紙」レイヤーの前の目のアイコンをクリックすると、背景が非表示になります。透過性を保持するために、結果を.pngとして保存します。完成です！