ソーシャルメディアのプロフィールアイコンや写真は、仮想世界でのアカウントの顔であると言っても過言ではありません。プロファイルアイコンのランダムな画像をアップロードすることもできますが、視覚的に魅力的なプロファイルアイコンを作成することをお勧めします。

 

このチュートリアルのビデオバージョンがあります。ぜひチェックしてみてください！

サイズ

ソーシャルメディアプラットフォームは通常、プロフィールアイコンのHD画像を要求しません。高さと幅の両方で、通常は800平方ピクセルで十分ですが、私は最低でも1000を好みます。

 

ソーシャルメディアに投稿するのに十分な大きさのイラストを用意するのが最善だと思います。印刷可能なサイズが理想的ですが。

また、ズームインおよびズームアウトして、アートワークが小さいサイズで見栄えがするかどうかを確認するのが面倒な場合もあります。

 

ナビゲーターが表示されていない場合は画面に表示し、代わりに約100平方ピクセルにサイズ変更します。これで、小さなバージョンをリアルタイムで見ることができます。

ヘッダ

安全のために、アイコンが奇妙な形に切り取られることがあるため、アイコンを正方形にすることをお勧めします。ほとんどの場合、アイコンは円でトリミングされるため、参照として使用します。

 

円を簡単に作成するには、サブツールの図（1）に移動し、楕円（2）を選択します。 Line / Fill（3）は、真ん中のオプションであるCreateLineである必要があります。

アスペクトタイプ（4）を確認し、長さの指定（5）をクリックします。円の直径が何ピクセルになるかを選択できます（6）。これはすばらしいことです。

キャンバスのサイズは1000平方ピクセルなので、幅と高さの両方に1000と入力します。

 

キャンバスの左上隅をクリックします。

完全な円が表示されます。

サークルを作成したら、外側の部分を黒でペイントして、ソーシャルメディアのようにトリミングされたように見せます。

プロフィール写真でテストして、焦点が円の真ん中にあるかどうかを確認します。そうです、あなたは行ってもいいです。

チュートリアルの残りの部分では、円を「クロップテンプレート」と呼びましょう。これは、後のセクションで使用するためです。下に表示されているクロップテンプレートのチートシートがあります。使用したい場合は、下の画像をデバイスに保存してください。

色

ほとんどすべてのプラットフォームには、明るいモードと暗いモードがあります。プロファイルアイコンが黒、灰色、白で見栄えがするかどうかをテストすることをお勧めします。テストするには、前のトリミングテンプレートを使用し、[編集]>[色調補正]>[色相/彩度/明度]で明るさを上げます。

このプロファイルアイコンのコントラストは低くなっています。

コントラストの高いこちらと比較してみてください。

小さいサイズとどのカラーモードでもどちらが良く見えますか？

上の写真では、キャラクターと背景が別々のレイヤーで描かれています。背景の明るさを上げて、シルエットをポップにしました。

 

色を付けるときは、コントラストが高いとアイコンが見やすくなることに注意してください。ある意味で、白黒のアイコンを作成するのは間違いありません。結局のところ、コントラストが最も高いカラーペアは白黒です。

しかし、それはみんなのお茶ではありません。色を使用したい場合は、必要な色に合わせて後で調整してもかまいません。

文字ベースのアイコン

文字ベースのプロファイルアイコンをデザインするときは、アップロードしたときにプロファイルアイコンがぎこちなく切り取られていることに気付くだけで、デザインに満足するかもしれません。

この問題を回避するには、前のセクションの切り抜きテンプレートを使用してください。

アルファベットなどを使用する場合は、可能であればすべての文字を大文字にするのが最適です。漫画本がダイアログに通常の最初の単語の最初の文字だけではなくすべて大文字を使用するのには理由があります。読みやすいです。

文字ベースのアイコンは、どのサイズでも一目で読みやすいものにしたいと考えています。

もちろん、小文字で読みやすいように文字を微調整してスタイルを設定することもできます。それをロゴのようなものに変えます。たとえば、「ビーム」のBを定型化して、他の3文字が読めなくても認識できるようにすることができます。

使用する名前が4文字を超える場合、固有のスペル、または覚えにくい場合は、名前の最初の文字を定型化することを選択できます。名前に複数の単語が含まれている場合も同様です。 Clip Studio、PlayStation、General Electric —ブランドや組織はこれを常に使用しています。

