私は現在バナー制作の勉強をしていて、模写したバナーをブログで記録したいと思ったのですが
そもそも模写に使用した参考画像や模写したバナーをブログに載せても大丈夫なのかな？と
気になったので調べてみました。
バナー模写した画像はブログに載せられる！
結論からいうと、ブログやSNSに載せても大丈夫なようです。
こちらのYouTube動画の情報を参考にさせていただきました。
注意点としては、模写したデザインだということをしっかりと明記すること。自分のデザインとして掲載するのは当たり前ですがNGです！
Google検索でヒットした画像や芸能人の画像を使用しない等、気をつけたいと思います。
調べてみるとブログやインスタグラムで模写したバナーを載せている方が結構いらっしゃったので
安心しました。
模写したバナーをブログやSNSに載せるメリットというのはあまり無いみたいですが、
オリジナルのデザインを作れるようになるまでは練習の過程として記録したいという方はいますよね。
私もたまに載せられたらいいなと思っています。
ある程度バナー模写ができるようになりデザインの勉強がすすんだら、架空の企業やお店の商品のバナー制作をして自分のデザインとして掲載できるように頑張りたいと思います！
模写したバナーと参考画像はこんな感じ
実際に模写したバナーと参考にしたバナーを載せたいと思います。
今回はテキストと図形で構成されたバナーを模写しました。
バナー模写＃1
フォント選びに苦戦してしまい、少し形が違うフォントを使用しました。
この後「マッチフォント」という機能を知り、今はフォント選びの参考にしています。
↓下記に少し詳しく書いています。
フォントで印象がけっこう違うのでWebデザインでフォント選びって重要なんだな、と
思いました。。
おしゃれなフォントもっと知りたいな！
バナー模写＃2
このバナーは図形やラインで作ったパーツが多く入っています。
真ん中の円形の矢印にけっこう苦戦しました！
矢印の部分は楕円形ツールと三角形ツールを組み合わせて作りました。
もっと良い作り方があるのだろうな〜〜と思いながら。笑
矢印のグラデーション部分も色や角度を調整して作りました。
参考画像の方では矢印部分が水彩画のような質感になっているのですが、
それを再現するやり方が分からず。
水彩画のようにはできなかったのですが
「ivory-off-white-paper-texture」というザラザラした画用紙のような質感の画像を
クリッピングマスクで矢印に適応させて乗算しました。
仕上がりは全然違ってしまいましたが、すごく勉強になりました。
「NEWS」の文字部分が中抜き？になっているのも、
はじめはこういうフォントがあるのかと思ってしばらく探していたのですが
見つけることが出来なくて、（ちゃんと探せばあるのかもしれないけど）
文字を境界線とレイヤー効果を使って中抜きにすることを覚えました♪
バナー模写して思ったこと
模写するバナーを選ぶときに少し自分には難しいかな？と思うようなバナーを選ぶと
とても練習になるのでそこは選ぶときに気をつけたいと思いました。
なんとか形になった、という感じですが少しずつ出来ることを増やしていきたいです。
知ることができた加工方法をブログで書くのもいいかもしれないと思いました。
ひとつのバナーで色は3色くらいが基本なのでしょうか。。
配色だけじゃなくて使用したフォントも書き留めておくとあとから見返せるので今後はそうしようと思います！おしゃれなフォントたくさん知りたいです。
プロのWebデザイナーの方が作ったデザインを少しでもつかめるように
バナー模写がんばりたいと思います♪
コメント