Web design

webデザイナーがインスタのアイコン(プロフィール画像)を作りました!|イラスト

webデザイナー、インスタグラムのアイコンを作りましたのバナー

こんにちは!shio(@shio_designer)です。

みなさんはSNSのアイコン、どうされていますか?
自分の写真だったり、ペットだったり、似顔絵だったり、その人っぽさが出る部分ですよね^^
アイコンだけ見るのも楽しいですよね。

最近、自分のアイコンがなんだかダサくて恥ずかしくなってきていました。

アイコンがオシャレだとそれだけでフォローしたくなったりしませんか?
最近素敵なアイコンの方を見かけて「いいな〜」と思っていたので、自分のアイコンも変えよう!と思い立ちました。

この記事に、どのように新しいアイコンを作ったのか過程や考えたことなどを残していこうと思います。

昔のアイコン

インスタグラムのアイコン制作の画像

なんか、垢抜けない感じがすごい。。。
今見ると恥ずかしい。笑

アイコン用のイラストを描いてみました

インスタグラムのアイコン制作の画像

最近は線画のイラストが流行っているので、ちょっとそれっぽい感じを目指しました。
そしておしゃれな人のアイコンは花束持ってることが多い・・・
私もお花は大好きなので、持たせました。笑

色を塗ってみたり、お花の部分は素材をダウンロードしたものを組み合わせて作りました。
フラワーアレンジメントしているような感覚になり、楽しかったです。

ちなみに、イラストのデザインはピンタレストで気に入ったイラストを沢山ピンしていって、どういうテイスト・ポーズ・カラーにしようか決めていきました。

制作会社WEBデザイナーが良く使うフリーイラストサイトまとめ11選
制作会社WEBデザイナーが良く使うフリーイラストサイトおすすめ11選【無料/商用可】こんにちは! 今回は制作会社に勤めて毎日webサイトのデザインをしている私が よくお世話になっているフリー(無料)のイラスト素材...

インスタグラムのストーリーでアンケート

こんな感じで、アンケートをとってみました♪
(本来はクイズとして使う機能です・・・)

本当はDまであったのですが、アンケートは4択までしかできないので4つに絞りました。

A・・・赤い実が目立って、アイコンとしては覚えてもらいやすそうで良い。
B・・・こういうドライフラワー個人的に好き。ふんわりした雰囲気も好き。
C・・・オシャレ。色味もまとまっている。
D・・・Cだけでは目立たないのでちょっと赤い実を入れてみた。

私をよく知るフォロワーさんは、

ぽめさん
ぽめさん
A・・・赤い実が目立って良い。→確かに!
B・・・Shioちゃんぽい。
C・・・Shioちゃんぽいけど普通かな〜。
D・・・色が多くてポイントどこかな?

とコメントをくれました!

アンケートの結果!

インスタグラムのアイコン制作の画像

いろんな方に選んでいただけて、すごく嬉しくなりました!
インスタグラムで使うアイコン、インスタグラマーさんに聞くのが1番ですよね・・・
それに、どれがいいかなぁ〜と悩んで答えてくださった方は、きっと私のアイコンを覚えてくれるのではないかな。。。と思ったり。

勇気を出してアンケートしてみて良かったです^^
(アンケートとかストーリーでやるの、緊張しませんか???私だけかな??笑)

shio
shio
答えてくださった方本当にありがとうございます♡

ちなみに結果はこちら↓

1位・・・D(半数以上!)
2位・・・B/C(同率)
4位・・・A

筆を変えて描いてみる

お花のデザインが絞れたら、あとは詰めていくだけ。

インスタグラムのアイコン制作の画像

右は普通のブラシ(ハート円ブラシ)。
全体的に同じ太さで描けます。

左はハート円ブラシの筆圧サイズというブラシを使ったので、ペンタブで描くと筆圧に合わせて太さも変化します。

くっきりした方がアイコン的にはいいのかな〜と思ったのですが、左の優しい雰囲気が個人的に気に入ってしまって、左に決定しました✨

shio
shio
自分のアイコンなので好きなように決められて嬉しい♪
クライアントは自分

背景を決める

白でもいいかな〜とも思ったのですが、先日すぴかさんのセミナーで「白は何もしていない状態」ということをおっしゃっていたのを思い出し、背景を入れることにしました。

SNSのアイコンは基本小さく表示されるので、背景がついていた方が誰のアイコンなのか分かりやすいですよね^^

インスタグラムのアイコン制作の画像

背景は悩み出したらキリがないと思い、あえて2パターンしか作りませんでした。
右の方が明るい雰囲気で、水彩の模様なのでデザイナーっぽいかなぁ・・・と思い右に決定!

個人的には左の色合いの方が好きです。
TPOに合わせて背景は変えればいいかなと思い、インスタのアイコンは右にしました。

shio
shio
ブログでのアイコンは記事を目立たせたいので白にしてスッキリするようにしました!

すぴかさんのセミナーのメモ↓

【webデザインの勉強】すぴかあやかさんのセミナーに参加しましたの画像
【webデザインの勉強】デザイナーすぴかあやかさんのセミナーに参加しましたtwitterを見ていたら、フォーローしているすぴかあやかさんがデザインの講演をするという情報が流れてきて、これはデザイナーさんからデザ...

無事にアイコン決定しました!

インスタグラムのアイコン制作の画像

アイコン制作期間は約4時間!3日間で決定しました↓

  • 【1日目】イラストのデザイン考え、下書き作成・・・1時間
  • 【2日目】イラストのパターン・・・2時間
  • 【3日目】ブラシ・背景決定・・・1時間

アイコン作り(イラスト制作)で使用したアイテム

私はこちらのペンタブを使って描きました♪
ペンタブは持っておくと便利です!
タブレットほど高価でないので手に入れやすいです。

ちょっとした素材も自分で作れちゃいます✭

口コミを調べて、安さ重視で選びました。
使いやすいし、けっこう使っているので、買って良かったです^^

終わりに

イラストレーターさんに似顔絵を描いてもらおうかとも迷いまいましたが、自分で書くことで、いろんなイラストに出会えたり、たくさん悩んだり、インスタ内での交流ができたり、と良い経験ができました!

上手なイラストではないけれど、思入れのあるアイコンができたと思っています。
今はそれなりに気に入ってます。笑

アイコン(イラスト)制作も、webデザイナーの仕事と通ずる部分が沢山あることも発見できました。

みなさんもアイコン変えようかな〜と思ったら、まずは自分で作ってみてはどうでしょうか?
いい経験ができると思いますよ^^

shio
shio
昔のアイコンとの差が・・・もう昔のアイコンには戻りたくないです。恥

インスタの方も遊びに来てくださいね^^
@shio_designer

では、また🐰

webデザイナー|Canva公式クリエイター
shio
webデザイナーshioのアイコン
*月7000人が読んでるデザインブログ運営 *ナチュラルな婚姻届を心を込めて制作 webデザイナーを目指したい方向けに、 【勉強方法|転職活動|ポートフォリオ制作|制作会社で働いてからのこと|webサイト制作 etc... 】について発信しています。 このブログとともにwebデザイナーとして成長していきます!
\ Follow me /
webデザイナーの就職活動で使うポートフォリオのバナー