バナートレース_#04、#05

バナートレース DESGIN

こんにちは。
バナートレース4回目、5回目完成しましたので、記録します。

バナートレースはデザインを勉強している初心者におすすめするデザイン勉強方法です。
バナートレースについてもっと知りたい方はこちら▼をチェックしてください。

バナートレース_#04

バナートレース#04

見本のバナー

4回目のバナーも [BANNER LIBRARY] というバナー参考サイトサイトから見つけました。

BANNER LIBRARYへ▼

【総数6426件】BANNER LIBRARY | デザインの参考に!おしゃれなバナーだけを集めたギャラリーサイト
バナーデザインの参考になる、おしゃれで良質なバナーデザインをまとめたギャラリーサイト、BANNER LIBRARYです。バナー広告から特集バナーまで、幅広いジャンルから収集しています。バナー作成の練習やWebサイトデザインのアイデアに繋がる...

4回目のバナーはこちら▼です。

見本のバナー

バナーのURLはこちら▼

飲料・食品、かっこいい、高級感・きれいめ、シズル感のバナー | 淡麗プラチナダブルは 「プリン体0(※1)×糖質0(※2)」で 爽快なキレと飲みごたえのある本格的な味わいを両立 | BANNER LIBRARY
バナーデザインの参考になる、おしゃれで良質なバナーデザインをまとめたギャラリーサイト、BANNER LIBRARYです。バナー広告から特集バナーまで、幅広いジャンルから収集しています。バナー作成の練習やWebサイトデザインのアイデアに繋がる...

見本のバナーの概要

バナーのタイトル淡麗プラチナダブルは 「プリン体0×糖質0」で 爽快なキレと飲みごたえのある本格的な味わいを両立
サイズ800*800
カラーブルー、ゴールド
業種飲料・食品
テイストかっこいい、高級感・きれいめ、シズル感
形状正方形
送信媒体Twitter
見本のバナーの概要

画像は少なく、シンプルに見えるバナーを選びました。 
このバナーはカンビールの水滴と「0×0」文字に水滴を表現するのがポイントかなと思いました。簡単に見えましたが、カンビールの水滴を表現するのが結構難しくて時間がかかりました。

トレースのバナー

私がトレースしたバナーはこちらです。

トレースしたバナーの説明

作業日2023.07.19
作業時間2時間
使用ソフトphotoshop
トレースしたバナーの説明

カンビールはホームページから、ビールの画像は[photoac] で見つけました。

photoACサイトへ▼

写真素材なら「写真AC」無料(フリー)ダウンロードOK
無料写真素材を提供する「写真AC」のフリー写真素材は、個人、商用を問わず無料でお使いいただけます。クレジット表記やリンクは一切不要です。Web、DTP、動画などの写真素材としてお使いください。

無料素材を利用する時、注意点
商用利用可能か必ず確認しましょう。

感想

見本のバナーとトレースバナーを並べてみます。

バナートレース#04

背景にはグラデーションを入れました。
他は簡単にできましたが、水滴を表現することが難しいでした。結構時間がかかりました。
見本のバナーのように水滴を表現は出来なくて残念でしたが、冷たい感じはあるなと思います。

学んだこと

水滴を表現する方法

1.「0×0」文字入力水滴を入れ方
① 文字に水滴画像をクリッピングマスクする。
② 水滴画像レイヤーの描画モードを乗算にする。

2.カンビールに水滴を表現した方法
① カンビール画像に水滴画像をクリッピングマスクする。
② 水滴画像レイヤーの描画モードをスクリーンにする。

バナートレース_#05

バナートレース#05

見本のバナー

5回目のバナーも[BANNER LIBRARY]のバナーです。

5回目のバナーはこちら▼です。

バナーのURLはこちら▼

飲料・食品、にぎやか・ポップ、人物、シズル感、切り抜きのバナー | 氷結®︎ シャルドネスパークリング | BANNER LIBRARY
バナーデザインの参考になる、おしゃれで良質なバナーデザインをまとめたギャラリーサイト、BANNER LIBRARYです。バナー広告から特集バナーまで、幅広いジャンルから収集しています。バナー作成の練習やWebサイトデザインのアイデアに繋がる...

見本のバナーの概要

バナーのタイトル氷結®︎ シャルドネスパークリング
サイズ1200*6675
カラーグリーン、ブルー
業種飲料・食品
テイストにぎやか・ポップ、シズル感
形状横長
送信媒体Twitter
見本のバナーの概要

4回目のバナートレースで水滴を表現方法をもっと知りたい、挑戦したかったので、水滴があるバナーを選びました。

トレースのバナー

トレースしたバナーはこちら▼です。

トレースしたバナーの説明

作業日2023.07.20
作業時間2時間
使用ソフトphotoshop
トレースしたバナーの説明

カン画像は元バナーから切り抜き、女性の画像は[photoAC]の画像です。

感想

二つのバナーを並べてみます。

バナートレース#05

女性の画像の背景がブラウン系でした。女性を切り抜くと、ブラウンの背景が残ったことは残念なことです。今後画像のエッジに残った色を消す方法も調べてみます。
見本のバナーのように清涼感は足りないですが、水滴が作れて満足しました。

学んだこと

水滴はどこかの画像から複製かなと思いましたが、調べるとphotoshopで作れますね。次回記事ではphotoshopで水滴を造る方法を説明します。

まとめ

4回目、5回目のバナートレースについて記録しました。
一つずつトレースすると、photoshopの技術を学べますね。
またチャレンジしたいと思います。

最後まで読んでいただきありがとうございました。

前回のバナートレース▼

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