みなさんこんにちは!おさかなです!
今回は「react-nice-avatar」について、書いていこうと思います!
それでは、レッツゴー!!!!!
・かわいいアバターを作りたい方
・SNSやブログ用のアイコンを探している方
・プロフィールアイコンを自分でカスタマイズしたい方
SNSやブログ用の「アバター」を作りたい!
自分でアバターをカスタマイズできるといいよね…。
それならreact-nice-avatarはどうかな?
なんか良さそう!
「react-nice-avatar」って何?
「react-nice-avatar」とは、かわいいイラストの「アバター」を作成することができるサイトことです。オープンソースなので→GitHubからソースコードを見ることもできます!(いいね!)
実際につかってみよう!
カスタマイズしよう!
それでは早速サイトにアクセスします!
性別
一番上の項目では「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」ボタンを押すと、ランダムで色々なアバターを見ることができるので、ぜひお気に入りのアバターを見つけてみてください!(わーい!)
アバターをカスタマイズして、気分を上げよう!
これで全ての操作は完了です。(やった~!)
お疲れ様でした☕
ここまで読んでくださり、ありがとうございました!