新しいアバターをデザインするにあたって、まずはBehanceプロフィールを作成し、ご自身の創作物を展示することができるコミュニティに参加してください。ここでは、Adobe Photoshopでべた塗り、グラデーション、テクスチャブラシを使って、オンラインのプロフィール画像に芸術的なタッチを加える方法を説明します。

イラストレーター兼デザイナーのKathleen Martinです。進化し続ける便利なツールキットを駆使してデジタル世界を旅しながら、クリエイティビティを大胆に追求し続けています。 また、Adobe LiveでBehanceのホストも務めています。

始める前に
Behance.netに移動し、ご自身のAdobe IDでログインするか、新しいアカウントを新規登録します。詳しくは、Behanceにサインアップする方法のガイドをご覧ください。Creative Cloudライブラリにブラシをご用意しました。どうぞお使いください。

ステップ1:セルフィーを撮る
シンプルな背景で、何パターンか向きを変えて撮影します。横顔の写真は、正面像よりも関心を引くシルエットになるようです。

撮影したセルフィーをPhotoshopで開き、カラーを調整します。白黒調整レイヤーを適用し、プリセットをいくつか試してから、グリーンフィルターを設定します。調整レイヤーを右クリックして「クリッピングマスクを作成」を選択すると、Avatarレイヤーにのみグレースケールが適用されます。この方法で、色鮮やかな背景を設定することもできます。

ステップ2:人物を分離する
背景から人物を切り抜くには、Avatarレイヤーを選択し、オブジェクト選択ツールを選んでから、オプションバーの「被写体を選択」をクリックします。髪の毛先が細かく分かれていて完全には選択できない場合は、「選択とマスク」をクリックすると、選択範囲を修正できるワークスペースが開きます。

ステップ3:微細な部分を選択する
「選択とマスク」ワークスペースで、境界線調整ブラシを使って頭髪や他の細かな部分の端をなぞります。なぞり終えたら、出力設定で「レイヤーマスク」を選択し、「OK」をクリックします。これでアバターの背景が空になります。

ステップ4:背景をつくる
様々な背景色を試してみましょう。Avatarレイヤーの選択を解除してからべた塗り調整レイヤーを追加して、色を選択し、「OK」をクリックします。単一色でキャンバスが塗りつぶされて人物が隠れてしまっても大丈夫です。修正するには、レイヤーパネルでべた塗りレイヤーをAvatarの下にドラッグします。今回はチャコールグレーを選びましたが、べた塗りレイヤーのカラースウォッチをダブルクリックして色を選択することもできます。

ステップ5:グラデーションの魔法をかける
グラデーションを使って、魅力的な効果を出してみましょう。べた塗りレイヤーを選択し、グラデーション調整レイヤーを追加します。グラデーションプレビューの横にある矢印をクリックし、いくつかあるカテゴリからオプションを探します。使用するオプションが見つかったら、「OK」をクリックします。今回はレッドフォルダーの中から選択して、好みの効果が得られるようにグラデーションの角度を調整しました。

ステップ6:グラデーションのアウトラインを作成する
カラフルなアウトラインを作成するには、まずレイヤーマスクをグラデーション塗りつぶしレイヤーにコピーします。Altキー(Windowsの場合)またはOptionキー(macOSの場合)を押しながら、Avatarレイヤーのレイヤーマスクをグラデーション塗りつぶしレイヤーにドラッグして、ダイアログが表示されたら「はい」をクリックします。すると、人物の後ろにかすかな赤みが見えるようになります。

ステップ7:色鮮やかな影を移動する
移動ツールを選択し、グラデーションを左にドラッグします。サイズを大きくするには、左上のハンドルをドラッグします。あごの下にグラデーションが少し見えている場合があります。これを隠すには、レイヤーパネルでレイヤーマスクをクリックし、ブラシツールを選択して描画色を黒に変更して、あごをブラシでなぞります。

ステップ8:別のテクスチャでブラシをかける
Behanceのプロフィールに使う新しいアバターができました。そのままでも使えますし、鮮やかな装飾を施してもいいでしょう。例えば、別のブラシで異なるテクスチャを付け加える方法があります。

その場合は、ブラシツールを選択し、テクスチャブラシを選びます。このチュートリアルの冒頭でご紹介した無料ブラシをお使いください(ライブラリに追加すると、ウィンドウ/CC ライブラリから利用できます)。ドライメディアブラシグループから選択してもかまいません。その場合は、画面上部のブラシツールの横にあるドロップダウンメニューをクリックするだけです。オプションバーで流量を下げると、テクスチャを強調することができます。それからレイヤーマスクを選択し、描画色を白に変更して、グラデーションを見せたい部分をブラシでなぞります。

他のブラシにも興味がありますか?イラストレーター、デザイナーのKyle T. Webster氏は、Adobe IDでログインすると無料で使用できる数多くのブラシを作成しています。ブラシパックをダウンロードしてから、ブラシパネルのフライアウトメニューで「ブラシを読み込む」を選択します。

アバターを公開する
背景色、グラデーション、ブラシを替えて試してみましょう。アバターを仕上げてアップロードする準備ができたら、PNG形式にエクスポートして(ファイル/書き出し/書き出し形式)、Behanceプロフィールにアップロードします。Behanceヘルプページにサポート情報があります。