デザインの勉強

バナートレース #14 -ゴールドの作り方 –

トレース結果

 

※左:Sample  右:Trace

Size 980×250
Time 60min
Tool illustrator
Font DIN Condensed Bold、Times New Roman(ロゴ)
Color #d20e53(ピンク)

デザイン考察

  1. 背景のピンクとゴールドがインパクトと勢いがあり、先進的な雰囲気がする
  2. 文字と背景のコントラスト(強弱)がはっきりしていて女性らしさのピンクの中にも強さを表現している。
  3. 文字は縦長で文字間が狭く、スマート。
  4. 背景の塗り方に広がりがあるけれど、枠を作ることで視認性をあげている
mito
mito
背景の「ブラシの塗り」と「枠線」という2つの要素同士、強弱をつけてるんですね。
momo
momo
文字は、下揃えに整列することでスッキリまとまり感があるね!

学んだこと

ゴールドの作り方

少しサンプルとは異なりますが、グラデーションをつけることで実現しました。

背景作成

(わかりやすくするため)長方形ツールで黒塗りにしました。

フォント作成

背景の上にフォントを重ねる。

 

塗りの追加

アピアアンスパネルから塗りを追加

グラデーション作成

グラデーションパネルで3箇所の色を設定し、グラデーションを作成

完成

必要に応じてフォントや背景を変更し、完成。

反省点と課題

フォントはもう少し細めのフォントで余白を作るとより女性らしさがでると思いました。
今回背景は、素材を用いたのでブラシで書けるようになると表現の幅が広がるなと。
こちらを使わせていただきました。
Rawpixel.com – jp.freepik.com によって作成された background ベクトル)
キラキラのゴールドの文字についてもどうやって実現するのか調べます。

ABOUT ME
mito
こんにちは!mitoです。 2児の母で、フリーランスのWebデザイナーをしています。 2019年1月からWebデザインの勉強を始めました。 子育てをする中で、自分の生活に働き方を合わせたいと思うようになり、2020年4月からフリーランスになりました。 好奇心旺盛でやりたいこと多め、ワクワクすると止まれない性格です。 同じように一緒にチャレンジする人の背中そっと押せたり、励ましあえるようなブログになるといいなと思っています。