素材サイトを作ってみた1-準備~開設-

スポンサーリンク

素材サイトを作ってみた1

こんにちは、トウゴです。
素材サイトを作ってから2年程、ストックイラストサイトに登録を始めてから1年程経ったので、準備から現段階までをまとめてみました。
このような情勢ですので、在宅で出来るストックイラストなど興味がある方もいらっしゃると思います。
そういう方の参考になれば幸いです。

素材サイト準備~現段階までを分けると、

  • 素材の準備
  • サイト開設の準備(レンタルサーバー・独自ドメインの取得などサイト自体の準備/サイトのカスタマイズと記事の作成)
  • サイト開設と広告の挿入
  • 更新と更に進んだ活動

になるのですが、この記事では「素材の準備」「サイト開設の準備」までを書いていきます。
サイト開設と広告の挿入・更新と更に進んた活動(現段階まで)は以下の記事をご覧ください。

 

スポンサーリンク

素材サイトを作るきっかけ

まず私が素材サイトを作ろうと思ったきっかけから書いていきます。

色々あるのですが、1番は自分のペースで出来る収入源が欲しかったことです。
今はありがたいことに毎月定期的に案件を頂けているのですが、私が主にやっているものは所謂ソシャゲというものになるため、サービス終了というものがあります。
特に私は会社に所属しているわけではないため、運営がどういう状況なのかがわかりません。
出来る限り担当したものはプレイしていますが、ゲームのジャンルや環境によって出来ないものもあります。
なのでサービス終了となると本当に突然伝えられるような感じになります。(何度かありました)
そしてこれも会社に所属していないため、次の仕事をすぐ貰える保証がありません。
また、育児中でなかなか思うように仕事が出来ないことが多く、どうしても出産前より受けられる仕事の量が少なくなりました。
今年4月からやっとほんの少しだけ今よりは手が離れるかなーという状況になりましたが、それでも出産前程にはなれません。

そういったことを考えたとき、仕事や収入源をどこかにだけ依存するのではなくなるべく色々なところに増やし、尚且つ自分で殆どのことが出来るものがあるといいなと思いました。
その考えがきっかけになり、自分の出来ることは何かを色々考えたときに、以前私のイラストを見た知人に「素材集とか作ればいいのに」と言われたことを思い出し、素材サイトを作ってみようということになりました。

 

準備

モチーフ決めと素材の制作

素材サイトを作ると決めてから、まず考えたのはどんな素材を配布していくかでした。
例えば「いらすとや」さんのようにどんなモチーフでも安定したクオリティで描くことが出来れば1番良かったのですが、私には難しいものでした。
なので、それならいっそ描ける!!と胸を張って言えるものだけを配布するようにしようと思い、食べ物イラスト限定の素材サイトにすることにしました。

クオリティの問題もありましたが、描いていて楽しいかどうかも重要視しました。
素材サイトのようなものは特に「継続する」ことが重要になります。
なので苦手なものを無理に描いて続けられなくなるのはイヤだったので、得意で描いていて楽しいモチーフを選びました。

 

描くものが決まったらとにかく素材を作っていきます。
この時ある程度命名規則を決めておいたり、データを保存するフォルダをちゃんと用意しておきます。
数が増えてきたときにわかりやすくなります。

私の場合は「素材サイト用」のフォルダを制作し、

  • Aiデータ用のフォルダ
  • 各解像度ごと分けたPNG画像用フォルダ(72と300dpiが分けられればいい)
  • JPEG画像用フォルダ
  • EPSデータ用フォルダ

でフォルダ分けして管理しています。
上記のフォルダは全て素材イラスト用で、サイトデザインなどに必要な画像は「素材サイト用」フォルダに保存しています。

JPEGとEPS用はストックイラストサイト(PIXTAやAdobestockなど)で素材を販売するようになった時に必要になったため用意したので、素材サイトの準備段階では用意していませんでした。
最初から自分の素材サイトでJPEG画像やEPSデータを配布したり、素材サイトと同時にストックイラストサイトに登録していくならば用意した方がいいですが、その予定がなければなくてもいいと思います。
透過が出来るので素材サイトではPNGデータを配布しています。
フリーイラスト素材なので、あまり解像度の高いものは配布したくないため72dpiのものだけ配布しています。
ちゃんと管理する方は恐らくエクセルなどで素材リスト的なものも作られているのではないかなと思うのですが、私はまだそこまで素材が多くないので用意していません。

