【photoshop】バナートレース第29回目 種子島旅行のバナーにチャレンジ

 
こんにちは!
今回は「種子島旅行」のバナートレースにチャレンジしました!

写真メインの旅行バナーに目が留まりました!
20回目21回目に旅行バナーのトレースにチャレンジしているのですが、今回の種子島旅行のバナーはイラストも多く活用されていたので選んでみました(*^^*)

今までイラストをメインにしたバナートレースはあまりしてこなかったのでたのしく作業をすることができました!

今回も使用素材やどのように作業をしたのか書いていますので、ぜひチェックしてみてください!

トレース画像

バナーサイズ(幅×高さ): 600 x 340
使用ソフト:Photoshop
使用カラー:#3dcabd #0e8ebe #ffffff
使用フォント: あずきフォント
参照:バナー広場

振り返り

知識・スキル

使用素材

 
今回も使用写真はすべて写真ACで素材を選定してダウンロードしています!

同じような写真を見つけるのがなかなか大変だったので、見本バナーに使われている写真のテーマや、色味がにているものなどをピックアップして反映してみました。

リンクを貼っておきますので、同じバナーでトレースを考えている方は是非参考にしてみてください♪

 
使用したイラストはすべてイラストACで素材を見つけてダウンロードをしています!
メインで使用されている魚や葉、ハイビスカスのイラストは、見本とそっくりだったので似たデザインにすることができてよかったです!
山のイラストは色を変え、白で線を入れて加工をして、見本デザインに寄せました!
イラストACはイラスト素材がとても豊富でAI・JPEG・PNGなど好きな拡張子でダウンロードができる素材サイトです!
ダウンロードユーザーの登録を行うと無料でダウンロードをすることができますが、1日の検索制限と1日のダウンロード制限があるのでたくさん素材をダウンロードしたい場合は注意が必要です。

使用フォント

今回のフォントは手書き風のフォントでした。
いつもAdobefontで探しているのですが、見本バナーのような手書き風フォントが見つからなかったので、外部サイトからフォントをダウンロードして使用しました!

今回使用したのは、”あずきフォント“です(*^^*)
手書き風でかわいいフォントですよね!

リンクを貼っておくのでダウンロードをして是非使ってみてください!

あずきフォントのインストール方法!

  1. サイトにアクセスしてダウンロード
  2. ダウンロードそいたzipを解凍
  3. 解凍したzip内の「azuki」をクリック
  4. 「azuki」を開いたら「インストール」をクリック
  5. 完了!

シェイプに沿って文字を書く

中央の「学びを遊ぶ自然豊かな南の島」のテキストは、シェイプを作った後、作ったシェイプに沿って文字を書きました!

初めてだったのですが、とても簡単で今後のバナー制作に活用していきたいと思いました(*^^*)

シェイプに沿った文字を書く手順!

  1. ペンツールでテキストを反映させたい形を作る
  2. 文字ツールを選択
  3. ①で作成したシェイプにカーソルを合わせる
     
    カーソルを合わせると作成したシェイプに沿った表示がされます!

  4. ③の状態で文字を入力したら完成です!

気づき

イラストを使用することで遊び心が演出できる

今までのバナートレースではイラストをメインにたくさん使用したものは制作していませんでした。

そのため、今回イラストをたくさん使用したバナートレースをしてみて、イラストを使用することで全体に遊び心が演出されて楽しいイメージをデザインすることができると学びました。

同じデザインセットの中からイラストを選択して使用することで、いろんな種類のイラストを活用しても全体に統一感がでることを知りました。
今後デザイン制作でイラストを活用していく際には、イラストの種類が多くなってしまうときなどは同じデザインセットの中から選択して使用していこうと思います!

また、写真やイラストでさまざまな種類の色が使われていますが、メインで使用する色がしっかりと統一されているので全体のバランスがいいデザインになっていると思いました。

 
デザイン内にいろんな色を使用する場合は、白とメインカラーをはっきりさせるようにしていこうと思います♪

まとめ

今回も旅行バナーのバナートレースを行いましたが、今までの旅行バナーとは一味違ったデザインで、とても楽しく制作をすることができました!

たくさんのイラストを使うと加工や配置調整に時間がかかってしまいますが、その分世界観を演出することができるのでイラスト含むデザインもとても勉強になりました。

イラストを活用したデザインは見本デザインに寄せるのが難しかったので今まで見本バナーとして選定してきませんでしたが、学べることも多くあるので参考にしたいデザインがあったら今後は選定してチャレンジしていこうと思いました!
ありがとうございました!


HerTech

 

HerTechといえば、完全初心者でもたった4か月でWebデザインスキルを習得できる女性限定スクールです♪

また、なんといってもオンライン勉強会・チャットサポート・グループコーチングで挫折・不安をゼロにする仕組みがあるので継続して勉強することができます
短期間でWebデザインスキルを学びたい!」「挫折せずスキルを身に着けたい!」方には、HerTechがおすすめです♪

でも、結構高い金額かかるんじゃないの…?
はじめは無料の説明会があるから、自分にあっている内容なのか確認できるから安心だよ!
しかも、60分少人数だから受講内容を詳しく知れるよ♪
ほんと!?
じゃあ、試しにHerTechの無料説明会に参加してようかな!
あと、補足で未経験でも分かりやすいオンライン動画講義と、実践課題があるから着実にスキルアップできるよ♪

 疑問や不安をすべて解消!
HerTech無料説明会を実施中(60分)

WEBCOACH

WEBCOACHといえば、副業・フリーランスを目指す幅広い年代(20代 ~ 40代)の方が学習できるオンラインWebデザインスクールです♪

また、なんとコーチは採用率5%を潜り抜けた現役のフリーランスコーチだから、プロ目線の指導を受けることができます。
質の高いWebデザインスキルを学びたい!」方には、WEBCOACHがおすすめです♪

でも、結構高い金額かかるんじゃないの…?
まずは無料カウンセリングがあるから、学習内容やコースがあっているか確認できるから安心だよ!
ほんと!?
じゃあ試しにWEBCOACHの無料カウンセリングに参加してようかな!
あと、完全マンツーマンで24時間担当コーチに質問をしたり、定期的なコーチングで学習計画やモチベーション管理があるから挫折せず続けられるよ♪

東京デザインプレックス研究所

東京デザインプレックス研究所といえば、2012年1月に開校し、急成長している「プロフェッショナル養成」のためのWebデザインの学校です♪

また、社会人・学生を中心に20代の方に人気で、未経験からキャリアチェンジしたい人におすすめの学校です。
プロのWebデザイナーになりたい!」方には、東京デザインプレックス研究所がおすすめです♪

でも、結構高い金額かかるんじゃないの…?
まずは無料で資料請求できるから、自分の方針にあっている学校なのか確認できるから安心だよ!
ほんと!?
資料請求ならすぐできるね!まずは、東京デザインプレックス研究所の資料請求してみるよ!
あと補足で、次世代のクリエイター/デザイナーに求められる志向性やスキルを学べるプログラムがあるから未経験からキャリアチェンジしたい人にはぴったりだよ♪