Threejsを使って画像からパーティクルアニメーションを実装する

Threejsを使って画像からパーティクルアニメーションを実装する

Saki Hanazawa

Saki Hanazawa

こんにちは、デザイナーの花ちゃんです!

アイキャッチやバナー、記事内で使用する画像を作るときの写真素材、みなさんはどうしていますか? もちろんできることならぜんぶ自分で用意するのに越したことはないのですが、実際に撮影用のセットを組んだり現地に行って撮影したりするのは、時間や予算の関係でなかなか難しいときもありますよね。

そんなとき、役に立つのがロイヤリティフリーの写真素材です。私は素材を組み合わせたり、合成をしたりしてフル活用しています!

でも、イメージに合う素材を見つけるのってなかなか大変で、探し始めたらあっという間に1、2時間過ぎてしまうことも……。なんとか作業時間を短縮できないか……と思い、無料で使えて、 商用利用もできる素材サイト をまとめてみました!

引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。

イメージに合う写真を見つけるポイント

素材サイトの紹介の前に、まずは写真検索のコツをお伝えします!

Test image

いくつかの検索ワードを組み合わせて検索する

キーワードを増やすと、イメージに近い写真の候補を絞ることができます。また、1文字変えるだけでも検索結果が変わることがあるので、いろいろ試してみるといいと思います。

女性 会議

英語で検索する

基本的には日本のサイトは日本語、海外のサイトは英語で検索しますが、意外と日本のサイトでも英語で検索するとヒットすることがあります。

woman business

あとは、portrait(肖像画)、abstract(抽象的)、background(背景)、water color(水彩)、texture(テクスチャー)など、探している写真のイメージやテイストをそのまま検索ワードとして使うこともあります。

少しでも気になった素材は一度サンプルをダウンロード、もしくはキャプチャーして、実際のデザインにあてはめてから本ダウンロードするようにします。そうすることでイメージのずれが起きづらく、ダウンロードに回数制限がある場合でも安心です!

商用利用可な写真素材サイト12選

今回は写真が高解像度・高品質ということはもちろん、素材の使いやすさ、検索のしやすさ、加工に便利なテクスチャーかどうかなど、実務に使いやすい写真素材サイトを意識して選びました!

※ 各サイトで画像ライセンスや使用条件などが異なります。使用する際は利用規約や写真の条項を確認して、正しくお使いいただければ幸いです。

イメージボードの制作に役立つ「Unsplash」

Test image
Test image
Test image
Unsplash

商用利用:◯
加工:◯
クレジット表記:不要
ユーザー登録:不要

利用規約

すべて英語表記なので、検索が少し難しいかもしれません。COLLECTIONSから、各テーマごとに写真を選べます。

高画質で雰囲気のある写真が多いので、お客さまとのビジュアル面のすり合わせや方向性の確認をするための、イメージボード・ムードボードの制作に使いやすいです。

商用利用可なアイコン素材サイト12選

無料のアイコン素材をお探しの方はこちらの記事へ。商用利用できるおすすめのフリーアイコン素材サイトを集めました。線画、塗りつぶし、シルエット、ピクトグラム、フラットのテイスト別にまとめています。

同じテーマの記事一覧

PR

Test image
Test image

▼ブログ用コンポーネントデザイン

H2見出し

H3見出し

H4見出し

プレーンテキストコンポーネントです。プレーンテキストコンポーネントです。プレーンテキストコンポーネントです。プレーンテキストコンポーネントです。プレーンテキストコンポーネントです。プレーンテキストコンポーネントです。プレーンテキストコンポーネントです。

ブログ用テキストリンクデザイン

ブログ用外部リンクデザイン

広告用強調ボタン

  • 通常のリストテキストが入ります。
  • 通常のリストテキストが入ります。
  • 通常のリストテキストが入ります。
  1. 番号付きリストテキストが入ります。
  2. 番号付きリストテキストが入ります。

ここに質問文を入れてください

ここに質問の答えが入ります。

フィリピン人の技術レベルは高いですか?

人によりますが、日本人と比べて技術レベルは特に変わりません。

ここに質問文を入れてください

ここに質問の答えが入ります。

イメージに合う素材

太字テキスト

山田花子

台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現

山田花子

台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現

山田花子

台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現

山田花子

台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現台詞ボタンでの会話表現

引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。引用文が入るボックス。

 サンプルサンプル
サンプルサンプルサンプル
マーケティングの話をしませんか?

記事終わり

この記事のシェア数

大学院修了後、ゲーム制作会社に新卒入社し、IPものを扱ったゲームや新規開発チームでゼロベースからのUI設計・デザインを経験。LIGにジョイン後はLIGブログや外部メディアのアイキャッチ・記事内画像の作成を担当。現在は企業やサービスだけでなく、地方創生に関わるロゴ制作やサイト制作を積極的に行う。

このメンバーの記事をもっと読む
魅力的なデザイン × 機能性を両立したWeb制作ならLIGへ
お問い合わせ サービス詳細/実績