YouTubeビデオチュートリアル

複数の特性を持つプロファイルアイコン（PFP）を作成する方法

4,871

babeoded

序章

こんにちは！私の名前はHiraKarmachelaa.k.aBABEODEDです。この投稿では、Clip Studio Paintを使用して、複数の特性を持つプロファイルアイコン/画像を作成した経験を共有します。この記事を読んでいる皆さんは、プロフィールアイコンの現在の傾向をよく知っていると思います。この投稿では、複数の特性のプロファイルアイコンを作成する方法を説明します。これにより、技術的には、単一のプロジェクトからプロファイルアイコンのさまざまなバリエーションを作成できます。

この投稿が、CSPを使用して複数の特性を持つプロファイルアイコンを作成することを探している人にとって興味深いヒントになることを願っています。

プロフィールアイコン/写真について

プロファイルアイコンまたはプロファイル画像（PFP）とも呼ばれ、技術的にはさまざまなソーシャルメディアプラットフォームで補完的な視覚的アイデンティティとして使用されます。使用する画像は、必ずしも写真からの自画像である必要はありませんが、アカウントユーザーからの表現や画像を表示するシュールなスタイルまたは漫画のスタイルの図のイラストの形式にすることができます。

最近、プロフィールアイコンまたはPFPがネチズンに非常に人気があります。特にソーシャルメディアの使用における技術開発により、このプロファイルアイコンは、他のユーザーとの対話を引き付けるための最初のアイデンティティになりました。実際、プロフィールアイコンは、多くのソーシャルメディアユーザーによって取引および収集される別個の市場になっています。

＃1プロファイルアイコンの特性の概念を理解する

プロファイルアイコンの特性は、画像内の文字によって使用されるさまざまな属性を指します。技術的には、図面内の図の細部は、別々のレイヤーに作成されている限り、プロパティと見なすことができます。したがって、概念的には、この特性を使用して他のさまざまなプロパティと組み合わせて、さまざまな図の外観を作成できます。

プロファイルアイコンの特徴は、さまざまな背景色、さまざまな頭の形、髪の色、さまざまな種類の服など、私たちの作品に応じてさまざまな形にすることができます。

＃2アイデアの開発

ソーシャルメディアの人気のあるアカウントを通して見ることができるプロフィールアイコンのデザインについては、多くの興味深い参考資料があります。しかしもちろん、あなた自身のアイデアを開発し、それらを通して自分自身を表現することが最善です。

技術的には、プロフィールアイコンは人物の肖像画を表示します。したがって、作成する図の表現を表示できるようにすることを強くお勧めします。このニーズに最も適したショットのタイプは、フィギュアの胸の上部に頭を表示するクローズアップまたはミディアムショットです。ソーシャルメディアプラットフォームでは、プロフィールアイコンが非常に小さいサイズで表示されることを覚えておくことが重要です。だから、ミニマリストでありながら魅力的なアイデアを考えてみてください。

考慮すべきもう一つのことは、図の視点です。正面図で図を表示するために最も一般的です。しかし、側面図、4分の3の図、さらには背面図を表示することで、別の魅力を考えることができます。

その後、使用するイラストスタイルを決定します。リアル、シュール、漫画、またはピクセルアートのイラストスタイルを使用できます。

＃3ドキュメントとレイアウトの設定

面倒なことはせずに、CSPを開いてプロファイルアイコンの作成を始めましょう。 [ファイル]メニュー>[新規]に移動します。

新しいウィンドウが表示されます。プロファイルアイコンにはボックス形状の寸法が必要なため、幅と高さをカスタムに設定します。一部のソーシャルメディアプラットフォームでは、アップロードされた画像がストレージに応じて再調整される場合でも、サイズを大きくする必要はありません。そのためには、幅に1080px、高さに1080pxの寸法を使用することをお勧めします。

解像度については、デジタルニーズのみの画像を作成しているため、72dpiに設定してください。ただし、印刷が必要な場合は、より高い解像度を検討できます。

キャンバスの準備ができたら、グリッドを設定して、作成するフィギュアのレイアウトを決定します。 [表示]メニュー>[グリッド]に移動します。

架空のグリッドまたは線がキャンバスに表示されます。行が多すぎるため、非常に迷惑に見えます。心配しないでください。[表示]メニュー>[グリッド/ルーラーバーの設定]に移動して、グリッドの数を調整できます。

