![見出し画像](https://assets.st-note.com/production/uploads/images/62181719/rectangle_large_type_2_23481f60f38962e02e395baf1cbf410d.png?width=1200)
アイコン制作/ヒゲめがねさん
ご縁がありまして、このたびヒゲめがねさんのアイコンリニューアルを担当させていただきました。ヒゲめがねさんの許可をいただいたので、今回はアイコン制作の舞台裏を書いてみたいと思います。
1.要望の整理
まずはヒアリング。
今回は既存アイコンのリニューアル。長い間使われていて既に認知度の高いアイコンのため印象は維持しつつ、もう少し「やわらかい」印象に変えたいというのがご要望でした。
【要望】
1. 印象はそのまま維持
2. やわらかいイメージに(フェルトペン風)
2.初稿
まずは元アイコンを精度を変えてトレースし、ラフ具合の確認からはじめました。選ばれたのは真ん中の案。
下段はゼロから似せて描いてみたものの雰囲気が離れてボツにした案。チャーリーブラウンはリファレンスとしてヒゲめがねさんから提示されたもの。タッチの練習の名残です。
![画像1](https://assets.st-note.com/production/uploads/images/30114106/picture_pc_98c01d1eb389f46e71bfb594068837ed.png?width=1200)
3.ブラッシュアップ
初稿を気に入っていただけたので、これを原型にしてバランスをとっていきます。
Illustratorでライブトレース処理し、ベクターデータで全体のバランスやメガネの形、前髪などを調整していきます。
![画像2](https://assets.st-note.com/production/uploads/images/30114113/picture_pc_a2c7dd1c3d958ecf339ad2951e2559d4.png?width=1200)
モックアップを作成し、アイコンの雰囲気が維持できているかも確認。
「パッと見」の印象は変えず、気付く人は「変わった…?」となるくらいのラインを目指しました。
![画像3](https://assets.st-note.com/production/uploads/images/30114120/picture_pc_cc39b0908b781bca932585af11f2fc51.png?width=1200)
完成
![画像4](https://assets.st-note.com/production/uploads/images/30114191/picture_pc_c6f715f799e8be79d58b672fa64955c1.png?width=1200)
そうして完成したのがこちら。
フェルトペン的な表現として髪の毛に塗り残しを作っていましたが、縮小すると潰れてしまうのと、名刺などに使った場合に印刷ムラが出る可能性を考慮してベタ塗りに変更しました。
+ + +
今回はオンラインでのやりとりだったので、意図や過程を随時資料化して共有しました。(この記事の画像は提案資料のスクショ)
工程と変遷を残しておくことで「確認→承認」がよりスムーズに進みます。クライアントに「分かりやすい!」と言ってもらえることが多いです。
イラスト・デザインのご依頼募集中です。
お気軽にお声がけくださいませー
この記事が気に入ったらサポートをしてみませんか?