命名規則やフォルダが決まったら、あとはある程度の数の素材を制作していきます。
やはり数がないと見た時に「これだけ?」という印象が強いので、まずはせめて20~30点はあった方がいいのかなと思います。

素材サイトを開設と同時にや開設したあとに、ストックイラストサイトにも同じ素材を登録する予定があるなら、1つの画像の中に何点か描かれている形で素材制作をすると、ストックイラストサイトへの登録も楽になります。
各ストックイラストサイトで大きさは多少変わりますが、どのサイトも最低限必要な画像サイズというものがあります。
そのためそれよりも小さいサイズで作ってしまっていると、いざ登録しようとした際にサイズを合わせるため編集し直さないといけなくなります。
登録に最低限必要なサイズで制作しておけば改めて編集する必要はなくなるので楽になりますが、割とサイズが大きめなので、1つの画像内にイラスト1点だけだと(ものによりますが)少し使いづらいものになる可能性があります。
なので例えば同じモチーフを色んな角度から描いたイラストを1つにしたり、カラーバリエーションをまとめたりと1つの画像に複数イラストがあるような形にした方が見映えがいいかなと思います。

 

サイト開設の準備

素材制作がある程度進んだら、どういうサイトにしていくか考えていきます。
これは個人で運営されている色々な素材サイトを見て回った方がいいと思います。
どういうレイアウトにするかなどを決めていき、それにあったところでサイトを作りましょう。

ドメイン取得やレンタルサーバーの契約→サイトのカスタマイズ→素材のアップロードや素材ページの制作→開設

ざっくりと挙げると、このような順番で開設していきます。
ドメインは独自ドメインでなくてももちろん開設出来るのですが、GoogleAdSenseなどの広告を導入予定なら必ず、導入予定でなくても出来たら独自ドメインの方がいいかなと思います。

 

私の素材サイトは、

  • ドメイン取得:ムームードメイン
  • レンタルサーバー:ロリポップ!
  • サイト構築:Wordpress

で制作しています。

ロリポップ!を以前から使用していたのでそれをそのまま使用しました。
サーバーがロリポップ!だと、同じ会社が運営しているムームードメインにすれば両方の設定が楽だったので、それでムームードメインにした形です。
なので私のような理由でなければ、自分の使いやすさや評判などを見て決めた方が良いでしょう。

サイトはWordpressで制作しています。
豊富なテーマやカスタマイズが色々出来る点と、ロリポップ!でWordpressを導入する手順が楽だったので、Wordpressを使用することにしました。
使用させて頂いているテーマはLuxeritas(ルクセリタス)という無料テーマです。
素材サイトがいい感じに収益化出来たら有料テーマにしたいなと思っていますが、今のところその予定はありません(笑)
Wordpressはたくさんのテーマがありますし、色々なカスタマイズが出来るのでおすすめです。
カスタマイズなどが色々出来る分、慣れるまでが少し大変ですが、すごく素敵なサイトを作ることが出来ます。
カスタマイズのしやすさやサポートなど諸々を考えるとどうしても有料テーマ>無料テーマなところはあると思いますが、自分に合ったテーマを使用するといいと思います。

ドメインの取得方法やレンタルサーバーに関してはこちらの記事を参考にしてみてください。
(ムームードメインとロリポップ!の他、私は使用していないのですが、お名前ドットコムやXサーバーに関てのページも載せています)

 

サイトのカスタマイズ

使用するテーマによっても違うとは思うのですが、サイトヘッダー(タイトル)画像やサムネイル画像など、素材以外でサイト開設に必要な画像がいくつかあります。

私が素材イラスト以外に用意した画像は、

  • サイトヘッダー(タイトル)画像
  • ファビコン画像
  • OGP画像(SNSでシェアされた際に表示されるサムネイル画像)
  • それぞれの素材ページ用サムネイル画像
  • カテゴリー画像
  • バナー的な画像

