かわいいイラストの【アバター】作成できちゃうサイト!【react-nice-avatar】とは?

テクノロジー
スポンサーリンク

みなさんこんにちは!おさかなです!

今回は「react-nice-avatar」について、書いていこうと思います!

それでは、レッツゴー!!!!!

想定読者
・かわいいアバターを作りたい方
・SNSやブログ用のアイコンを探している方
・プロフィールアイコンを自分でカスタマイズしたい方

SNSやブログ用の「アバター」を作りたい!

おさかな
おさかな

自分でアバターをカスタマイズできるといいよね…。

ナビまる
ナビまる

それならreact-nice-avatarはどうかな?

おさかな
おさかな

なんか良さそう!

https://osakanav.com/free-vector-icons

「react-nice-avatar」って何?

「react-nice-avatar」とは、かわいいイラストの「アバター」を作成することができるサイトことです。オープンソースなので→GitHubからソースコードを見ることもできます!(いいね!)

https://nice-avatar.chilllab.io/

https://osakanav.com/programming-switch-soft

実際につかってみよう!

カスタマイズしよう!

それでは早速サイトにアクセスします!

性別

一番上の項目では「Man(男性)」「Woman(女性)」性別を選択することができます!(ふむふむ…。)

肌の色(FACE)

FACEからは肌の明るさを選択できます。こちらは「Light(明るめ)」

「Dark(暗め)」にするとこんな感じです!

ちなみにちなみに絵の具マークのある項目では、もっと細かく色を指定することができます!(すごいっ!!)

髪型(HAIR)

「Normal」

「Thick」

「Mohawk」

「Woman Long」

「Woman Short」

目(EYES)

目は「Circle」「Oval」「Smile」の3つから選択できます!(シンプルで可愛い!)

メガネ

メガネを付けることもできて、丸か四角を選択することができます!(おー!)

「None」

「Round」

「Square」

耳(EAR)

耳は「Small」「Big」の2つから選択できます!

鼻(NOSE)

「Short」

「Long」

「Round」

口(MOUTH)

「Laugh」

「Smile」

「Peace」

洋服(SHIRT)

「Hoody」

「Short」

「Polo」

背景(BACKGROUND)

「Circle」

「Rounded」

「Square」

アバターを保存しよう!

それでは保存の準備をしていきましょう!
左側のパラメーターを動かすと、大きさをカスタマイズできるので、最終調整をしましょう!(おー!)

タブを「CASES」切り替えると、実際にSNSのアイコンとして使用したようなプレビューを見ることができます。(すごい!)

いい感じにできたら、「Download」ボタンをクリックします!(ポチっと!)

↓実際に保存した画像はこちら

ちなみに「Random」ボタンを押すと、ランダムで色々なアバターを見ることができるので、ぜひお気に入りのアバターを見つけてみてください!(わーい!)

https://osakanav.com/canva-design

おさかな
おさかな

アバターをカスタマイズして、気分を上げよう!

これで全ての操作は完了です。(やった~!)
お疲れ様でした☕

ここまで読んでくださり、ありがとうございました!

おさかな

文章が書けちゃう、新種のおさかなです。元不登校。紆余曲折あり、現在はフリーライターとして活動中。化粧品検定2級。IT、サブカルチャー、ファッション、コスメ、グルメ、シナリオまで色々書きます。SAOのユウキが好きです!

おさかなをフォローする

タイトルとURLをコピーしました