2分
アイコン配色ガイド：主役、補助、アクセントの3色
3つの色の役割を決め、同じアイコンの配色を変える前と後で比べます。
読む →スクエアフェイスアイコンメーカー・アバターエディター
ネイティブなHTML5 Canvasエディターでスクエアフェイスアイコンを作成。顔、髪、パーツ、背景を選び、プレビューを確認して256pxまたは512pxのPNGをダウンロードできます。このページではFlashやRuffleを使いません。
HTML5 Canvasエディター
サイト内のFlash・Ruffleツールとは別のエディターです。
ライブプレビュー
コントロールを変更すると、256 x 256のCanvasが更新されます。
カスタマイズできます
エディターのヒント
- 顔を目立たせたいときは、シンプルな背景を使います。
- 新しい組み合わせを試すときは、ランダムを使います。
- ダウンロード前に表示サイズでプレビューを確認します。
アイコンをカスタマイズ
顔の形
肌の色
髪
髪型
髪色
目、鼻、口
目
鼻
口
頬
アクセサリー
背景
背景色
背景パターン
HTML5 Canvasでアイコンを作成
このページはネイティブなHTML5 Canvasエディターです。顔の形、肌の色、髪型と髪色、目、鼻、口、頬、アクセサリー、背景色、背景パターンを選べます。
コントロールを変更するとプレビューが更新されます。ランダムを使うと新しい組み合わせが適用されます。PNGをダウンロードすると、現在のCanvasを256pxまたは512pxで出力できます。
エディターでスクエアフェイスアイコンを作り、PNGとして保存できます。このページではFlashやRuffleを使わず、デザインをアップロードしません。
- 顔の形はスクエア、角丸、オーバル
- 髪、目、鼻、口、頬、アクセサリーを調整
- 7色の背景色と4種類の背景パターン
- ランダム機能付きのライブCanvasプレビュー
- 256pxまたは512pxのPNG出力
スクエアフェイスアイコンメーカーを選ぶ理由
ネイティブHTML5 Canvas
このページのCanvasで動くエディターです。保存されたFlash・Ruffleツールとは別の機能です。
ライブプレビュー
オプションを変更すると256 x 256のプレビューが更新されます。
顔とパーツのコントロール
顔の形、肌、髪、目、鼻、口、頬、アクセサリーを選べます。
背景の選択
背景色と、単色、グリッド、斜線、ドットのパターンを選べます。
2種類のPNGサイズ
現在のデザインを256pxまたは512pxでダウンロードできます。
作成できるアイコン
プロフィールアイコン
プロフィール、アバター、個人プロジェクト用のスクエアフェイスアイコンを作成できます。
スタイルの組み合わせ
顔の形、髪、顔のパーツ、アクセサリー、色を組み合わせて試せます。
小さいサイズの確認
ライブプレビューで、顔と背景が一目で見やすいかを確認できます。
PNGとして保存
完成したCanvasデザインを256pxまたは512pxのPNGとしてダウンロードできます。
スクエアフェイスアイコンメーカーの使い方
顔を選ぶ
スクエア、角丸、オーバルから顔の形と肌の色を選びます。
髪とパーツを決める
髪型と髪色を選び、目、鼻、口、頬を設定します。
背景を選ぶ
背景色とパターンを選ぶか、ランダムで新しい組み合わせを試します。
ライブプレビューを確認
256 x 256のCanvasを見て、必要なオプションをもう一度調整します。
PNGをダウンロード
256pxまたは512pxを選び、「PNGをダウンロード」を押します。
よくある質問
Q1. このエディターは何ですか？
スクエアフェイスアイコンを作るネイティブなHTML5 Canvasエディターです。FlashやRuffleのツールではありません。
Q2. 何を変更できますか？
顔の形、肌の色、髪型と髪色、目、鼻、口、頬、アクセサリー、背景色、背景パターンを変更できます。
Q3. 編集中にプレビューは更新されますか？
はい。オプションを選ぶと256 x 256のCanvasが描き直され、ダウンロード前に現在のデザインを確認できます。
Q4. 背景にはどんな選択肢がありますか？
7種類の背景色と、単色、グリッド、斜線、ドットの4種類のパターンがあります。
Q5. どのサイズでダウンロードできますか？
現在のデザインを256pxまたは512pxのPNGでダウンロードできます。512pxのファイルも現在のCanvasから作成されます。
Q6. サイトのFlashやRuffleエディターですか？
いいえ。このページは別のHTML5 Canvasエディターです。保存されたFlash・Ruffleツールは別のページにあります。
Q7. デザインはアップロードされますか？
いいえ。ブラウザ内で描画と出力を行います。アップロード機能やアカウント保存機能はありません。