注：それは実際に私が実生活で知っている誰かの名前です。彼の両親は彼に名前を付けるのがあまりにも創造的でした！

 

様式化されたイニシャルはロゴに似ています。イニシャルが読みにくい場合でも、一目で一意で識別できるように、任意の方法で様式化できます。

イニシャルが一般的すぎる場合（TV、WC、ACなど）、または既存のブランド/組織のイニシャルと重複している場合は、別の方法を検討することをお勧めします。

 

たとえば、Wanderwort ChroniclesのイニシャルはWCになりますが、代わりにW-Chroに短縮できます。このように、人々はプロフィールアイコンを見たときに水洗トイレについて考えません。アイコン内のどこかにフルネームを挿入することもできます。

使用したい単語や名前が長く、イニシャルを使用したり短くしたりしたくない場合は、完全に使用できます。しかし、アイコンをYouTubeのような非常に小さな円に変えるソーシャルメディアの場合、アイコンはせいぜい目が疲れ、最悪の場合は読めなくなります。

 

両方のサンプルのフルネームは、サイズを変更すると読みづらくなったり、判読できなくなったりしますが、右側のフルネームは、W-chroが大きいため認識できます。

絵の上の言葉も機能します。単語の色と絵を対比して、単語が読みやすいことを確認します。

画像ベースのアイコン

写真を使用すると、何ができるかについてより多くの余裕があります。ポートレート、アバター、アートの紹介、プロジェクトの宣伝、さらにはステータスの更新のように扱うなど、何でも機能します。

 

他のアートワークと同じように、最初に何を描きたいかを知っておく必要があります。私はより広い領域でスケッチすることを好み、スケッチが終わったら写真をトリミングします。時々、私はすべてを保持し、アップロードするときだけトリミングします。

 

このスケッチのキャンバスは2000*2000です。

選択したクロップテンプレートサイズをコピーして、キャンバスに貼り付けます。焦点が円の1つ、できれば800ピクセル以上の円の内側に収まるかどうかを確認します。この写真の焦点は、ケーキの顔と「誕生日」の部分です。

 

どちらも1500と1000の円にうまく収まるからです。写真をトリミングするのではなく、元のサイズのままにすることにしました。

円を非表示にして、描画を開始します。ラインアートを行う場合は、ラスターではなくベクターレイヤーで作成することを検討してください。ベクトル線の編集に役立つCorrectLine（ホットキーY）というサブツールがあります。

これは、6つの異なるモードでの編集結果のサンプルです。

1.ピンチベクトル線

2.幅を厚く/拡大します。行全体を処理します：オン。

3.幅を狭く/縮小します。行全体を処理します：オン。

4.幅を修正します。行全体を処理します：オン。

5.幅を厚く/拡大します。行全体を処理する：OFF。

6.幅を狭く/縮小します。行全体を処理する：OFF。

 

描画プロセス：

カラーテスト。

3つのカラーモードすべてに問題がないので、完了です。

チップ

プロファイルアイコンのコントラストが低い場合は、2つの方法で修正できます。まず、色が別々のレイヤーに描画されている場合は、手動で色を編集できます。

 

もう1つの方法は、[レイヤー]> [新しい補正レイヤー]に移動し、明るさ/コントラスト、レベル補正、トーンカーブの3つの機能の1つ以上を使用することです。

個別に同様の結果を生成できますが、機能を組み合わせて、目的の結果を得ることができます。以下の写真は、これらの機能を使用して編集されています。

スタイルの商標が低コントラストの色である場合は、プロファイルアイコンをそのままにしておくことができます。アイコンの視認性が低下しても、スタイルを妥協する必要がある場合は何も起こりません。

他の

現在のプロフィールアイコンの作成が完了したときにこのトピックが表示されたのはおかしいです。このチュートリアルで提供されているいくつかのイラストは、私の試みの結果です、ハハ！

 

このチュートリアルがお役に立てば幸いです。読んでくれてありがとう、お絵かきを楽しんでください〜

 

注：このチュートリアルは2回編集されました。まず、切り抜き用の円を作成する簡単な方法を見つけたからです。次に、ビデオリンクを追加し、ナレーションを修正し、写真を更新/追加します。チュートリアルが少し違うのはなぜだろうと誰かが疑問に思っている場合に備えて、私は通知を出しました:)