Adobe認定トレーニングセンター

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

Subtle Patterns

Web

WEBサイトの背景などに!商用OKの無料テクスチャ素材サイト「Subtle Patterns」の紹介!

 

みなさんウェブサイト作りは捗っていますでしょうか?自分はやっとトップページを完成させたばかりですが、その時にお世話になったSubtle Patternsというサイトとそれに付随して一つのサイトを紹介したいと思います。

Subtle Patterns

ウェブサイトを作っていて「背景どうしよう」って迷ったことはありませんか?
そんな時に有用なのがこのサイトです。

最新のパターンから探したり、
Subtle PatternsのSS01
人気のパターンから探したりも出来ます。

Subtle PatternsのSS04

いい感じのものを見付けたらDownload Patternをクリック後、名前を付けて画像を保存でOK!Subtle PatternsのSS05(実際に使うとこんな感じの継ぎ目のない背景が出来上がります)スクリーンショットこの時.webp(Googleが開発したwebサイト向けの新しい画像フォーマットでウェッピーというらしい)という拡張子で保存されます。主要なブラウザは対応しているようですが、なんか不安という方も居ると思うので併せてこちらのサイトも紹介します。

I Love IMG

色んな拡張子をjpgに変換出来るこの「I Love IMG」というサイトの使い方はとても簡単です。
JPGに変換をクリック後、ILoveimgのSS01
画像を選択もしくはドラッグ&ドロップでILoveimgのSS04
変換後の画像をダウンロードするだけ!ILoveimgのSS03
今回紹介したサイトはどちらも無料のサイトなので色んな画像で試してみるといいと思います。

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

関連記事

  1. Just Code

    Web

    Just Code cssで画像加工

    CSSを使用して、画像を加工するツールを紹介します。オンラインで利…

  2. Web

    ハンバーガーメニューはなぜ動くのか!CSSだけ& jQuery使用のコードで確認しよう

    ハンバーガーメニューとはWebサイトを見ていると、右上などにメニュ…

  3. Web

    無料!30秒で!グーグルマップの色味を変える方法

    グーグルマップの色味はCSSのfilterプロパティを使って簡単に変え…

  4. Web

    【実例サンプルあり】簡単に実装できるcssスニペット集

    この記事では、短いコードで実装可能なcssプロパティを紹介して…

  5. Web

    HTML&CSS初心者が通る道。バリデーターで文法チェック

    初心者みんなが通る道(かな?)間違い探しHTMLを習い始めたと…

  6. Web

    SVGアイコンをCSSで色を替えられるようにしよう

    今回はSVGアイコにCSSを適用させて色を変えられるようにする方法を紹…

人気の記事

CodeCamp

おすすめの参考書

PAGE TOP