SNSアイコンの制作

去年の５月くらいに制作したので結構前のものになりますが、過程を書いていきます。


【コンセプト】
　　かぼちゃの魅力、美味しさが伝わるようなかぼちゃのアイコンを作る！（私がかぼちゃ大好きだから！）

【制作ソフト】Adobe Illustrator

【手順】
１、案出し（２案）
２、掛け合わせてみる
３、さらにブラッシュアップ（完成！）

それでは、詳しく書いていきます。

　
　楕円形やペンツールを使った簡単な図形を組み合わせ、アピアランスで個々にシャドウ（＋ドロップシャドウ）を追加。

　　（画像２）の葉っぱを作成　＞　散布ブラシに登録。（後から調整する際に楽）
　　あとは下記の動画を参考に、背景の後光や加工を（画像１）に加えて出来たものがこちらになります。

【参考動画URL】
・太陽ロゴのつくりかた｜Illustratorチュートリアル【本日のイラレ】
・ビンテージな陰影ロゴのつくりかた｜Illustratorチュートリアル【本日のイラレ】

イラレ職人コロさんの動画は、私がイラレを始めた時〜イラレの資格（エキスパート）を取ってからもずっとお世話になってきました。
とても分かりやすく解説して下さるので、指示通り進めるだけでそのまま動画の作品物が制作できます。
試験や学校では知ることのないお役立ち要素満載なので、イラレ初心者〜上級者の方までお薦めできるかと思います。（知らなかったツールの発見/使い方など、インスピレーションを多く受けること間違いなし！）

　　　さっきのままだと、コンセプトを達成するには「チープすぎる…」「ゴシックぽくて怖い…」といった問題点が出てきました。

　　　「もっと華やかにさせたい！」「瑞々しさが欲しい！」
　　　　→色彩豊かにグラデーションを追加して豪華さをプラス（リッチに！）
　　　　　　　…黄色〜赤のグラデーションをオーバーレイのレイヤーモード使ってかぼちゃ部分に重ね、
　　　　　　　　太陽のように輝く発色を手に入れました。
　　　　　　　　同時に赤は食欲増進の効果があるため、コンセプトともマッチしています。


画像の一番上にあるアイコンが今回の改善案です。

　　これで完成！！と思いきや、そうもいきませんでした。
　　SNSでアイコンに当てはめてみたら、円形型に当てはめるにはバランスが悪い！ということに気が付きました。
　　なんてこった……


　改善案１
　　　・円形を意識　→後光を円形状にまとめる
　　　・視認効果を上げる　→前面のリボンを中央に寄せ、アクセントに。

主張が激しい…これで本当にいいのか…（しかしバランスは改善された！）
と思いながら、モックアップ　
→【問題点】バランスは保たれたが、今度は伝えたいかぼちゃ本体が小さい！
　　【原因】パーツの割合が大きく見た目のサイズ感に反映されてしまう。（アイコンに入れると、とても小さく見える。）
　　　…パーツ毎の比率が大事）

改善案２

円形状の後光は元の形状に戻し、リボン部分の形だけ残しました。
今までの中で一番アイコンに嵌め込んだ時に視認効果が高く、分かりやすい落ち着いたシルエットになりました。
ということで、こちらが完成版になりました！！

イラストのポートフォリオにも載せていましたが、今回は作った過程を載せてみました。
今度はずっと空白のままになっている名刺のポートフォリオを埋めたい…！
（1年前に納品済みだが、サンプルの手直しに時間が取れていない。）



それではここまでご覧くださり有難うございました！

Have a nice day!!

※ここからは蛇足です。
　アピアランスの機能を使って、色々試してみた時のまとめgifです。
　制作過程で、イラレ職人コロさんの動画を参考にさせて頂いたりしてます。（自分の力のみで作ったのもいくつかあります）

この延長線上のものや、ロゴっぽいのも。

ここまで見てくださった方も有難うございました！