SNSアイコンの制作
去年の5月くらいに制作したので結構前のものになりますが、過程を書いていきます。
【コンセプト】
かぼちゃの魅力、美味しさが伝わるようなかぼちゃのアイコンを作る!(私がかぼちゃ大好きだから!)
【制作ソフト】Adobe Illustrator
【手順】
1、案出し(2案)
2、掛け合わせてみる
3、さらにブラッシュアップ(完成!)
それでは、詳しく書いていきます。
1、案出し
楕円形やペンツールを使った簡単な図形を組み合わせ、アピアランスで個々にシャドウ(+ドロップシャドウ)を追加。
(画像2)の葉っぱを作成 > 散布ブラシに登録。(後から調整する際に楽)
あとは下記の動画を参考に、背景の後光や加工を(画像1)に加えて出来たものがこちらになります。
【参考動画URL】
・太陽ロゴのつくりかた|Illustratorチュートリアル【本日のイラレ】
・ビンテージな陰影ロゴのつくりかた|Illustratorチュートリアル【本日のイラレ】
イラレ職人コロさんの動画は、私がイラレを始めた時〜イラレの資格(エキスパート)を取ってからもずっとお世話になってきました。
とても分かりやすく解説して下さるので、指示通り進めるだけでそのまま動画の作品物が制作できます。
試験や学校では知ることのないお役立ち要素満載なので、イラレ初心者〜上級者の方までお薦めできるかと思います。(知らなかったツールの発見/使い方など、インスピレーションを多く受けること間違いなし!)
2、掛け合わせてみる
さっきのままだと、コンセプトを達成するには「チープすぎる…」「ゴシックぽくて怖い…」といった問題点が出てきました。
「もっと華やかにさせたい!」「瑞々しさが欲しい!」
→色彩豊かにグラデーションを追加して豪華さをプラス(リッチに!)
…黄色〜赤のグラデーションをオーバーレイのレイヤーモード使ってかぼちゃ部分に重ね、
太陽のように輝く発色を手に入れました。
同時に赤は食欲増進の効果があるため、コンセプトともマッチしています。
画像の一番上にあるアイコンが今回の改善案です。
3、さらにブラッシュアップ(完成!)
これで完成!!と思いきや、そうもいきませんでした。
SNSでアイコンに当てはめてみたら、円形型に当てはめるにはバランスが悪い!ということに気が付きました。
なんてこった……
改善案1
・円形を意識 →後光を円形状にまとめる
・視認効果を上げる →前面のリボンを中央に寄せ、アクセントに。
主張が激しい…これで本当にいいのか…(しかしバランスは改善された!)
と思いながら、モックアップ
→【問題点】バランスは保たれたが、今度は伝えたいかぼちゃ本体が小さい!
【原因】パーツの割合が大きく見た目のサイズ感に反映されてしまう。(アイコンに入れると、とても小さく見える。)
…パーツ毎の比率が大事)
改善案2
円形状の後光は元の形状に戻し、リボン部分の形だけ残しました。
今までの中で一番アイコンに嵌め込んだ時に視認効果が高く、分かりやすい落ち着いたシルエットになりました。
ということで、こちらが完成版になりました!!
イラストのポートフォリオにも載せていましたが、今回は作った過程を載せてみました。
今度はずっと空白のままになっている名刺のポートフォリオを埋めたい…!
(1年前に納品済みだが、サンプルの手直しに時間が取れていない。)
それではここまでご覧くださり有難うございました!
Have a nice day!!
※ここからは蛇足です。
アピアランスの機能を使って、色々試してみた時のまとめgifです。
制作過程で、イラレ職人コロさんの動画を参考にさせて頂いたりしてます。(自分の力のみで作ったのもいくつかあります)
この延長線上のものや、ロゴっぽいのも。
ここまで見てくださった方も有難うございました!