です。
ヘッダー(タイトル)画像、ファビコン画像、OGP画像はテーマによっては変更できない場合もあると思うので、まず変更できるか確認し、変更できるなら用意します。
そして上記3点+サムネイル画像はちょうどいいサイズが決まっているので、それも確認をしてから制作します。
サムネイル画像以外はそれぞれ1つずつ用意すればOKです。

カテゴリー画像は、素材が検索しやすいように「カテゴリー一覧」というページを作るのですが、そのページに必要な画像になります。
サイズは任意なので、見やすくレイアウトが崩れないサイズを決めて制作します。
私のサイトでは、大カテゴリ→小カテゴリーで分けて、どちらも画像で作っています。

それぞれの素材ページ用サムネイル画像は、要するに記事のサムネイル画像ですね。
これもまず適切なサイズを確認してから制作します。
どういう素材のページか一目でわかるようにしたいので、通常のブログ記事のようにスタイリッシュにするよりは、素材イラストのみを使ったサムネイル画像の方がいいと思います。
また、出来たら素材ページ以外のページのサムネイルも用意します。

バナー的な画像は私のサイトの場合フッター部分にある画像ですね。
これは単なる見栄えで入れたものなので、なくてもいいかなと思います。
カテゴリー画像とバナー的な画像は必要ないと思ったら用意しなくてもいい画像ではあります。

 

画像の用意と共に、素材ページ以外に必要なページを作っていきます。
これらのページはトップのメニューやフッターメニューから行けるようにしておくと来た人が見やすいです。
また、通常の記事作成からではなく「固定ページ」で制作します。

「このサイトについて」「利用規約」「お問い合わせ」「プライバシーポリシー」ページは必ず用意します。
「このサイトについて」はどういう素材サイトか、制作者のプロフィールや素材に関しての説明などを記載します。
「利用規約」はどういう範囲であれば素材を使用出来るか、禁止していること、著作権などに関して記載します。
こちらに関しては色々な素材サイトを確認して、どういう文言を入れた方がいいのかなどを考える方が良いと思います。
「お問い合わせ」はフォームを作って制作すると早くわかりやすく出来ます。
私はフォームはGoogleフォームで制作しています。
「プライバシーポリシー」は掲載している広告や使っているアクセス解析ツールなどに関する内容を記載します。
こちらのサイトがコピペOKなので、自分のサイトに合ったものに編集してページを作ります。
(編集する部分は管理人名や使用している広告の種類程度ですね)

他の文言も知りたい方は検索をしてみてください。
どれも素材を利用したくて来た人に確認して欲しい大事なページになるので、適当なページにはしない方がいいです。

私は自分で素材を制作して配布する以外に、オーダーメイドやリクエストで素材制作もしています。
そういった依頼を受けたい場合は上記に加えて素材制作依頼に関してのページも制作します。
私のサイトではまず素材制作依頼の「オーダーメイド」「リクエスト」それぞれの違いや詳細などを載せたページを作り、そのページから「オーダーメイド」「リクエスト」のフォームがあるページに行けるようにしています。
フォームは「お問い合わせ」と同じくGoogleフォームで制作しました。

 

記事の作成

記事イコール素材ページのことです。
上で挙げた必要なページを制作したら、メインである素材ページを作っていきます。

まず素材の配布方法ですが、

  • 右クリック→「名前を付けて画像を保存」で保存するやり方
  • DLで配布するやり方

があります。

1つのページで画像を1点~少数配布の場合は「名前を付けて画像を保存」のやり方でいいと思います。
私の素材サイトは画像保存のやり方にしています。
素材セットのような形で複数枚の画像をまとめて配布したい時や、画像ファイル以外(EPSデータなど)も配布したい時にはDLでのやり方が合っているかなと思います。

 

記事の書き方についてですが、ここでは「名前を付けて画像を保存」でのやり方を簡単に解説します。

「投稿」→「新規追加」で記事作成画面になります。
(※Wordpressの場合、デフォルトでは恐らくグーテンベルグというエディターになっていると思います。
慣れていれば問題ないのですが、かなり独特なエディターでエラーになることも多いので、もし特にこだわりがなければ「プラグイン」から「Classic Editor」を入れて有効化し、そちらを使用して記事作成をした方がやりやすいです。)

