フリーランスWebデザイナー・ななふの
デザイン、コーディングの勉強記録やTIPSなど

イラレでバナートレース #2『SHIPS』シンプルな図形の練習!

当ブログはアフィリエイト広告を利用しています。
Design
スポンサーリンク
【PR】おすすめの本

管理人が買って良かった一冊を紹介します!

Webデザイナーのお仕事が具体的に分かる!デザイン勉強中の人は読んで損なしの一冊。
¥2,497 (2024/11/12 17:28時点 | 楽天市場調べ)
\楽天ポイント4倍セール!/
楽天市場
\商品券4%還元!/
Yahooショッピング

illustratorでのバナトレ2回目です!

今回もシンプル路線で、キャンペーンバナーをトレースします(^^)/

お手本は、BANNER LIBRARYさんで見つけたコチラ!

 
SHIPSのバナーです。
 
シンプルだけど、配色が大人っぽくて落ち着いた感じのきれいめバナーです!
 
 
スポンサーリンク

トレース

フォントが似て非なる物なので、微妙に違和感が残りましたが・・・

概ねOKかな?と思います。

長方形と円を描いてみたのが前回からの前進ポイントですね(^^)/

スポンサーリンク

制作の振り返り

参考バナータイトル:SHIPS

参考バナーのサイズ (幅 x 高さ)(px): 900×600

制作にかかった時間:50分(ほぼフォントの字間調整)

使用したフォント

使用場所WORDFONT
タイトルTIME SALEMuseo Sans 700
WEB限定源ノ角ゴシック JP
さらに~DNP 秀英角ゴシック銀 Std B
8.17~メイリオ
円の部分MAX、OFFMuseo Sans 700
70%Acumin Variable Concept

考察

デザインについて自分の勝手な考察(想像)

この項目は、私がデザイナーを目指すにあたって勝手に想像した事を書いています。

自分の為に残している部分なので、飛ばして頂いて全然OKです!!

どんな人に?

落ち着いた配色を使っているので、

大人で、SHIPS好きな人々に向けて?

何を伝えたい?

①タイムセールがあること。

②MAX70%OFF

③WEB限定

なぜ伝えたい?

SHIPSのオンラインショップで買い物してほしい。

ポイント還元とあるので、ショップのポイントカード?にも参加してほしい。

デザインのポイントメモ

良く見る他のSALEバナーと比べて原色が無い配色。

黄色や赤を使っていないので珍しい(‘ω’)

このバナーの配色は落ち着いた印象で、こういった路線もアリなんだなーと

参考になりました。

配色だけでなく、余白が大きくとってあることでスッキリ大人っぽく

綺麗に見えるんだろうなと思いました。

苦労した点

特になし(;^_^A

長方形、円を描いただけなので特に問題なかったです!

photoshopのレイヤーの使い方とillustratorのレイヤーの使い方の違いに段々慣れてきたかな?

photoshopだと何か要素を追加するたびに勝手にレイヤーが増えていきますけど、

illustratorだと下手するとレイヤー一枚で作れてしまいますね(^^;

Excel等のofficeツールに慣れ親しんでいる人にはillustratorの方が使い易いのかも!

今後の課題

今回は超基本の図形だったので、他の色々な図形も使ってみたいです(^^♪

マスクする必要がありそうな物も挑戦したいですね!

そういった事が練習できそうな、シンプルバナーを探したいと思います!


以上になります。ご訪問ありがとうございました!

コメント