アバタークリエーターとは？
顔のパーツを組み合わせてカートゥーン風プロフィール画像をデザインできる楽しいアバタービルダーです。様々な顔の形、ヘアスタイル、目、鼻、口、アクセサリーから選んでユニークなアバターを作成し、PNGとしてダウンロードできます。
5 種類の顔型、10 色 × 6 種類の髪型、10 色 × 5 種類の目、6 種類のひげ(口ひげ・あごひげ・フルビアード)、6 種類のアクセサリ(眼鏡、帽子、ニット帽、ピアス)、10 色 × 4 種類の服(T シャツ、パーカー、スーツ)、すべての操作に対応した元に戻す/やり直し、リセットボタン、そしてワンクリックで全パーツをシャッフルするランダム生成ボタンが揃っています。128・256・512 ピクセルの PNG として書き出すことも、クリップボードへ直接コピーすることも、完全に編集できる SVG として保存することもできます。背景は任意で透明にでき、フォーラムのアイコン、Slack、メール署名にそのまま使えます。
使い方
- 顔の形と肌のトーンを選択し、ヘアスタイルと髪の色をカスタマイズします。
- 目・目の色・眉・鼻・口を好みのスタイルから選んで顔立ちを仕上げ、必要なら口ひげやあごひげも加えます。さらに眼鏡や帽子などのアクセサリを重ね、服とその色を選ぶと、首から下が消えた頭だけのイラストではなく、しっかりプロフィール写真らしいアバターになります。
- 背景色を選ぶか透明のままにして、アバターを PNG(128・256・512 ピクセルから選択)または完全編集できる SVG としてダウンロードします。クリップボードへ直接コピーしてチャットに貼り付けることもできます。元に戻す/やり直しはいつでも使えるので、変更を一手ずつ振り返ることができます。
使用するタイミング
- 実写を使わずGitHubやSlack、フォーラム用にプロフィール画像を新調する。
- Notionのチームページや会社の「About」セクションに、テイストの揃った人物アイコンを並べる。
- サインアップ画面やアプリのモックを作る際、仮のユーザーアバターをまとめて用意する。
結果
GitHub プロフィール用にアバターを作る開発者が、短いカーリーヘア、丸眼鏡、優しい笑顔、ネイビーのパーカー、紫の背景を選び、README には編集可能な SVG を、プロフィール写真には 256 ピクセルの PNG を、それぞれダウンロードします。
よくある質問
- アバターを SVG 形式でダウンロードできますか?
- はい、プレビューの下に PNG と SVG の 2 つのボタンを置いています。SVG はすべての形をスケーラブルなベクター情報のまま保存するので、どんなサイズに拡大しても鮮明で、Figma や Inkscape、ソースコードエディタでそのまま編集できます。画像しか受け付けないプロフィール欄に貼り付けたいときは、128・256・512 ピクセルから選べる PNG が便利です。
- ランダムボタンで実際にどれくらいの種類が作れますか。
- 顔型 5 種、肌の色 6 種、髪型 6 種、髪色 10 種、目 5 種、目の色 10 種、眉 5 種、鼻 5 種、口 5 種、ひげ 6 種、アクセサリ 6 種、服 4 種、服の色 10 種、背景色 10 種を組み合わせると 1600 億通りを超えます——シルエットも目も上半身まで変わるので、ほとんどの結果は見比べてもしっかり違って見えます。
- アバターの設定を保存して後から編集できますか。
- 直接の保存機能はありません。アカウントがないため、ページを離れるとデザインは消えます。リセットボタンを押せば再読み込みせずに初期のアバターへ戻せます。残したいときはコントロールパネルをスクリーンショットするか、PNG を保存しておき、次回それを見ながら組み直してください。
- このアバターは商用利用できますか。
- 問題ありません。アバターはライセンス素材を使わず、自前の幾何学パスから生成しています。書き出したファイルはあなたのもので、個人プロフィールにも、クライアント案件にも、アプリのオンボーディングにも、出典表記なしで使えます。
- 同じ髪型なのに、ハート型の輪郭だと少し違って見えるのはなぜですか。
- 髪型のパスは顔の輪郭に沿うよう調整しているため、宙に浮いたり顎にめり込んだりしません。ダイヤモンド型とハート型はこめかみが狭いので、髪も少し内側に寄ります。これをやらないと、丸顔以外で違和感が出てしまうための設計です。