シンプルなものからかわいいものまで、ベーシックなパターンが揃ったSVGフォーマットの背景素材を紹介します。インラインSVG、SVGファイル、Figma用が揃っており、SVGなのでカラー変更なども簡単です。 商用プロジェクトでも完全に無料で、こういうシンプルなパターンはさまざまなデザインに使用できるので、助かりますね。
パターンに関するfujis_aのブックマーク (21)
-
fujis_a 2021/09/29
-
コピペで簡単！CSSで実装されたジグザグ、波状、罫線、アイソメトリックスなど背景パターンのスタイルシート
ジグザグ、波状、罫線、アイソメトリックスなど、CSSで実装されたさまざまな背景用パターンをコピペで簡単に利用できるオンラインツールを紹介します。 カスタマイズにも対応しており、前景と背景のカラー、不透明度、サイズを簡単に変更できます。
-
コピペでOK！CSSで作る背景パターンのサンプルコードまとめ | Web Design Trends
Webサイト上の要素に背景を表示したい場合、シンプルに画像で表示する形が一般的ですが、CSSを使って背景パターンを表示するという方法もあります。 ドット柄やチェック模様、ストライプなど色々な種類の背景パターンをCSSだけで作ることができ、使い方を覚えておくとWebデザインに色々と活用することができます。 今回は、CSSだけで背景パターンや模様を表示するメリットや、様々なサンプルコードが掲載されているおすすめのサイトをご紹介したいと想います。 CSSで背景パターンを作るメリット Webページ上の要素に背景を適用する場合、一般的には画像ファイルを用意してbackground-imageプロパティに指定することが多いですが、CSSだけでも様々な背景パターンや模様を作ることができます。 画像ではなくCSSで背景パターンを作った場合のメリットとして、例えば次のようなものが挙げられます。 背景画像を書
-
商用利用OK！50種類の細かく描かれた花・草・木がかわいいベクター完備のパターン素材が今だけ無料です -Meadow
通常は有料ですが、1週間限定で無料ダウンロードできる、かわいいパターン素材を紹介します。Webデザイン、グラフィックデザインをはじめ、紙やプロダクト、販売する同人誌などにも利用できます。 1クリックで50種類全フォーマットをダウンロードできるので、お見逃しなく！ Meadow - 50 vector seamless patterns Meadowは、50種類のベクターのパターン素材セットです。細かく描かれた花・草・木・蝶・動物・抽象的な柄がかわいくデザインされており、シームレスに使用できます。ダウンロードできる素材のフォーマットは、下記の通り。 .ai .eps .jpg .png .aiまで揃っているのは、さすが有料素材ですね。 50種類のデザインをいくつか見てみましょう。
-
テクスチャ、パターンがなんでも揃う無料オールインワン素材集60個まとめ
テクスチャやパターン素材は、どんなデザインプロジェクトでも役立つ万能アイテムです。だからこそ、いつでも使える高品質な素材を揃えておきたいもの。 今回は、デザインの引き出しが増える実用的で、無料ダンロードできる新作テクスチャやパターン素材を厳選してご紹介します。美しいグラデーションや水彩ペイント、人気の高い黄金テクスチャ、2018年に話題の「メンフィススタイル」、重ねるだけでビンテージ風に仕上げるオーバーレイ素材など、普段使いから特別なデザインプロジェクトまで、幅広く利用できます。 無料で高品質！デザインがグッと良くなる厳選テクスチャ素材58個まとめ テクスチャ、パターンがなんでも揃う無料オールインワン素材集 12 Free Vibrant Gradient Shapes カラフルなグラデーションカラーを重ねたシェイプが揃い、PNGファイルの他に、Illustrator用AIファイルが収録さ
-
ベーシックなストライプのPhotoshopパターン 460個セットを作りました ： 460 Basic Stripe Set
ベーシックなストライプのPhotoshopパターン 460個セットを作りました ： 460 Basic Stripe Set 仕事でストライプのパターンを良く使うので、まとめて作ってみました。ストライプのパターンは、斜め・縦・横の3種類、白と黒（背景透過）、線幅2pxごと、線幅の間隔は等倍・1.5倍・2倍の全460個です。 (stripe.zip:571KB) Zipファイルを解凍後、パターンファイルをPhotoshopにドラッグ＆ドロップするとパターンが追加されます。 商用利用OK、印刷OKです。再配布はNGです。ご使用の際の報告やリンク、著作権表示は不要です。お気軽にお使いください。 ストライプパターンについて 斜めのストライプは、英国式の右上がりです。 線の色が白と黒なので、描画モードを「オーバーレイ」等にすれば、大体どんな色にでもできると思います。 線幅は、1pxと、2～50pxま
-
完全無料で300枚！デザインの参考にできるテクスチャ、パターン素材集
デザインプロジェクトに必要な素材のひとつ、テクスチャパターン。素材を探していたら、いつの間にか時間が過ぎてしまっていた、そんな経験はないでしょうか。 今回は無料ダウンロードできる最新テクスチャ素材を厳選してご紹介します。トレンドの手書きスケッチやレトロ、ビンテージスタイルに加え、大理石や普段使いにオススメの紙やウッド、グランジテクスチャなど合計302枚の幅広いセレクションが揃います。 どれも無料ダウンロード可能な素材で、収録されているファイル形式と枚数も一緒に表記しています。 商用可！長く愛用できる人気テクスチャ、パターン限定素材集 高品質で実用的なパターンとテクスチャのみを厳選し、総額$2,070（およそ23.5万円）相当のデザイン素材をまとめて収録した「The Vibrant Textures, Patterns and Backgrounds Bundle」が11月20日、月曜日まで
-
デザインにインパクトをあたえてくれるフリーのハーフトーンパターン70選「70+ Free Halftone Pattern Texture Resources」
TOP > Design , vector > デザインにインパクトをあたえてくれるフリーのハーフトーンパターン70選「70+ Free Halftone Pattern Texture Resources」 デザインにちょっとしたアクセントを与えてくれるパターン素材。雰囲気を出したいときや、要素を目立たせたいときなど非常に便利です。今回はそんなパターン素材の中でも、王道のハーフトーンパターンをまとめた「70+ Free Halftone Pattern Texture Resources」をご紹介します。 10 Free Detailed Vector Halftone Texture Backgrounds ヴィンテージ風やポップ風、流行の漫画っぽい加工など様々な場面で大活躍のフリーのハーフトーンパターンが、70種類以上もまとめられています。その中からおすすめの素材を3つご紹介
-
Photoshopに役立つ、無料の万能パターンテクスチャ厳選40枚 2017年4月度
グラフィックデザインからウェブ制作まで、幅広く利用できる Photoshop 用の無料パターンテクスチャ素材をまとめてご紹介します。どれも最近公開されたものばかりで、新しいデザイントレンドも手軽に取り入れることができ、制作時間の短縮にもつながります。 特に今年人気の高いカラフルデザインやモダンレトロの他に、どんなデザインにも役立つ万能アイテムなどが揃います。デザインが何か物足りないと感じるときは、無料ダウンロードできるPhotoshopパターンを活用してみましょう。 デザインの現場ですぐ使える、おしゃれな無料パターン素材38枚まとめ ミニマルスタイルの隠しテク！継ぎ目のない質感系フリーパターン素材まとめ 商用利用にも対応！すごいフォトショップのパターンテクスチャ素材まとめ 2015年7月度 Photoshop パターンの基本的な使い方 パターン素材は、一度インストールしてまえばパターンピッ
-
-
-
デザインのクオリティを上げるシンプルな背景パターン「 75 Seamless Photoshop Pixel Patterns」
デザインの細部は宿ると言われており、細かな部分が全体なクオリティに繋がってくるものですが、WEBデザインも同様に細かな背景やパーツを作り込むことでクオリティが上がってきます。今日紹介するのはデザインのクオリティを上げるシンプルな背景パターン「75 Seamless Photoshop Pixel Patterns」です。 非常にシンプルですが、基本的にはシンプルですが中には少し遊びのあるピクセルパターンが全部で75種類まとめられています。 詳しくは以下 非常に利用しやすそうなパターンファイル。シンプルなだけに汎用性がかなりありそうで制作の現場でも活躍してくれそうです。 配布ファイルはPhotoshopのパターンファイルとなっており、基本的にはphotoshopが入っていればダブルクリックすれば登録されるようになっています。もう少しだけデザインに質感を持たせたいという方は是非どうぞ。 Del
-
-
Bg-patterns 背景パターン配布＆作成サイト
WEBやDTP、ビジネス資料などで使える背景素材を商用可でフリー（無料）ダウンロードできる『Bg-Pattrens』。 色や形、サイズも自由にカスタマイズして自分のオリジナルの背景を作ろう。
-
-
紙・布・木目・ドット柄など無料で使えるシームレスパターン素材まとめ
ウェブ制作にシームレスなパターン素材は欠かせませ... / シームレスなテクスチャーパターン素材 / Subtle Light Tile Patter...他...全18件 ウェブ制作にシームレスなパターン素材は欠かせません。いざ探そうとすると、これがなかなか見つからなかったりして厄介です。 ここでは、最近見つけた質感を加えたいときに重宝するパターン素材をまとめました。
-
Webデザインで使えるフリーシームレステクスチャ100枚 – poyosi.com
初めまして、@poyosiです、こんにちは。 Webデザインなどで壁紙を作る際に便利そうなテクスチャを100枚作りました。 このブログの制作や、他Webサイト制作でノイズがかった背景や、ちょっと変わった背景が必要だったので自分用にちょっとした加工で簡単に背景が作れるテクスチャを色々用意しました。 大きめの画像にしたので、Webサイトの背景などで繰り返し（リピート）使用しても繰り返し部分が目立たなくなるようになっています。個人利用可、商用利用可なので、もしよろしければWebサイトの背景やバナーの背景を作るときに自由に使ってみてください。 テクスチャ一覧 Photoshopでテクスチャを使ってみよう 1：パターンを登録しましょう。 パターンに登録したいテクスチャ画像をPhotoshopで開きます。 「編集」 > 「パターンを定義」からパターンを登録します。 2：背景画像を作ってみましょう。 新
-
-
僕のWEB屋人生で見つけたテクスチャ、パターン系の素材サイト全部 | バンクーバーのうぇぶ屋
もはやタイトルのまんまなんですが。 僕がWEB屋を初めてから、背景やボタンのアクセントに使うようなテクスチャとかパターン素材とか、とにかく沢山見て来た物をメールから、ブックマークから、チャットから、Evernoteから引っ張り出して数ある限りご紹介させて頂きます。 僕の場合は、こういうサイトを見てテクスチャのアイデアを探すことの方が多いですね。 ちなみに数も多いので、devianaartやらeverystockphotoなどの超有名どころは外しています。では、早速見ていきましょう。 Subtle Patterns | Free textures for your next web project 種類はそこまで多くないですが、使いやすい感じのパターン素材ですね。個人的に一押し！ Texture | Premium Pixels 以前の記事でご紹介した、ハイクオリティなPSDがダウンロード出
-
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Copyright © 2005-2025 Hatena. All Rights Reserved.
設定を変更しました