新しいウィンドウが表示されます。グリッド/ルーラーバーの始点を中央に設定します。次に、グリッド間のギャップを1000pxに設定し、分割数を5に設定します。[OK]をクリックして確認します。

完全。このセッションで準備する必要があるもう1つのことは、このプロフィールアイコンがソーシャルメディアに投稿されたときのイラストとしての架空の円です。ほとんどのソーシャルメディアプラットフォームは、プロフィールアイコンを円の形で表示するため、最初から考慮しないと、一部の部分が切り取られる可能性があります。

レイヤーパネルで「紙」レイヤーを選択します。次に、「ルーラー」ツールを選択し、「フィギュアルーラー」サブツールを選択します。

ツールのプロパティパネルで、図のセクションで円の形状を選択し、[アスペクトタイプ]オプションをオンにして、ユニットのピクセルを選択します。下部で、仮想円の寸法を1080x1080に設定します。

キャンバスに配置する前に、円が真ん中にくるように設定します。これを行うには、ツールプロパティの右下隅にある設定アイコンをクリックします。

新しいウィンドウが表示されます。 [形状]操作セクションを選択し、[中心から開始]オプションをオンにします。設定ウィンドウを閉じます。

次に、架空の円をキャンバスに配置します。ポインタをグリッドの中心に向けてから左クリックします。架空の円が紫色のストロークで表示されます。この円は実際には存在せず、単なるガイドであるため、最後に削除する必要はありません。

＃43Dマテリアルを参照として使用する

このセッションはオプションですが、図の視点描写に精通している、または初めての方には、引き続き非常に役立ちます。正面図、側面図、またはその他のビューから適切な図形の比率を描画する方法についてまだ混乱している方は、3Dマテリアルを参照として使用できます。

[ウィンドウ]メニュー>[マテリアル]>[マテリアル[3D]]に移動する練習をしてください。

[マテリアル]パネルが画面の右側に展開されます。 [体型]を選択し、使用可能な3D図面図アセットを選択して押し続けます。万が一、このアセットがCSPで利用できない場合は、最初にダウンロードする必要があります。利用可能な場合は、キャンバスに配置するだけです。

キャンバスをブロックしないように、[マテリアル]パネルを折りたたんでください。 3Dアセットは、全身の状態でキャンバスに表示されます。ニーズに合うように調整できます。

図の下部にあるプリセット角度アイコンを選択します。新しいウィンドウが表示されます。使用可能な角度を選択すると、選択した角度に応じて図がすぐにキャンバスに表示されます。

設定したプロファイルアイコンの概念に応じて、正面図、左側面図または右側面図、4分の3の図、さらには背面図を選択できます。

適切な角度を選択したら、プロファイルアイコンのニーズに合わせて図を再配置することを強くお勧めします。

髪の毛や帽子を自由にデザインできるように、頭のてっぺんにスペースを空けてください。左右にスペースを残すことも重要です。「Paper」レイヤーを選択すると、図が円の枠内に表示されたときに残っているスペースが表示されます。

この3Dアセットの設定が完了したら、レイヤーパネルでマテリアルレイヤーを選択します。次に、レイヤーの不透明度を50％に設定して、このレイヤーを描画の参照として快適に使用できるようにします。

＃5特性をレイヤーとして整理する

図形を描き始める前に、まずレイヤーシステムを使用して特性の必要性を整理する必要があります。設計したのと同じ数の特性を持つレイヤーフォルダーを作成し、特性名に従って各フォルダーに名前を付けます。たとえば、Background、Skin、Clothes、Head、Specialという名前の特性をいくつか設計しました。

[レイヤー]メニュー>[新しいレイヤーフォルダー]に移動します。レイヤーパネルにフォルダーが表示されます。このフォルダは、新しいレイヤーまたは既存のレイヤーで埋めることができます。

レイヤーフォルダ「フォルダ1」を選択してレイヤーフォルダの名前を変更し、[レイヤー]メニュー>[レイヤー設定]>[レイヤー名の変更]に移動します。

新しいウィンドウが表示されます。レイヤーフォルダの特性名を入力します。「Background」レイヤーフォルダを作成する例を示しました。

多くのレイヤーフォルダーと多くのレイヤーが含まれるため、視覚的に整理しやすくするために、レイヤーフォルダーごとに異なる色のカラーパレットを使用することをお勧めします。この方法は非常に簡単で、レイヤーパネルのカラーパレットボタンで色を選択するだけです。

