【写真の副業】WEBデザイナーの私が思う”使いやすい写真素材”とは?

  • このエントリーをはてなブックマークに追加

最近、副業としてPIXTAなどで写真素材を販売する方が多いとの話を聞きました。
スマホで撮影した写真があれば手軽に始められるので、人気の副業のようです。

では、素材サイトヘビーユーザーのデザイナー目線で素材として使いやすく、ダウンロードしたい素材とはどんなものでしょうか?
実際に写真をダウンロードして使う側の私が思う、使いやすい写真素材の特徴をまとめてみました。

その1.ピントがあっている

これはマストです。ピントが合っていない・ブレている写真は、加工でもどうすることもできません。

その2.写真が小さい

素材として販売するのであれば長い方の辺が3000px以上あった方が用途が広がり、WEBから印刷物まで幅広く使えます。
これは、最近のスマホで撮影していれば大丈夫だと思います。

その3.写真が暗すぎる・明るすぎる

ある程度は加工して明るさを調整することができますが、黒く潰れてしまっている・白飛びしてしまっている場合はどうにもりません。

暗すぎる例:Photoshopで開くと…

写真が暗すぎる例です。Photoshopで開いて、色を抽出すると、広い範囲で潰れています。青色になっている箇所が黒潰れです。潰れている場所は、写真全体を明るくしても色が綺麗に出なかったりします。


その4.被写体が切れていない

デザイナーは、写真に写っている人物や花を切り抜いて使ったり、まったく違う場所の背景に合成したりします。
もちろん、切れていても良い写真であれば使います。ですが、少し引きの状態で撮影されていれれば、用途が広がりますし、こちらでカットしたい場所でカットできます。

OK例:被写体が頭の先まで映っている

被写体が頭の先まで映っていると合成したい時に使いやすいです。

NG例:被写体の頭や肩が切れている

被写体の頭や肩が切れていると、頭の先を合成したり、傘を消したりしなければならず、使いづらくなってしまいます。


バストアップの写真でよく切れているのは、頭の先、髪の毛、肩です。
また、全身に近い形で撮影するのであれば、せっかくなので足の先までしっかり入れてあると使いやすいです。コートやスカートの端もよく見切れています。


その5.写真に余白がある

商業デザインの場合、多くの場合で写真と文字を組み合わせて使用します。その際に、文字を入れるスペースがあると使いやすいです。
パソコンやスマホの画面がどんどんワイドに進化しつつある昨今、WEBサイトで使用する画像も横長で余白が作れる画像が重宝されています。
撮影機材がiPhoneであれば、パノラマモードを使用すると良いと思います。

余白がある写真の例

左側にスペースのある写真です。こんな感じの余白があると使いやすいです。


この写真は特に、背景が大人しく連続性があるので、このように伸ばす加工も可能です。

文字を入れた例

例えば、WEBサイトのメインビジュアルで使用すればこんなイメージで使用できます。


さいごに

私たちの作業はクオリティの担保はもちろんですが、時間勝負の場面も多くあります。
そんな時にはより加工に時間がかからない素材を重宝します。あくまで一例ではありますが、参考にしてみてくださいね。

執筆者:森島[ WEBデザイナー ]

8bit デザイナーです。 デザイン・マークアップ・映像制作など幅広く担当しています。

関連記事

Webデザイン

【Photoshop】クリックするだけ!? AIで風景を置き換える新機能”風景ミキサー”の使い方

PhotoshopCCのver23.0から搭載された新機能「風景ミキサー」を紹介します。 AIを使用したフィルター機能で、写真の背景をクリックするだけで簡単に変更できます! 目次1 どんな機能?2 使い方2.1 手順1:被写体を選択する2.2 手順2:フィルターを適用する2.3 完成3 YoutubeChannelのご紹介 どんな機能? 左が元写真で、右がフィルター適用後です。 あくまで元の画像の構図や要素は崩さずに、雰囲気をガラリと変えてしまいます。 どんな雰囲気の背景にし […]

Webデザイン

【Illustrator】手書きのスキャン画像をパスデータにする

Illustratorの「画像トレース」という機能を使用すれば、パスデータを作成することができます。 簡単に使えるので、ぜひロゴやイラストを作る時に活用してください。 目次1 「画像トレース」機能の使い方1.1 画像トレースパネルを開く1.2 スキャンしたデータをトレースする1.3 不要な部分を削除する2 YoutubeChannelのご紹介 「画像トレース」機能の使い方 画像トレースパネルを開く まず、メニューから画像トレースパネルを開きます。 [ウィンドウ]>[画像トレー […]

Webデザイン

【Illustrator】長文をカラム分けして読みやすくする方法

リーフレットやチラシなどの印刷物を作る時、長文をカラム分けすると文章が読みやすくなります。 このカラム分けされたテキストボックスは互いにリンクされており、片方で改行などの編集をすると、溢れたテキストが自動で次のテキストへ送られるようになっています。 領域を作ってリンクするだけなので、非常に簡単です。ぜひ習得してください。 目次1 やり方解説1.1 手順1:四角オブジェクトを配置する1.2 手順2:四角オブジェクトをテキストボックスに変換する1.3 手順3:複数のテキストボック […]

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。