楽天逆転プロジェクト(ネットショップ運営に失敗しない本物の情報)

ひとり店長必見、売上アップの秘訣はこれだった

カテゴリー: サイト制作用素材集

2018年版 ネットショップのバナー作成に使える無料写真サイトまとめ

商品ページやバナーに写真は必須

ホームページを作成しているとバナーを作ったり、ヘッダー画像や、商品画像を加工することがよくあります。

特にサイトの見合ったイメージはアイキャッチとしてぜひ欲しいところです。

しかし、肝心の写真は家族か従業員がモデルになってくれて、

イメージに合った風景があって、写真の腕があって、カメラがあって初めて撮れる訳です。

まっ、結構大変だと言うことですね。

そこで手っ取り早くネットで拾う訳ですが

 

 

やばいぞ画像の無断使用

著作権の問題などで、好き勝手に使っていいわけではありません。

個人のブログならまだしも、会社のブログとなると訴えるぞと言われることもあるようです。

マジで知り合い骨董品屋さんには金を払えと通達が来たそうです。

 

 

会社名はゲッティ(よくテレビでもコピーライト付の画像を提供しています)

 

 

しかし、いきなり金払えなんてなんか詐欺っぽいですね。でも、詐欺でありません。

こちらにそれと類似の経緯が詳しく書かれています

この方はヤフオクで入手した画像が問題になったようです。

 

 

 

素材写真や画像を手に入れる方法

後でトラブルといやな物です、そこで著作権の表示が不要で、無期限に使える無料、写真素材を紹介します。

プロがよく利用する、無料のサイトです。

 


本当に使える無料人物写真

日本人の人物写真って数が少ない、あったら有料で高いのが普通ですが、
最近私が絶賛注目&使用中は以下のサイトです

 

 

 

  • http://www.photo-ac.com/
    すでに説明しましたね。
    しょっちゅう使うなら、会員になったほうがストレスがありません。

 

  • http://model.foto.ne.jp/
    アジア人モデルの無料写真素材サイト
  • http://www.gatag.net/
    きれい系の、写真。ネットショップには使いどころが難しいけどブログ記事なんかにはよさそう

 

 

 

 

有料素材でしっかりした物を使いたい

Fotoliaの写真素材、高品質で低価格
adobeに買収されました。
そして価格がたかくなりました。
クレジットを買って使うか、
Adobe Stockとして、毎月月額利用料を3480円払うか
写真・イラスト・動画素材販売サイト【PIXTA(ピクスタ)】
ワンパターンの素材だと飽きられます、差を付けたいならここ
数千円とちと値段は張りますが、差をつけたいならここ
【公式モデルの写真素材】今なら5,000円分のポイントプレゼント『美素材.com』
美人のモデルを探しているなら、迷わずここです。
若い子ばっかりなので、ヤングファッション系にいいですね。

関連記事

クオリティーの高い厳選 写真素材集(無料)

一流のプロのデザインはやっぱりどこか違う。プロも使う無料の写真、イラスト素材集

海外のサイトデザイン、無料デザインあり

Coolなデザイン、すっきりしたデザインです。

HTMLのコーディングに落とした物ややWordPress用のテーマはあったりして買うこともできます。

http://elemisfreebies.com/

モデルの無料写真素材

モデルの写真は買うとかなり高価です。このサイトなら無料!!探せばある物です。
有料の画像サイトへのリンクが混ざっていたりしますので、そこは注意して下さい

http://model.foto.ne.jp/

アジア人モデルの無料写真素材サイト
http://www.gatag.net/

足成も無料のモデル写真素材ありです
http://www.ashinari.com/

点数は少ないけど、使える
http://busitry-photo.info/

 

クオリティの高いイラスト

メルマガを読んでいると色々と特典情報がある。自分のマル秘サイト。jpgだけでなくepsもある。
本当に気に入ったらイラストレーターに依頼もできる。
このサイトは写真からフォントまで、姉妹サイトも全部無料。人物写真も多数

有料にするとまとめてダウンロードができるので僕は有料会員です。

イラスト
http://www.ac-illust.com

写真
http://www.photo-ac.com/

関連記事

30秒でWordPressの高速化

