素材感のあるシームレステクスチャまとめ「Handy Roundup of Free Seamless & Repeating Textures」
TOP > Design > 素材感のあるシームレステクスチャまとめ「Handy Roundup of Free Seamless & Repeating Textures」 幾何学模様などパソコン上で制作した素材はどこまでも素材を継ぎ足したりと、利用しやすい加工が自由にできますが、布や紙など素材感のあるテクスチャをシームレスに利用するのは難しいもの。そんな中今回紹介するのが、素材感のあるシームレステクスチャをまとめた「Handy Roundup of Free Seamless & Repeating Textures」です。 Seamless Wooden Hedge Texture | Free resources for designer and developers 木目やレザーなど、質感を楽しめるテクスチャが豊富に紹介されています。中でも気になったものをいくつかピックア
CSS3でbackground（背景画像とグラデーションを同時に）指定するときの注意。／ライブラリー : アファメーションで独立・起業・夢実現。「いきなり！社長宣言！！」-“夢は口に出すことで実現する！”というアファメーション
アファメーションで独立・起業・夢実現。「いきなり！社長宣言！！」-“夢は口に出すことで実現する！”というアファメーション：ライブラリー 2011年4月23日 CSS3はガシガシ使うべし。 最近、ChromeやSafari、Firefoxなど対応するブラウザも増えてきて、そろそろ積極的に使ってもいいんじゃないか？っていう雰囲気のCSS3。 角丸やドロップシャドウなど、いままでどうしても画像に頼らざるをえなくて、その分余計なコードや作業が必要だったものが、CSSの設定だけであら不思議！？ htmlのコードはそのままに、見た目を簡単に変えることができます。 ウェブ屋にとって、まさに『待ってました』のCSS3ですが、背景画像とグラデーションを同時に指定する場合、注意が必要です。 背景画像が出ない！ 今回は透過PNGとグラデーションを指定するという単純なもので、グラフィックツールで作ったカンプをもと
CSS3で、背景にグラデーションを使いつつ背景画像を使うには - HYPER PORTFOLIO
デザインもコーディングもプログラムもこなす、とあるWebデザイナーのポートフォリオサイトです。基本は自分自身のメモのために立ち上げたサイトです。何か情報に誤りがありましたら、コメントして頂けるか、お問い合わせからお知らせ頂けると幸いです。忘れそうなので、個人的なメモです。 改行の仕方などは、あくまでも個人的に見易さを重視しているだけなので、お好きなようにカスタマイズしてください。 ちなみに僕は、あらかじめグラデーションのテンプレートを作り、それをDWのスニペットに登録し、さらにショートカットキー登録でAlt + Shift + Ctrl + Gですぐに出せるようにしています。 上から下へのグラデーションを作りつつ、背景画像を使用 .hoge-box01 { background: url(../images/hogehoge.png) 0 0 no-repeat, -webkit-line
50+ Pattern Sets To Spice Up Your Website’s Background
Have you ever felt bored with the plain colored background on your website? When a plain colored background can’t create the mood you want to present in your design, maybe you should try to improve your design by using a tiled pattern for your background. Though repetitive patterns often remind us of the old-fashioned era, sometimes a pattern can also be the answer to your confusion in taking your
この春つかえる！？花柄のフリーphotoshopパターン集60「60+ Floral Patterns, Backgrounds」
決まった柄をアートワーク一面に敷き詰めることができるphotoshopパターンファイル。簡単に様々なサイズで展開できるのでとても便利です。今日紹介するのは花柄のパターンをひたすら集めたphotoshopパターン集「60+ Floral Patterns, Backgrounds」を紹介したいと思います。 ちょっとレトロな柄から、POPなものまで様々な花柄のパターンが集められています。配布形式はpngとpat (photoshop patterns)形式なので、photoshopを普段使っている方はありがたいですね。 詳しくは以下 今時のとは少し離れたものが多いですがチラシ等の商業デザインの賑やかしなど、、使い方によっては便利に使えるのではないでしょうか？ ライセンスはFreeとかかれており、特に制限事項等は明記されていませんでしたが、商用利用をお考えの方は配布元で再度確認をお願い致します。
Twitterの背景画像を作れるWebサービスやフリーの配布サイト、役に立つサイトいろいろ
Twitterの背景画像に関するまとめです。 クライアントを使っていれば特に必要性は 感じ無いかもしれませんが、折角変更 出来るのですし、見る人も少なくないので ちょおとかっこよく変えてみるのもいいかも 知れません。 そういう訳で、Twitterの背景画像を作成できるWebサービスや配布サイト、役に立つサイト（ギャラリー等）のまとめです。 作成できるWebサービス Free twitter Designer 背景を選択してシェイプを追加したり、そのシェイプを半透明にしたり影を加えたり、画像をアップロードしたりといろいろ出来ます。OAuth似認証でログイン可。日本語での説明はこちら。 Free twitter Designer twit backs 手軽に背景を作成出来ます。プロフィールやメールアドレス、アカウント名等を左サイドに挿入してくれます。テンプレートが豊富。 twit backs
Twitterのhomeページを簡単に超絶カッコよくWYSIWYGで編集できる「Twitter Profile Designer」:phpspot開発日誌
Twitterのhomeページを簡単に超絶カッコよくWYSIWYGで編集できる「Twitter Profile Designer」 2009年11月20日- Twitterのhomeページを簡単に超絶カッコよくWYSIWYGで編集できる「Twitter Profile Designer」。 デザイナーな方も、そうじゃない方も、超ハイセンスなTwitter画面をサクっと作って自慢できちゃいます。 背景画像の指定が出来、デフォルトで様々な背景テンプレートが用意されていて、その色合いも自由に選べます。 画像が単に用意されていて、使うというのではなく、テンプレートからそれぞれの色味を選んで生成できるところが凄いです。 色合いも次のように、綺麗なカラーパレットから選択するだけで簡単指定。 背景画像には写真をアップしてそのまま適用してみてみることも可能です。 サイドバーのカラーパターンも見たまま編集が
背景などに使えそうなフリーの和風テクスチャ素材いろいろ
知人に頼まれて和柄の テクスチャを探していましたが その過程でいくつか見つけた素材 をメモしておきます。フリーの 日本風なテクスチャ素材です。 背景に使えそうなものが中心です。 何に使ってもその方の自由ですけどｗ 多少はメモしていますが、著作権はご自身でお確かめ下さい。 Japanese Textures 15種類の和壁、和紙や漢字が書かれた紙のテクスチャ。商用利用可。 Japanese Paper Textures 14 High-Res Japanese Paper Textures 和風の高品質なテクスチャ14種類が個人商用ともに利用可能。 14 High-Res Japanese Paper Textures Fireworksの和風・伝統紋様テクスチャ 商用OKの和風パターンテクスチャ。 Fireworksの和風・伝統紋様テクスチャ Paper Texture Pack 02 か
シームレスに敷きつめられるWEB用背景素材配布サイトまとめ
WEBを制作する上で、印象を決定付ける大きな要素が背景。表示面積が大きいだけに背景が与えるものは大きい。今日紹介するのはそんなWEB制作の際に使えるシームレスに敷きつめられるWEB用背景素材配布サイトを集めたエントリー「27 Best WebSites to Download Free Seamless Patterns」を紹介したいと思います。 Pattern 8 ジェネレーター的な使い方ができるサイトから種類豊富に幅広い背景素材を配布されているサイトまで様々なサイトが収録されています。今日はその中からきになったものをピックアップして紹介したいと思います。 詳しくは以下 ■Everyday Icons 比較的POPな背景が多く登録されている背景素材サイトです。可愛らしいサイトを作りたい時に。 ■Hybrid Genesis 質感のある個性的な壁紙がセットで公開されています。クセがあるので
花模様が超鮮やかなバックグラウンドパターン集:phpspot開発日誌
花模様が超鮮やかなバックグラウンドパターン集。 次のような鮮やかな花をベースとしたデザインの背景パターン集がまとまっていました。 サイトデザインの背景パターンとして使えば、それだけでインパクトが増しそうです。 リンク先は以下のエントリを参照してください。 35 glamorous floral patterns for designers | INDEZINER
[CSS]大きい画像をブラウザのサイズに合わせて背景に表示するスタイルシート
CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。 Perfect Full Page Background Image 下記、それを実装する要件とテクニックを二つ、それぞれポイントをピックアップして紹介します。 実装の要件 前提として、画像のサイズを調整する必要があるため、background-imageプロパティでの配置は不適格とします。 それを踏まえ、以下の条件をクリアさせます。 ページは画像でいっぱいに、余白は無しで 画像の大きさは自動調整 画像の比率は維持 画像はページ中央に 画像はスクロールさせない クロスブラウザ対応 一つ目のテクニックは余分なマークアップが必要で、IE6用にJavaScriptを使用したものを紹介しています。 二つ目のテクニックは、余分なマークアップを無くし、JavaScriptも必要と
じゅうたん風の美麗背景パターン素材集７０:phpspot開発日誌
じゅうたん風の美麗背景パターン素材集７０ということで、多数の背景パターン画像がdeviantARTなどからピックアップされて掲載されています。 背景画像にすればそれだけでオシャレなWEBサイトに変貌しそうです。テクスチャとしても使えます。 リンク先は以下のエントリを参考にしてください。 70 Beautiful Damask Patterns and Textures | Web Design Ledger 関連エントリ 200を超える非常に美しいPhotoshopのパターン集
敷きつめる事ができる雲と空のパターンとテクスチャセット「Tileable Cloud Patterns and Textures」
TOP > Design , Photoshop > 敷きつめる事ができる雲と空のパターンとテクスチャセット「Tileable Cloud Patterns and Textures」 デザインをしていて、空を足したり、雲を描いたりなどを行なった事があるという商業デザイナーの方は多いと思います。方法は色々とありますが、今回紹介するのは簡単に雲と空を好きなサイズで描ける敷きつめる事ができる雲と空のパターンとテクスチャセット「Tileable Cloud Patterns and Textures」を紹介したいと思います。 テクスチャの大きさは1024×1024pxとなっていてそこそこ大きなものになっています。またパターンはphotoshopのパターンファイル.patで制作されていますので簡単に利用する事ができます。いくつかのファイルが公開されていましたので下記に紹介したいと思います。
200を超える非常に美しいPhotoshopのパターン集:phpspot開発日誌
200を超える非常に美しいPhotoshopのパターンがまとまったエントリが公開されています。 deviantARTなどに掲載されているもののピックアップで、紹介されているパターンは以下のように非常に美しいです。 リンク先は以下のエントリを参考にしてください。 200 free beautiful Photoshop patterns hand-picked from DeviantArt - FrancescoMugnai.com ためしに使ってみました。 次のような背景をパターンで簡単に定義できてしまいます。 素晴らしい！ 関連エントリ サイトデザインをオシャレにする背景画像パターン集 サイトのレイアウト時に役立ちそうなレイアウトパターン集「12 Standard Screen Patterns」 背景画像に使えるレトロなPhotoshopパターン集 PhotoShopのブラシやパター
だんだん小さくなるドット柄の背景パターンを制作してくれる「Dotted Background Generator」
TOP > WebService > だんだん小さくなるドット柄の背景パターンを制作してくれる「Dotted Background Generator」 WEBデザインの印象を決定付ける大きな一つの要素の一つに背景があります。様々な背景素材やジェネレーターがWEB上で公開されていますが、今日紹介するのはだんだん小さくなるドット柄の背景パターンを制作してくれる背景ジェネレーター「Dotted Background Generator」です。 上記のように上部から下部に向ってだんだんと小さくなっていくような背景を簡単に作る事ができます。 詳しくは以下 使い方は至って簡単でドットのカラーと、背景色、そして高さを指定すればOKです。色はカラースライダーなどは実装されていませんので、指定する必要があります。また選べるカラーはドット、背景ともに2色までとなっています。背景色は2色選んだ場合はA
かっこいい背景を作るためのガイド60+ – creamu
noupeで、かっこいい背景を作るためのガイドが紹介されています。 いくつかご紹介しますね。 ↑はPhotoshopでデジタルにぼけ足を作るためのエフェクト。 » Photoshopで作るレトロなグリッド背景 » Photoshopでリアルな石のテクスチャを描く方法 » 継ぎ目のない背景の作り方 » Photoshopでリアルに破れた感じを表現する » illustratorで繰り返すパターンをデザインする その他のリストは以下からどうぞ。 » Outstanding Website Background Guide: 60+ Impressive Resources 渋谷の街がピグに見えてきたぞ。 時計は結局Googleガジェットのアナログ時計を入れました。小さめでかっこよくて、なかなかいい感じかな。もっと小さかったらいいのになー。あと透明度も設定したい。
高品質でシームレスなパターンがダウンロードできる -Pattern8
無料で商用サイトやプロダクトデザインに利用できる、高品質でシームレスなパターンがダウンロードできる「Pattern8」を紹介します。 登録されているパターンは現在のところ約100種類あり、PNG形式でダウンロードできます。 ライセンスは、個人・商用サイトの利用をはじめ、Tシャツ・名刺・カード・文具・ポスターなど無料で利用可とのことです。 再販や配布はNGです。詳しくはAboutを参照ください。
グラデーションのスウォッチをグリッド状に配置した背景を作成するチュートリアル
Adobe CS4のパッケージにあるような、微妙なグラデーションのスウォッチをグリッド状に配置した背景を作成するIllustratorのチュートリアルをVeerle's blog紹介します。
ウェブデザインにおける効果的な背景の使い方
Backgrounds In Web Design: Examples And Best Practices 以下、その意訳です。 ウェブデザインのスタイルは常に進化しており、大きな変化の一つに背景の使い方があります。 背景の重要な役割は、ウェブサイトへの興味を視覚的にひきつけることです。 背景はウェブサイトのテーマを支えるものであり、あらゆる可能性を考慮し設計を行う必要があります。 ここではウェブデザインの最近のトレンドをふまえた、背景のベストプラクティスを紹介します。 1. The Basic Background Structures 良い背景を設計する際に、背景の基本構造を知る必要があります。 Body Background bodyの背景は、昔から使用されている背景です。 主にイメージ、イラスト、テクスチャ、パターンなどを使用します。 Content Background コンテ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
紙・布・木・草などのシームレスなフリーのテクスチャ素材集