その11です。今回は画像編集によってみました。合成感がどうしても拭えない…。髪の切り抜き、調べるともっとやりようがありそうです。そして色を変えるのが楽しいです。トレースというか雰囲気だけでツールの勉強が……頑張ります！ #fammスクール #バナートレース #バナー模写 #webデザイン勉強中 pic.twitter.com/El6rWRaxZb

Photoshopとちょっとだけ仲良くなれたかと思ったら甘かった…検索したり動画見たりしながらツールを覚えています。そしてレイヤーとレイヤーマスクあたりをやっと理解してきました。文字の端だけ色つけるのどうやるのでしょうか。 #fammスクール #バナートレース #バナー模写 #webデザイン勉強中 pic.twitter.com/ZBkm39lbIF

まさかの3時間超え、Photoshop全然使いこなせなくて初歩的であろう写真の切り抜きにめちゃくちゃ時間がかかってしまいました。まわりの枠も挑戦したけど途中で心が折れてIllustratorにチェンジ。あーー知床に行きたいーーー！ #fammスクール #バナートレース #バナー模写 #webデザイン勉強中 pic.twitter.com/6Vh3vlc8MS

今回はPhotoshopに手を出してみました！Illustratorと同じところもあるけど、操作結構違いますね…写真の切り抜きは簡単でさすが。昨日上手くできなかった背景ができた感じがするけどIllustratorでも同じようにすればでき…る？？ #fammスクール #バナートレース #バナー模写 #webデザイン勉強中 pic.twitter.com/onMQ5fUWVC

【Design trace No.1】 選定理由：グラデーションが綺麗で目に留まったから 使用ツール：Figma 作業時間：1時間半 ほぼフォント選定で時間使った感。なんであんなにたくさんあるんや… #デザイン　#webデザイン　#webデザイン勉強中　#バナー模写 pic.twitter.com/xYYdqtbFJp

そのなな。時間がかかった割には微妙な仕上がり…んーー学習の方向性合ってるのか不安です。とりあえず1週間達成。そして1週間後には6月突入ですわわー！ 世界の美味しい料理が食べたいなー！ #fammスクール #バナートレース #バナー模写 #webデザイン勉強中 pic.twitter.com/gjCdq9rlV1

その6ですーー。今回からやり方を少し変えまして、これまでだいぶ楽してきたことが分かりました。文字だけなのに時間かかった…。このフォントはどこにいるんだー！ #fammスクール #バナートレース #バナー模写 #webデザイン勉強中 pic.twitter.com/MSuHc7n30t

バナートレースその5です。 1日1バナー練習とりあえず5日間達成、わーい。Illustratorとは仲良くなってきた気がするけど、デザインの目はあんまり養われてないような。 今日はもうちょっと頑張りたい欲です。 #fammスクール #バナートレース #バナー模写 #webデザイン勉強中 pic.twitter.com/2KPuYGMBJ1

昨日は気づいたら寝ちゃってました… 身体が心についていかない。 バナートレースその4 驚きの低クオリティ。ひどい。文字だけのと比べるとやっぱり難しいな。商品のバナーのときは、画像は切り抜きで持ってきてもよいのかな？？ #fammスクール #バナートレース #バナー模写 #webデザイン勉強中 pic.twitter.com/T2NeDNtlZx

バナートレースその3 はじめると楽しくなっちゃう。時間見てひぇ、、背景のパターン難しかったです… #fammスクール #バナートレース #バナー模写 #webデザイン勉強中 pic.twitter.com/cDzPwOviVy

バナートレース20日目🌈 左が見本、右がトレース トレースも20作品目、スピードも早くなってきたと思うしツールの使い方も少し慣れてきたような😀 そろそろオリジナルの架空バナーを作成してみたいです🙌 #バナートレース　#バナー模写 #figma pic.twitter.com/cPjyZ2N14l

