パッと見てわかるアイコン写真にする方法

白背景だと他の人と似たようなアイコンになってしまう

私はプロフィール写真を撮影しています。

アイコンだけでなく、ご自身のホームぺージや
イベント、セミナー開催の案内などに
プロフィール写真を使うことを考慮すると、
背景を白にすることがほとんどです。

ただ、SNSのアイコンは写真自体が
小さいこともあり、
パッと見ただけでは
どなたも同じようなアイコンに
なってしまうなあ、
何か良い方法はないかなあ、と
考え、背景に色を加えてみました。

写真は横浜でファイナンシャルプランナーをされている二木まどかさん。
私が撮影したプロフィール写真の背景を
まどかさんのイメージカラーであるピンク色に変えてみました。
二木まどかさんのインスタグラム　https://www.instagram.com/nikimado_fp  

アイコンにすると、こんな感じ。↑↑↑

アイコンの「顔の部分」だけで判別するより、
背景の色も含めてアイコン全体で
判別してもらえるので、
パッと見てわかりやすくなったと思いますが
いかがでしょうか？

背景に色を加えるときのコツ

背景に色を加えることは
CanvaやPhotoshopできます。
ここでは、Canvaで作成するときの
コツをお伝えします。

AとB、どちらがお好みですか？
アイコンは小さいから、
BでもOK、という方は
①元の写真の背景を削除し、
②背景用のレイヤーに色をつければ完了です。
レイヤーは2枚。

A：ピンクの背景になじんだ自然な画像
B：背景だけに色をつけた不自然な画像

背景になじむ色の入れ方

写真Aのように、
背景になじむように色を入れたい場合は
3枚のレイヤーを重ねます。
③元の写真、背景を削除
④写真と同じ大きさの四角をピンク色にする
➄元の写真を複製 、シャドウを暗く（マイナスに）する
最後に➄の影が出るくらいに④のピンクの色と透明度を調整する

元の写真の背景に影が全く無い場合
背景を削除した①の写真にシャドウを
つける方法もありますが、
Canvaでは細かい設定ができないので、
Photoshopのほうが
キレイに仕上がると思います。