プラグインを1ついれただけです

名前は W3 Total Cache

英文なのでよく説明も読まずに、プラグインを追加

 

Page Cache

Minify

Database Cache

Object Cache

Browser Cache

 

後はなんとなく意味不明なのでデフォルトのまま

30秒で設定終了!

 

 

http://gtmetrix.com と言うサイトで速度測定

 

Fランク判定がBランクになりました。

 

まあ、これでいいでしょ。

 

ホントの原因はサイドバーに固定ページを表示するウィジェットがあったからですが、まあいいですよね。

店長は結果がすべて、楽して結果を出したい物ですから

 

pageやcssをキャッシュさせてあるので、固定ページやcssを修正したときにはキャッシュクリアをお忘れなく。

関連記事

かっこいい、売れる、バナーの作り方

最初に断っておきますが、私はデザイナーではありません。

プログラマーだったことはありますが、プログラマーとデザイナーでは別の人種です。

 

そして、デザイナーは日頃から、あらゆるデザインを見ながら勉強し、研究しています。

僕たちは、それどころではありません、出荷して、電話にでるのが仕事

 

ですが、簡単なバナーぐらい自分で作れないと、タイムリーな企画が出来ません。

色々なトライをすることもできません

 

 

能書きと言い訳はさておいて

バナー作成の過程をおみせします

これ、プレゼント企画のバナーです。

まず最初に、企画に必要な文字と絵をいれました。

もしあなたがここまでツールを使えれば、その次のステップへ

おまけバナー3

簡単なバナー (改良前)

ダウンロードしていただければアドビのFireworksで修正できます。
Fireworksはほとんどバナー作成に特化しています。

文字入れしやすい上、バナー作成で使う画像処理はほとんど出来ます。

 

 

おまけバナー

デザインしたバナー (改良後)

どうですかね?なんとなくプロっぽくなりましたか?

バナーをプロっぽくするポイント

  • 文字の大小でメリハリをつける
    ジャンプ率といいます。調べて下さい。
  • ドロップシャドーというのを使って影をつける
    期間限定おまけと矢印に影をつけています
  • 背景にグラデーションや画像を入れる
    背景やグラデーションは自分で作ることは諦めましょう。
    僕たちには無駄な時間です代わりに
    background images などとgoogleで画像検索をしましょう。
    英語なのは海外の方が豊富に無料データがあるからです。

 

 

売れるバナーへの変更

しかし、なんとなくうざったいと感じて、背景を取ってしまいました。
バナーとわかるようにするために、周辺に細い線をいれてあります。

 

おまけバナー2デザインしたバナー (改良後)

デザイン的、美的にはどうか知りませんが、

読ませたい文字目立つようになりました。

私としてはこれで十分です。

デザインは凝り出せばキリがありません、

プロの秘密

プロのデザイナーたちがいつも気にしていることですが

その秘密とは1/3とかと言う数字です。

まっ、だいぶアバウトなようですが、それを意識すると締まると言うことです。

 

このバナーの場合、目立たせたい文章と、そうでない文章の比率を

3:1ぐらいにしてあります。

画像の量もだいたい1/3ぐらい。3角形に配置

おまけバナー4

あくまでも、ド素人が、なんとなくそれなりにバナーを作るための智恵です。

もっとセンスがある方、さらに上を目指す方は、しっかりデザインの本を読んで勉強しましょう!

最終的にはもう少しいじるかも知れませんが、まあひとまずこんな物です。

 

 

バナーやホームページを発注する時の注意

  • 文字入れしていない画像ももらう
    外注に出す場合の最重要事項です。
    当社のサイトをデザインした会社は文字入れした画像を結局よこしませんでした。
    バナー専門デザイナーは当然のようにつけて来ました。
     
  • うざいデザインをさせない
    プロってやつは、どうも自分のスキルを見せたがります。
    特に学校出たてのデザイナーは、必ず背景を入れたがります。しかし、背景がうるさいと文字を読みません。

    あなたも、他のサイトやチラシのバナーを見て下さい。チラッと見て、何が印象に残ったか?
    印象に残った物が、売りたい物と違ったら。。。

関連記事

楽天逆転プロジェクト © 2010 Frontier Theme