バナートレース｜Saki

バナートレース14~16 #週末バナトレ

各バナーの難しかったところ、学び部分はInstagramにまとめています！今回は、バナートレース#16のふわふわな形の作り方を備忘録として残します！ふわふわな形の凹み部分を滑らかにするやり方が未だわからず・・・どなたかわかる方いらしたら、教えていただけると嬉しいです！

バナートレース13 #週末バナトレ

◆バナートレース #13 実は前からこのバナーは気になっていたのですが、難しそうだなーと思い、トレースを躊躇していたバナーです！ぼかし(ガウス)を使用したら思っていたより簡単で来ました！！ ▶背景の作り方手順＜感想＞・初のぼかし(ガウス)使えた！・背景ぼかすことで文字情報の邪魔をしない！・フォント探し上手くいった！・かわいいらしいデザインだけど、細いセリフ体でかわいすぎない上品さが出てる！・60%OFFであることが一目見てわかりやすい！⇒数字部分に特徴的なフ

バナートレース11～12 #週末バナトレ

◆バナー #011 2020年1つ目のトレースということでおめでたいカラーのバナーに挑戦しました！ ▶︎「反射」を使ったグラデーションのやり方バナー左上のアイキャッチ部分「お得感ゾクゾク！」の箇所のグラデーションは「反射」使っています！ →グラデーションの種類を選択するだけで、いろんなパターンのグラデーションができます！参考サイト↓ ▶︎ドット部分は「ドットパターン無料」で検索して下記サイトでダウンロードして使用しました！＜感想＞・このアイキャッチの形を作

バナートレース10 #週末バナトレ

◆ミラクル割クーポンバナー #10 グラデーションの作り方を知りたくて、このバナーに挑戦！ ▶︎背景のグラデーションの作り方 →とても簡単にできて感動した！＜色を逆向きに設定したい場合＞オプションバーにある☑︎逆方向にチェックを入れると逆向きに設定できる！グラデーションの形を変えることも簡単にできそうだったので、他で練習したいと思います！ ▶︎文字を背景の柄で切り抜く方法＜感想＞・この色合いのバナーとってもタイプでした◎ ・数字のフォント選びに苦戦しま

バナートレース8~9 #週末バナトレ

◆DHC無料お試しキャンペーンバナー #08 ▶︎「キレイにぐーんと〜」の部分は今回白抜き文字で作りました！ (境界線をつける、でもできたのかな？？)白抜き文字はKAORIさんの投稿を参考に作りました！(企画バナーのBeforeAfterのnoteでも同じやり方使ってます) ＜感想＞・黒字でも#000を使っていない・フォントをまとめられた！・切り抜き方２つを久しぶりにおさらいできた・商品パッケージと同じ色をフォントでも使用することでまとまりが出る・「無料でお試し

バナートレース5~7 #週末バナトレ

◆キャンペーンバナー #05 ▶︎「生活雑貨・キッズファッションを買うなら今」部分の影の作り方長方形にドロップシャドウをつけて影を作りました。 ◆まとめ割クーポンバナー #06 ▶︎曲線の文字の作り方＜感想＞・情報がまとまっていて見やすい！・アーチ型の文字やリボンでの囲み、点線の枠など、細かい部分のデザインがかわいいと思った！・Coupon!部分が少し斜めになっているのも、動きが出ると感じた！・他のパターンにも応用が利きそうなバナーデザイン ◆クーポンで

バナートレース3~4 #週末バナトレ

◆10%OFF COUPONバナー #03 ▶︎背景のボーダーの作成方法参考にしたサイトも貼っておきます。 ▶︎10%OFF部分の重ね方 ①元のレイヤーを一個完成させたら、optionキーを押しながら画像を動かす →色やフォント、カーニング等そっくりそのままコピーができます！ ②コピーした画像の色を別色に指定して、元レイヤーの後ろに設定 ③見本画像を参考にどの位置に設定されているか測って、配置する！＜感想＞・フォントを似たものにするために、いろんなフォントを使

バナートレース1~2 #週末バナトレ

アウトプットの記載内容 ①使用しているフォント、カラー、バナーの印象、デザインの工夫等(画像内に記載) ②トレースしたことで学べたこと、気づき ③その他：作り方をメモしておきたいこと ◆特典キャンペーンバナー #01 →1個目から情報量が多いバナーに挑戦しました、、情報量が多くても、レイアウトの工夫次第で見やすいバナーになる💡 ▶︎右上の期間限定のアイキャッチ部分の作り方 (1.2.3の部分も同様) 多角形ツール→「星」にチェックを入れました ▶︎「WEB限定！～」の

バナートレースについて　#週末バナトレ

9月目標でバナートレースを週に最低1個はやると決めていたので、このnoteでバナートレースする流れやルール等まとめておきます。 ※下記あくまで私個人の考え・やり方ですバナートレースを行う目的・Photoshop・Illustratorの操作に慣れるため　(⇒今回は主にPhotoshopで作成できるものをトレースする予定) ・デザインの引き出しを増やすため・デザインを言語化できるようにするためバナートレースする流れ①バナートレースする ②トレースして気づいたこと

バナートレース

記事一覧