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からダウンロードできる。

FREE LINE DESIGN ウェブ・スクリーンショット

色の変更手順

レース画像の多くは、白や黒の単色で配布されている。 フォーマットはPNGまたはJPEG。 これらの色を白黒以外に変更するには、グラフィックスソフトで「色相・彩度」を調整する。

以下は、Adobe Photoshop Elements 2018 を使用した場合の手順。

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

pixiv

Momokami は、開設当初からピンクを基調としたデザインを採用しているため、それに合うかわいい素材を探した。 いろいろ吟味した結果、pixivで ナチュラルガーリーなパターン を見つけた。 ガーリーというのは女の子っぽいという意味だろう。

pixiv ナチュラルガーリーなパターン

pixivというとイラスト投稿サイトというイメージがあるが、フリーで使える模様やパターン素材もたくさん公開されている。 非常に便利なのでオススメである。

pixiv フリー・スクリーンショット
このエントリーをはてなブックマークに追加


ページトップへ戻る