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. Web

    cssだけで、グラデーション入りのラインを作る!

    cssの擬似要素を使った、グラデーション入りのボーダーラインを作りまし…

  2. Web

    Flexboxで横並びを簡単に!

    皆さんは横並びのメニューなどのコーディングの際にflotタグ使っていま…

  3. Web

    Vegas2で背景画像をスライドショーに(jQueryプラグイン)

    cssで背景画像として設置していた画像をスライドショーにしたい。画面い…

  4. Web

    【CSS】CSS Gradientで複雑なグラデーションを作成

    CSS Gradientというフリーサイトを使ってCSSで複雑なグラデ…

  5. イラスト

    Web

    JQueryのランダム要素簡単実装

    ○はじめに難しそうですが案外簡単に使えますので、初心者の方向けにざ…

  6. CSS Grid Layoutで複雑なレイアウトを3ステップで作成

    Web

    【CSS】Grid Layoutで複雑なレイアウトを作成

    最近、Pinterestのようなギャラリーページなどで大きさが異なる画…

人気の記事

CodeCamp

おすすめの参考書

PAGE TOP