photoshopでのバナートレースを始めてから約2か月半、

先日やっと30本トレース出来たので、

ここで一旦これまでの出来事や成長できた事、今後の課題についてまとめておこうと思います！

私なりのトレース手順も書いておりますが、やり方は皆さん夫々、

もっといい方法を案内してくださる記事も沢山ありますので参考程度に(^^;

トレースしたバナー

InstagramにUPした物ですが、こんな感じで30本トレースしました！

私（ななふ）のバナートレース開始前の状態

photoshopのスキルゼロ

10年前ぐらい？に年賀状作りに使ったのが最後。当時も何となく適当に操作しただけで勉強経験なし。

今年(2020年6月)にAdobeCCを契約後、photoshop初心者向けの本を買ってほぼ一周し、

ブログのアイキャッチを3枚ぐらい試しに作ってみたぐらいのレベル。

ソシム社の「Photoshopレッスンブック　CC対応」です。

本屋さんで他の初心者向けの本も見て、

結局決定的な違いは見つからず、何となくこの本に決めてしまいました💦

内容は一通り網羅されていると思います(^^;

デザインの勉強ゼロ

独学でWebデザインを勉強したよ！という他の方々の記事には大抵デザイン本の紹介があり、

きっと必要なんだろうな、大切なんだろうな、と思いつつ手を出さずにいました(^^;

まずはソフトが使えないと話にならないじゃないか！と思ってました。

理想と現実

理想（こうやりたかった!!）↓

お恥ずかしいですが、ほとんど理想通りに出来ていません((+_+))

躓いたポイント

なんで上手くいかなかったのか、そのポイントを振り返っておきます(^^;

手順・環境を確立するまで四苦八苦

トレースか模写か

他のバナートレースされていた方々のSNSの投稿や、ブログを徘徊していて、
トレースと模写は違うという事が分かっていました。

SNSの投稿ではタグ名は「#バナートレース」だけど、実際は人によって色々だという事も気づきました。

アートボードを知らなかった

色をスポイトで取ってなかった

最初の頃は、見本の画像を色解析ツールを使って調べて、その色を設定して作業していました。

この方法でやり続けてもいいのかもしれません。配色の勉強になると思います。

しかし！！！やはり効率が悪すぎ、途中から見本の色をスポイトで取る事にしました。

フォント探しでひたすら時間がかかる

見本に使われている物と同じフォントを探すのって本当に大変です。

これまでの経験上、見本（プロの作品）のフォントと同じものはほぼ見つかりません(;^_^A

プロの作品は、フォント一つにも色々なこだわりや狙いがあって作りこまれている物なので、
既存のフォントをそのまま使うことが少ないのだと考えるようになりました。

トレースを重ねる内に、フォント探しのマイルールとして
何となく似た感じになれば良いとするとするようになりました。

使えるもので賄うという事です(^^;

似た感じのフォントを探すのも時間がかかるのですが、これは経験を重ねるしかないと思います！！

今は前よりも時間がかからなくなったかな～(^^;

最初の頃はiphoneのフォント探しアプリ等も使っていましたが、
現在は使うとしたらphotoshopの「マッチフォント」だけですね。

ただ、マッチフォントでも使いたいフォントが無い場合も多いので、
使えるフォント（adobe fontとgoogle font）をひたすら見て探す事の方が多いです。

フリーのフォントもチェックして、商用利用できる物はどんどんインストールしてます。

写真などの素材探しでも時間かかる

フォントと同様に、素材探しの旅もなかなか大変です。

トレースではフリー素材一択なので、限られた環境の中でいい感じな物を見つけるしかありません(;^_^A

他の皆様も愛用されていると思いますが、私は写真素材といえば最初はODANで検索しています。

ODANでいい写真に出会えなかったら、写真ACで探してます。

同じグループのイラストAC、シルエットACにもお世話になっています<(_ _)>

特にシルエットACは、イラストを描くのが得意ではない（と思います(^^;）photoshopでは大活躍です！

例として私の26回目のトレースでは葉や猪のシルエットをDLして使用しています。

シンプルな黒の画像なので、色を付けたり境界線だけにしたりして使い易いです(^^♪

PCのSPECに問題があった

見本に凝ったバナーを選びがち

BANNER LIBRARY

バナーデザインアーカイブ

SNSにUPするのも準備が必要

ブログに振り返りを書くのも時間がかかる

成長したと思うこと

まだまだなのですが、バナートレース前よりは前進したはず！

photoshopのスキル

ソフトを触ることに抵抗がなくなって、右往左往の状態は脱したと思ってます。

最初は選択の仕方やパスの使い方がごっちゃになっていて、いちいち検索してました。

初心者→初級？にはなった？(‘ω’)

illustratorのバナートレース後には、サイトの模写も始めたいです。

後の事を考えて作業するようになった

また、構造を考えてグループ化して制作する習慣がついたと思います。

具体的には背景、イラスト、タイトル等のグループを最初に作ってから作業を始めるようになりました。

↓30回目の時のデータの構造です。矢印の部分

最初の頃はレイヤーが全部フラットにずらーっと並んだ状態で作ってしまい、
どれがどれなのか分からなくなり、後で見直すとぐちゃぐちゃになっていました(-_-;)

グループ化しても、その下の階層でコピーしたレイヤーに名前をちゃんと付けていくとか、
徹底できていない事もありますが(;^_^A

もし、お客様に納品する場面が来た時にぐちゃぐちゃのデータは納品できませんもんね！

当たり前の事なのですが、今後も気を付けていきたいポイントです。

これからの課題

illustratorも使えるようになりたい

ツールとしてはillustratorも使えるようになりたいので、バナートレースを続けて行います！

まずはテキストのみのシンプルな物から始めていきます。

成果物は今までと同様にSNSでUPしていきたいと思います(^^♪

もし見かけたら、、、厚かましいのですが、是非「いいね」して下さい！

とっても嬉しいのです！！！

孤独な作業なので、他の方のトレースを見るのも勝手ながら楽しみにしています。

同じように頑張っている方々にやる気を頂いています(*´ω｀)

デザインの勉強に本気で取り組む

圧倒的に不足していると思うのがデザインの勉強です。

まずは皆さんが紹介してくださっているデザイン本をちゃんと読みたいと思います。

バナートレースで、何となく良いデザインの構造はイメージできるようになりました。

でも、具体的にどうすればいいのか？自分で一から作るとなると、手が止まってしまいます。

トレースできたからといって、デザインが出来るようになったわけではないと痛感してます。

実は試しにクラウドワークスのコンペに応募してみたんです(+o+)

作品は載せられないのですが、その際に何もできなくてびっくりしました。

当然不採用でしたが、他のデザイナーの方々の作品や、採用された作品を見て、

お客様の要求に対して私の作ったバナーってただの自己満足だなっと思い知りました( ;∀;)

今、手元には「なるほどデザイン」と、SNSでよく見かける「デザインのドリル」があります。

「なるほどデザイン」は既に読み終えております。最初に読んでおけばよかったと後悔しております。

↓「なるほどデザイン」これからデザインやってみよう！と思った方には是非読んで頂きたいです(^^)/

その他、読んでみたい本が何冊もあります。お金はかかるけどどうにか入手していきたいと思います！

↓「デザインのドリル」はトレースのヒントや解説が充実している、まさに初心者の為のドリルです！

↓「デザインのドリル2」もあるよ！こちらは応用編です。

その他やりたいこと

オリジナルのバナーを作ってみたいです(^^♪

私の居住地である群馬県にちなんだ物を作ろうかと考えております。

バナー作成がゴールではなく、サイトのデザインが出来るようになりたいので

サイト模写→オリジナルのサイトデザインと進めたいですね(^^)/

XDも使ってみたいです。そして、コーディング、wordpress化、と欲望は果てしなく続く(^^;

どこまで行けるか分かりませんが、楽しんでいきたいと思います！！

イラレでも30回達成しました！

2021年4月、やっとの思いでイラレでも30回達成しました～！

コチラも是非、ご覧になって下さいね(^^)/

最後までお付き合い頂きまして、本当にありがとうございます！

今後もどうぞ宜しくお願い致します<m(__)m>

---