2018年7月、当サイトのデザイン変更時に使用した素材

更新:

当サイトは、2018年7月にデザインを大幅に変更した。 ここでは、その際に使用したフリー素材について紹介する。

レース

私は以前からレース(糸を複雑に編み込んだ模様)をサイトのデザインに使いたいと考えていた。

ただ、自分で作るのは大変なので、ネット上でフリー素材を探した。 以下に私がお世話になったサイトを紹介する。

da-lace

da-lace(ダ・レース)はレース素材の専門サイト。 ざっと探した中では、もっとも種類が豊富。

「丸」、「四角」、「ハート」、「ライン」など様々な形状を取り揃えている。

画像のサイズはSS~3Lまで、フォーマットはJPG、透過PNG、SVGが用意されている。 色は白、黒、赤が選べる。

da-laceからダウンロードできる。

da-lace

sozaico

sozaico(ソザイコ)も素材配布サイト。 このサイトのヘッダーメニューにある「lace」をクリックするとレース素材が表示される。

ファイル形式は透過PNGとIllustrator EPSがある。 また、Illustrator用のパターンブラシも配布されている。

sozaicoからダウンロードできる。

sozaico

FREE LINE DESIGN

FREE LINE DESIGNは、罫線・飾り罫ライン素材などを配布しているサイト。 上で紹介したda-laceと同様、TopeconHeroesが運営している。 ページヘッダーのメニューから異なる種類の素材も選択できる。

FREE LINE DESIGNからダウンロードできる。

da-lace(ダ・レース)

色の変更

レース素材の多くは、白か黒がベースのPNGやJPEGで配布されている。 これらの色はグラフィックスソフトで「色相・彩度」を調整すると変更できる。

以下にAdobe Photoshop Elements 2018での操作手順を記す。

  1. メニューの「画質調整」→「カラー」→「色相・彩度」を選択する。
  2. 「色彩の統一」にチェックを入れる。
  3. 白系なら明度を下げ、黒系なら明度を上げてから色相や彩度を変更する。

pixiv

当サイトは、開設当初からピンクを基調としたデザインを採用しているため、かわいい雰囲気の素材をネット上で探した。 その際、ガーリー(Girly)というキーワードをよく目にした。 女の子っぽいという意味だろう。

いろいろ吟味した結果、pixivにあった 【フリー素材】ナチュラルガーリーなパターン を使用することにした。 この素材はページの背景として使用した。

pixiv【フリー素材】ナチュラルガーリーなパターン

pixivというとイラスト投稿サイトというイメージがあるが、ウェブサイトなどに使えるフリー素材がたくさんある公開されている。

これらは基本的に同人誌で使うことを想定しているのだろうが、他の用途にも使える。

pixiv【フリー素材】その他
ページトップへ戻る