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

Design

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

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

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

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

オリジナルとトレース画像

 

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

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

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

 

制作の振り返り

参考バナータイトル:SHIPS

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

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

使用したフォント

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

考察

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

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

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

 

どんな人に?

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

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

 

何を伝えたい?

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

②MAX70%OFF

③WEB限定

 

なぜ伝えたい?

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

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

 

デザインのポイントメモ

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

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

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

参考になりました。

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

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

 

 

苦労した点

特になし(;^_^A

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

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

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

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

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

 

今後の課題

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

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

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

 

 


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

Design
スポンサーリンク
この記事をシェア!
na2factoryをフォロー
Webデザイン勉強中

このサイト、
Na2 factory(なな ふぁくとりー)を運営している
"ななふ"と申します。

40代からのWEBデザイナーへの道!
少しづつステップアップしていきたいです。

このサイトでは、自分が覚えた事、
テクニック等を詳細に紹介していきたいと思います。
これからWEBデザイナーを目指す方々と
情報共有できたら嬉しいです!

約2.5か月かけて(^^;photoshopでのバナトレ30本達成できました!
さらにその倍ぐらいの時間をかけて、
illustratorでもバナトレ30本達成~!!
現在はXDとコーディング勉強中!

詳しいプロフィールはこちら

na2factoryをフォロー
Na2 factory

コメント

タイトルとURLをコピーしました