![見出し画像](https://assets.st-note.com/production/uploads/images/80160353/rectangle_large_type_2_3340583dd55072a28ce12f93fbfc2cee.png?width=1200)
デジLIGバナー課題② 課題1〜5
こんにちは、にとです。
「バナー制作実践」のバナー課題が半分終わったのでまとめました。
卒業する頃には副業でバナー制作ができるようになっていたいと考えていますが、さてどうなるやら。
(そして、本業を持つかどうかについては日々揺れまくり…)
バナー制作実践の課題は全て模写です。
(課題1〜5のサイズは800×418です)
課題1 美容系:スキンケア研究室
![](https://assets.st-note.com/img/1654565805720-b4gOBjeUpr.jpg?width=1200)
あしらいのポイント、学んだこと
① 左上の帯を目立たせるため、パターンオーバーレイで斜めストライプ
② 女性向けの優しい印象にするため、ぼかし加工で水玉を配置
課題2 飲料系:日曜午後3時
![](https://assets.st-note.com/img/1654875408456-RGd4HQfjOb.jpg?width=1200)
あしらいのポイント、学んだこと
① 右側フレームをIllustratorで作成。
フレーム外側に光彩をかけて少し華やかに
枠は2種類を重ねているのですが、背景色の都合で3枚重ねています。
(トレーナーさん曰く、同じものを2枚重ねるのはよくあるそうです)
② 文字の字間やサイズの調整(同じサイズだと数字が小さく見える)
③ ビール缶の色調補正
(本当はもう少し端を明るくしたいけれど、これ以上明るくすると真ん中の色が飛んでしまう…。この辺りは要改善)
課題3 健康食品系:旬のおやさい定期便
![](https://assets.st-note.com/img/1654875689544-rNImUQw9D3.jpg?width=1200)
あしらいのポイント、学んだこと
全体的に、文字には境界線(通常)をかけてクッキリみせる
「無農薬…箱で」
読んでほしい単語はフォントサイズを大きめに調整
境界線(通常)で文字をクッキリと。野菜画像は、素材にある影も利用し立体感を出す
課題4 キャンペーン系:ポイントボーナスキャンペーン
![](https://assets.st-note.com/img/1656063601222-pVfAEyrmGd.jpg?width=1200)
あしらいのポイント、学んだこと
https://memomemo777.blogspot.com/2013/04/illustrator-60-tips.html
① 背景の集中線と爆弾はIllustratorで作成
② リボンはペンで手書きしたものをスマホで撮影→Illustratorへ取り込みペンツールでトレース
③ 「期間中の…」は重要な単語のフォントサイズを大きく
この課題ではそれぞれのパーツを自作しているためそれなりに大変でした。
課題5 キャンペーン:大決算セール
![](https://assets.st-note.com/img/1656064328634-PWonZYGxT8.jpg?width=1200)
あしらいのポイント、学んだこと
① 御来光
楕円ツールで作成(線太めの破線)
グラデーション(カラー比較(明))、パターンオーバーレイ(乗算)
② 紙吹雪
紙吹雪のパーツを作成し、ブラシツールで散布
③ 背景中のリボン
こちらのツイートを参考にIllustratorで作成しました。
https://twitter.com/hamko1114/status/1449291746991476741
④ 「大決算セール」
こちらレイヤースタイル満載です。
境界線(茶、白)で縁取り、ドロップシャドウ(乗算)
角度をつけてグラデーションオーバーレイ
ベベルとエンボスで立体感
![](https://assets.st-note.com/img/1655776558367-QDLMjxnjYQ.png)
![](https://assets.st-note.com/img/1655776571070-5JmVWM1jO2.png)
課題1〜5を通しての感想
今までの動画通りの制作と違い、細かい手順がないため作るのに非常に時間がかかってしまいました。作成後に見本と比較し、レイヤースタイルの掛け方を確認することでコツが掴めてきた気がします。
課題6〜9は300×250サイズのバナーに挑戦です。
トレーナーチェックが全て通ったらまたまとめようと思います!
この記事が気に入ったらサポートをしてみませんか?