その画面の「ここにタイトルを入力」と表示されている部分にタイトルを入力します。
ページになんの素材があるのか一目でわかるタイトルにします。

本文に画像を追加していきます。
「メディアを追加」ボタンをクリックします。
画像類を追加するページに切り替わるので、アップする素材画像をドラッグ&ドロップか「ファイルを選択」から選んでアップします。

アップすると「メディアライブラリ」にアップした画像が追加されているので、それを選択して「投稿に挿入」をクリックします。

これで画像の追加は完了です。
追加された画像を選択すると、センタリングの指定や画像の編集が出来るので、必要な場合は指定していきます。

私の素材サイトの場合ですが、同じモチーフの素材は色違いなどのバリエーションを同じページにしています。
このように同じページに似た素材が複数枚ある場合には、どこが違うのかを簡単に書いたキャプションを入れています。
また、画像の表示サイズは基本的に中サイズで設定し、リンク先を「メディアファイル」にしています。

 

画像の設定が終わったら、DL方法を記載します。
これはわかりやすければどのような書き方・文言でも問題ないです。
「右クリック→画像を保存」で保存するんだよ、ということがわかれば大丈夫です。

DL方法を記載したら、アイキャッチ画像(サムネイル画像)とカテゴリー、スラッグを設定します。
カテゴリーは編集画面右側に「カテゴリー」があるので、そこから素材に合ったカテゴリーを選択します。

アイキャッチ画像は同じく編集画面右側の一番下に「アイキャッチ画像」があります。
「アイキャッチ画像を設定」をクリックするとメディアライブラリが開くので、そこに設定したい画像があればメディアライブラリから選択し、まだアップロードしていなければ「ファイルをアップロード」から画像をアップして、選択します。

そしてスラッグですが、編集画面の一番下(アイキャッチ画像の隣)にあります。
スラッグとはサイトアドレスの一番右側の部分になります。
(このサイトの場合、https://illustrator-sweets.com/〇〇〇の〇〇〇部分のこと)
スラッグは1記事1記事手間かと思いますが、必ず設定した方が良い項目です。
SEO対策の面で有効なのと、サイトアドレスがわかりやすくなります。
また、こちらの記事に簡単にまとめてあるのですが、以前ちゃんとスラッグを設定していなかったため、記事ページにちゃんと行けない状態になったことがありました。

どの記事を選択しても何故かアーカイブページに行ってしまうという状態だったのですが、設定していなかったスラッグを全て設定し、パーマリンク設定を「投稿名」にしたところ、記事を見ることが出来る状態に戻りました。

上記の状態になることは恐らく稀だとは思うのですが、サイトをちゃんと見ることが出来ないのは問題なので、最初から設定しておいた方が良いです。
(パーマリンク設定が「投稿名」以外になっている場合は「投稿名」に変更した方が良いでしょう)

カテゴリーなどの設定が終わったら、「公開」ボタンをクリックして記事の投稿は完了です。

 

DLが出来る記事の書き方については以下のサイトで紹介されていますので、DLで配布にしたい方は参考にされるといいと思います。
こちらのサイト様自体が、素材サイトのようなデータを配布するサイトの作り方を紹介されているところで、サイトオープンの準備から広告の挿入やデータ販売についてまで解説されているところなので、一度確認しておくといいです。
(私もすごく参考にさせて頂きました)

DLでの配布のやり方(記事の書き方)

サイト開設の仕方について

同じ手順で素材ページをいくつか作成します。
これで素材サイトの完成です。

 

独自ドメインの導入やサイトのカスタマイズなどは全て検索しながら行いました。かなり頭を悩ませましたが、定期的に更新していくものになるのでしっかりと行いました。
使用したいサーバーやドメインなどが決まったらそのサービスで検索すれば導入方法などが出てきます。
カスタマイズも「Wordpress (テーマ名) カスタマイズ」」などで検索すれば出てきますので、色々見てやりたいカスタマイズを決めていくと良いです。
その際ブックマークやメモなどを忘れないようにしましょう。

 

終わりに

ここまでで一通り開設まではいったと思います。
開設後に行う広告の挿入や更新・更に進んだ活動については次の記事で書いていきます。

最後までご覧くださりありがとうございました。