バナートレース⑤⑥⑦
こんにちは！ナリマツです☺︎
なんと、今回はバナートレース３本立てですｗ
するだけして、ブログに上げるまでなかなか出来ませんでした〜💦
なぜかというのは後で説明させていただくとして、
ブログは、自分の成長記録として
つまずいた時などに見返したらきっと自分の糧となると思うので
何としてでも続けたいのです……！！
甘ったれてないでもっと頑張らないと〜😭
泣き言はその辺にしておいて、
【バナートレース⑤】
アパレルブランドのバナーだったのですが、
フリー画像で同じテイスト・コンセプトのモデルの画像を探すのは不可能だったので
元のモデル画像をそのまま使用しました。
なので、モザイクです💦
私も自分の本業の方で、商品ページのモデルなどたまにしてますが、
もし自分の画像がトレースとかに使われてたら
ヤダ〜！！はずい〜！！
と思いました😭
デザインもシンプルなので、スムーズに出来ました！
【バナートレース⑥】
これは、背景が柄になっているものを作ったことがなかったので、挑戦しました！
でも、パスの変形で簡単に出来ました〜！
このバナーは余裕だったな〜〜♬なんて思っていましたが、
左側の切り抜かれている画像の下にうっすら影がある……？？
と、今気づきました💦
細かいディテールを見逃しているのはダメですねー！！反省！！
【バナートレース⑦】
今までいろいろなデザインをやるぞ！！と思っていましたが、
なんかこの辺から、自分が可愛い！と思ったものをしたいな…と
気持ちがブレはじめています笑
こちらのバナーは、作成自体は１時間ほどで出来たのですが、
なにせフォントを探すのに時間がかかった！！！！
中央「CHICKEN」のフォントは同じものが見つけられず、
似た感じのかすれたものを使用しました。
でもPOPな感じが足りないな〜〜〜〜〜！！！！！！！
上下の文字は、おそらく同じフォントを見つけました！
しかし、フリー版を使用したので全然漢字が足りず笑
「料理特集」に関しては違うフォントを使ってます笑
デザインとしては、背景のギザギザの手書き感にこだわりました！
ペンツールで３山書いて、それをコピペコピペ……
楽しかったーーーー！！ヾ(๑╹◡╹)ﾉ"
そして、冒頭でも少しお話しましたが、
トレースの進みがとてもペースダウンしています…。
まだ30本のうち7こしかしてないのに！！！
というのも、最近コーデイングの勉強もし始めたのです！
webデザインを知っていくうちに、いろんな事に挑戦したくなってしまい、
最近その事で頭がいっぱいです！
コーディングの勉強も、
はじめはトレースが10本超えたらやろう！と思っていたのですが、
え？その理由は何？
そこまで待つ理由は何？
やるなら少しでも早いほうがよくね？
今でしょ！！！
と思いまして、本当に少しづつですが始めました！
そっちの勉強は始めたといえど、
バナートレースは絶対に30本完走したいと思っていますので、
頑張ります！！！！
という事で、ナリマツでした〜☺︎
・
バナートレース④
こんにちは、ナリマツです！☺︎
今日は、バナートレース４本目です！
本当は、今日は時間がたくさんあったので２個はやろうと思っていたのですが、
なんだかんだ時間がかかってしまい一つしか出来ませんでした(T_T)
４本目は、こちらです！
見出しのフォントを少し変えました笑
〈トレース前〉
〈トレース後〉
■所要時間・・・２時間くらい
■作成感相
今回は、ビールの画像は元バナーのものを使いましたが、
その他は自分で調達したものを使いました！
そして、今回も気づきが色々ありました〜♬
まずつまづいたのが、缶ビールの画像を切り取った後の、無い部分を補う作業。
色々しらべながら、修復ブラシツールなどを使いながら頑張りましたが、
全然きれいにできませんでしたー😭
これ、付け足し後ですｗ
最終的には、文字で覆ったのでそこまで目立ちませんが、
これはダメだｗｗｗ
画像の無い部分を作る方法、何かやり方がありますか？😭
教えて欲しいです😭
あと、細かいところにもグラデーションでディティールが付けられていたのも、
作ってみての発見でした！
一番下の青いラインですが、
いつもどおり、ベタ塗りの四角で作ったらなんか違うっ…！！
ささやかなグラデーションになっていた事に、
ここで気づきました😳！！
グラデーションにしてみたらこんな感じ。
一緒だ〜〜〜〜♬♬
という事で、今日もしっかり得たものがあった
ナリマツでした☺︎♬
このブログも、
作成途中のスクショを織り交ぜるという成長をしました笑
.
バナートレース③
こんにちは、ナリマツです☺︎
やっと、バナートレース３本目です💦
なかなか進まず、一週間に１本とかのペースになってしまっています💦
このままだと、３０本達成するのに半年もかかるー！！
早くすればいいわけではないですが、
あんまりにのんびりしているのもよくないと思うので
もっと頑張ります！！！
今日も、昼間パートが休みだったので
「今日はバナーいっぱい作るぞ〜！」と意気込んではいたものの、
なんだか眠いし…YouTube見始めちゃったり…
結局作業を始めたのは昼くらいでした( ；´Д｀)
自分の意志の弱さが嫌だ…( ；´Д｀)
そんな今回は、こちらです！
〈トレース前〉
〈トレース後〉
■所要時間・・・２時間半くらい
■作成感相
いままで作ってきた知識でほとんどは作ることができました！
そんな中、まずつまずいたのがボックスの影！
作る過程で一つ一つ見ていくと、これもPhotoshopで作っているのかーー！！
と驚くところが多々あります。
今回はこの影で驚きました！
バナーは奥が深い！
ネットで調べた影の作り方（ドロップシャドウを使うなど）だと、元の画像とは違う様な影になってしまうのです。
なので、自分なりに考え、長方形ツールで作った四角を変形してぼかして…
なんとか似た様な形に持っていくことができました🥺
あと、前回のバナー作成で課題だと感じたフォントです。
これは、あれから少し学び、
フォントを使いこなすには課金が必要だということがわかりました。
なので今回は全く同じにするこ事までには拘らず（←課金しろ）
似た様なフォントをAdobeの中で探して使いました！
なかなかいい感じでしょ♬
（課金と知って半ば諦めた人ｗ）
そんなこんなしていたら、２時間半もかかりましたーー💦💦
いつも、作るバナーは『BANNER LIBRARY』さんで探しているのですが、
一枚一枚見ていると自分で作れそうなものしか選ばないんですね、私…
なので、今回からランダムでバナーをチョイスする事にしました！
（目をつむって指差す程度のアナログなランダムですｗ）
次は何をトレースするのかは私にも分かりません！
次回も頑張ります〜♬
では☺︎ﾉｼ
バナートレース②
こんにちは！ナリマツです☺︎
今日は、昼から雪が降り始め、３時間ほどでいっきに積もりました〜！
それでも、去年の大雪に比べたら、
今年はまだ１０分の１程度の積雪量な感覚です。
（わたくしナリマツは雪国新潟在住でございます〜）
去年の大豪雪は本当にすごくて、市内でも
いつまで降り続くんやぁーー！！！
と、ツッコみたくなる程でしたほんと！
アパートの駐車場は屋根などありませんから、
アパートの住人総出で、丸一日雪かきをしてなんとか車を出せる様になったのに
次の日にはまた車埋れてる！！みたいなのの繰り返しでした…
３０年近く雪国に住んでいますが、
あちこち至るところでカーポートや駐輪場が雪で潰れている光景は
初めて見ました💦
今、たくさん降り続いている地域の方、
本当に心折れそうになると思いますが、頑張ってください(T_T)
雪国では、大雪が降る予報が出ると
いつもより数時間早起きし、出勤のために車の雪かきをして、
普段１５分程度の道のりでも、大雪となると１時間とか普通にかかるので
それを見越していつもより１時間以上早めに出る…
そして会社に行っても就業時間になっても誰もまだ来ない…
というのがこの時期はあるあるなので、そういう時は本当に
雪の降らない地域に住みたいと心から思います(T_T)(T_T)
そんな雪に対する愚痴はさておき、
バナートレース２枚目を行いました！
この湯気、やってみたい！！と思ってチョイスしました♬
〈トレース前〉
〈トレース後〉
■所要時間・・・１時間半程
■作成感相
まず、同じ様な背景画像が見つけられませんでした(T_T)
一番テイストの似ているものを使いましたが、本家の様なシックな感じとは程遠い…
そしてフォントも、なんのフォントなんだろー！！
「とろーり濃厚 ショコラまん」のところが、ここまで柔らかくて、
あったかいけど主張している、
そんな雰囲気を出せませんでした(T_T)
ショコラまんのような丸っこさも、私の方にはない(T_T)
並べてみると、やっぱり私のトレースした方は商品の魅力が伝わらないな〜
文字だけで商品をアピールできるプロのデザイナーさん、
ほんとすごいッス！！！！！(つД`)ノ
そして、本題の湯気です。
湯気がしてみたくてこのバナーを選んだわけですが、
湯気に関しては、ネットで調べたら案外簡単に、すぐできました笑
まぁ確かに本家に比べたら微妙な湯気ですが、
湯気は瞬間瞬間で表情変わりますから、こんな湯気もありなんじゃないかと。
でも、本家の様なゆらゆらの多い湯気はどうやって作るんだろう??
教えてくださいーーorz
そんな事より、
私の課題はフォントだー…と思いました。
湯気に興味を持って選んだバナーですが、
フォントを操れる様にならないといけないな！と気づかされました。
そして、インスタにあげる画像も
バナーに合わせて色味を変えて、りんごにしてみましたｗ
（バナーだからバナナだったのにｗ）
下の左右も修正しました！
これでみるとぴったり合ってるけど、
Photoshop内で見ると少し下に飛び出ているんですよ。
何でですか？？？(°д°)
なんかこの小さな疑問がのちに
大きなつまづきになりそうな気がして怖いです…
まだまだ課題はたくさんですが、
とりあえず第一課題はフォント！
フォントを極める方法を、ネットなり本なりで調べて
クリアにしていきたいと思います！
進み続けろ！！！！！！
では☺︎ﾉｼ
バナートレース①
はじめまして、ナリマツです☺︎
本日から、【バナートレース目指せ３０本！】を目標に
作成したものをこちらに上げていこうと思います。
完全独学でwebデザインを学ぼうと思っておりますので、
通りがかりにアドバイスなどいただけましたら大変喜びます。
バナートレースについてネットやYouTubeで見る限り、
まずは文字のみのバナーからしたほうがいいとの情報をチラホラ見ましたので、
文字のみのバナーでトレースしてみました！
〈トレース前〉
〈トレース後〉
■所要時間・・・測定不能（おそらく正味２時間程）
進撃の巨人総集編を見ながら取り掛かり始めた為、もう手が止まる止まる。。
３割ほど作成したところで、完全に進撃の巨人へ心臓を捧げてしまいましたので、その日は中断笑
次の日は、子供の寝かしつけをしていたつもりが気づけば朝（恐怖の寝かしつけ）
結局、作成し始めて３日目にようやく完成しました(T_T)
正味２時間程だとは思うのですが、進撃の巨人と恐怖の寝かしつけには抗えません。。
このペースで作成していったら、一体３０本達成するまでに何ヶ月かかるのでしょう(T_T)
（目標は２ヶ月以内に終わらせたいです。小声にしておきます。）
■作成感想
文字だけとの事もあり、さほど難しくはなかったと思います。
（行き詰まるような場面は特になかったという意味で）
真ん中の「１０」だけ、同じ様なフォントが見つからず少し違う仕上がりになってしまいました。
なんのフォントだったんだろう...ﾓﾔﾓﾔ
でも、やはりまだまだPhotoshopを使いこなせていないのと、調べながら作業する部分も多く、結構時間がかかってしまったなぁと思います。
でも、調べながら作ったおかげで収穫もあり！
移動ツールが使いこなせる様になったのと、カラーピッカーの真の使い方を知ることができましたｗ
そして、他のデザイナーさん達を見ていると、皆さんバナートレースをInstagramにあげている方も多い！
それは私もやらなければ！！
ということで、インスタ投稿用のテンプレート(?)も、簡単に作成してみました。
こんなかんじ。
何色のバナーでも合う様に、モノトーンでシンプルに。
そして、バナーなのでバナナを。(⌒-⌒)
（ここに投稿して初めて気付いたのですが、外枠の下左右に隙間がっっ…！ 後で修正しますorz）
バナーを入れてみると、こんな感じ。
まぁ、よいであろう。
今の私に出来るのはこれくらいだろう。
また色々使いこなせる様になったら、その都度変えていきたいと思います！
ということで、
これから色々なバナーにチャレンジして、技術を身につけたいと思っている、ナリマツでした！！！
では☺︎ﾉｼ