バナートレース19日目🏃‍♀️ 左が見本、右がトレース 真ん中の黄色い円状のテキスト、TO PATHというプラグインで実装🙌 フォントが太字にならなくて少し存在感弱めになってしまったけど… ベースのブルーとポイントの黄色の組み合わせが効果的かも🤔 #バナートレース　#バナー模写 #figma pic.twitter.com/S7gkv2toHd

バナー模写18日目 上が見本、下がトレース ベクターパスで図形を描くのが慣れなくて…🙁 よく見ると真ん中の図形、砂時計ですね⏳背景のテクスチャも砂っぽい。 タイムマネジメントからの発想かな？ 文字を横長にするの、warp itという変形用プラグイン使用 #バナートレース #バナー模写 #figma pic.twitter.com/Z5FsvOBMvK

バナートレース17日目 左が見本、右がトレース 〜母の日らしいバナーを💐〜 figmaには縦書きそのものはありません！ フォントの数値と幅の数値を同じにすると縦書き風になりました😄 #バナートレース　#バナー模写 #figma pic.twitter.com/yFyLDuhGq8

バナートレース16日目 左が見本、右がトレース これからしばらくfigmaにお世話になります🤗 ところで日本語フォントを斜めにしたり細長く変形したりはどうやるのでしょう？ ネットで調べたskewというプラグイン、見つからないです😖 #バナートレース　#バナー模写 #figma pic.twitter.com/szKd1BU6JS

バナートレース15日目 作業時間2時間 左が見本、右がトレース 初めてfigmaで作業です🙌 これまではずっとPhotoshopを使用していました。 まだ慣れないですが、例えば文字間を詰める際など「やりやすい！」と感じることがありました🤗 #バナートレース　#バナー模写 #figma pic.twitter.com/rCDRqvr137

スクール通う前に 動画見てバナー模写しました☺️✨ Photoshop早く使いこなしたいなぁ😌 @mappy_photo #バナー模写 pic.twitter.com/VrgPKPPmoU

バナー模写14日目 制作時間3時間半 左が見本、右がトレース 画像の加工に時間を取られました💦 右下のボタンのグラデーションがうまくいったような😆✨ 「壊せ」部分の文字のテクスチャ加工は難しく、ちょっと中途半端に😭 #バナートレース #バナー模写 pic.twitter.com/aM4wUWxJT0

バナー模写13日目 制作時間3時間 左が見本、右がトレース 文字の一部の色を変えるのがたいへんでした😖 他にパターンの登録による塗り、イラストレーターでのイラスト作成などたくさん学びがありました😆✨ #バナートレース #バナー模写 pic.twitter.com/fwUCaEV3I8

バナー模写12日目 制作時間60分 左が見本、右がトレース Photoshopでテキストを縦長に変形することを覚えました☺️ 今回は割とテキストを似せられたのでは…？ バナー模写をする度に新しい技術を習得できてうれしい✨ #バナートレース #バナー模写 pic.twitter.com/sqPT0IGpZ1

バナー模写11日目 制作時間90分 左が見本、右がトレース 白線の二重枠に苦戦しました😖 Illustrator上では再現できたのに、Photoshopにコピペ(スマートオブジェクト形式だったかな？)したら二重白線の片方の色が薄かったり😱 #バナートレース #バナー模写 pic.twitter.com/8e1yLshgBq

バナー模写10日目👏 制作時間90分 左が見本、右がトレース 写真の加工をかなり行なった結果、低画質っぽくなってしまった💦 あとフォントへの意識が甘いため数字部分などまったく模写れてないテキストも😱 フォントのダウンロードのやり方を億劫がらず勉強しよ😣 #バナートレース #バナー模写 pic.twitter.com/BYoW72iXqn

バナー模写9日目 制作時間60分 左が見本、右がトレース フリーの写真素材を組み合わせて作成しました🍋 涼しげなブルーを基調に、強調を赤色で、ポイントのレモンに関することはレモン色を使用していますね。 フォントをもう少し近づける努力をしようと思います🧐 #バナー模写 #バナートレース pic.twitter.com/mvwRrK1HmC