これは、プロファイルアイコン用に設計した各特性を表すレイヤーフォルダーのリストです。レイヤーフォルダを順番に視覚的に並べ替えることが重要です。キャンバスの最後の画像は最下層（背景層など）に配置され、キャンバスの前面の画像は最上層に配置されます。

＃6図の特性を描く

次のプロセスは、図の描画です。このプロセスは、技術的、スタイル的、および手続き的に、さまざまな方法で実行できます。ただし、原則として、所定の特性の分布に応じて部分的に図を作成しています。

まず、レイヤーフォルダの外側にある「レイヤー1」で作成するフィギュアの全体的な外観をスケッチすることができます。鉛筆またはペンツールを使用してスケッチを作成できます。その下のレイヤーにある3Dアセットを参照として使用します。

次に、各レイヤーフォルダーに新しいレイヤーを作成して、特性を変更できます。フォルダに新しいレイヤーを作成するのはとても簡単です。レイヤーフォルダを選択し、[レイヤー]メニュー>[新しいレイヤー]>[ラスターレイヤー]に移動します。

新しいウィンドウが表示されます。特性の属性名を入力します。

たとえば、「背景」レイヤーには、単色またはカラーグラデーションのみが含まれます。その機能は、プロファイルアイコンの背景としてのみ機能します。この投稿では、属性名がTimberwolf、Sunset Orange、Sunglow、Sky Blue、ScreaminGreenの単色を使用してこの特性の5つのバリエーションを作成しました。

その上に、服を着ていない状態で、首から胸の上部までフィギュアの体を含む「スキン」レイヤーを作成しました。この特性のために、私は3つのバリエーションのみを作成しました。属性名は、Froggie、Beast、およびHumanです。

その上の次のレイヤーでは、フィギュアのボディを覆う服のバリエーションである「服」レイヤーを作成しました。この特性のために、次の属性名で3つのバリエーションを作成しました：水着、光沢のあるジャケット、および黒のスーツ。

その上の次のレイヤーでは、フィギュアの頭となるオブジェクトのバリエーションである「ヘッド」レイヤーを作成しました。コンセプト的には、フィギュアのボディから切り離しました。この特性のために、次の属性名で5つのバリエーションを作成しました：Big Mouth、Porthole、Coconut、Drawing Board、およびHollowFace。

最上層には、フィギュアの外観や表現を飾るアクセサリーや装飾品であるオブジェクトを含む「特別な」レイヤーを作成しました。この特性のために、私は次の属性名で4つのバリエーションを作成しました：触手手、砂手、ボクセル手、およびアイドル手。

これが、複数の特性を持つプロファイルアイコンを作成する際の例として作成したすべてのレイヤー配置です。もちろん、必要なコンセプトに応じて、レイヤー/トレイトと各トレイトの属性バリエーションを自由に追加できます。次に、各特性/レイヤーの各属性を組み合わせて、さまざまな可能なプロファイルアイコンを生成できます。

＃7プロファイルアイコンの生成とエクスポート

いよいよ待望のセッションになります。すべてのトレイトがレイヤーシステムでこのように作成および配置されたら、各トレイトを組み合わせて、さまざまなプロファイルアイコンに生成することができます。

それは非常に簡単です。残りの特性レイヤーを表示および非表示にする必要があるのは、特性レイヤーを表示することだけです。ある特性属性を別の特性属性と組み合わせる実験を試みてください。

特性の興味深い組み合わせを生成したら、それらをプロファイルアイコンにエクスポートする準備が整います。私はそれをPNG形式で保存することをお勧めします。これにより、デジタルニーズや小さなデータサイズのWeb出版物に適した画像を保存できます。 [ファイル]メニュー>[エクスポート（単一レイヤー）]>[PNG]に移動します。

保存ウィンドウが表示されます。ストレージディレクトリを選択し、ファイル名を入力します。

ファイルを保存する前に、設定ウィンドウが最初に表示されます。ここで、ファイルストレージ要件を設定できます。今のところ、デフォルトで設定を保持します。次に、[OK]をクリックします。

プロファイルアイコンがソーシャルメディアプラットフォームにインストールされている場合にのみ、比較のためにファイルを小さいサイズで保存することもできます。ファイルストレージ設定ウィンドウが表示されたとき。画像の縮尺比を必要なサイズに変更します。たとえば、以下では、画像の縮尺比を1080px x 1080pxから5％に変更して、保存する画像が54pxx54pxになるようにします。