覚えておきたいと思いメモしていたのが溜まってきたので、自分用の整理兼ねてまとめました。 ウォーターカラー、グランジ、ウッド、ペーパー、ピクセルなど背景・テクスチャ・パターン素材全50種類です。 使いやすそうなシンプルなものから主張が強めのものまで様々なタイプがありますが、上手く取り入れることでデザインをグッと良くさせることができます。 紹介している素材を使用する際は、ライセンス等は各自で再度確認してください。
個人でも商用でも無料で利用できる、ざらっとした紙、つるっとした紙、もわっとした紙など、さまざまな紙が揃ったテクスチャ素材を紹介します。 紙系のテクスチャ好きの人には、嬉しい素材ですね。 Free Paper Texture Pack ダウンロードできる素材のフォーマットは.jpgで、サイズは2,100x1,500pxの高解像度のテクスチャ素材です。 紙は全部で64種類! その中からいくつかジャンルごとに紹介します。
Tips in Using Background Pattern for Web Design [ad#ad-2] 下記は各ポイントを意訳したものです。 はじめに ビジターを知る コンテンツは明確に コンテンツの強調に暗い背景を 限られたエリアのみにパターン パターンを全体に サイトのテーマに則したパターン シンプルなデザインには軽いパターンで パターンの多用に注意 パターンで視線を誘導する パターンをテクスチャと組み合わせる 異なるパターンを組み合わせる デザインにはフレッシュさを 洗練されたデザインに はじめに パターンは今日、ウェブデザインだけでなく、ビジネスカード、壁紙、包み紙など数多くその使用を見ることができます。 パターンとは一定の形状をもったセルが繰り返しと定期性によって配置されたもので、その種類はタイル、ライン、スワールなど何千何百とあります。 そのパターンをウェブデザイン
秋冬にもぴったりな落ち着いたデザインのテクスチャやパターン素材をIcon Depositから紹介します。素材は全て、個人でも商用でも無料で利用できます。 素材のダウンロードは、各ページ下でツイートかフォローのボタンをクリックすると自動で始まります。
草・木をはじめ、ざらっとした紙、デニム地、布地、皮、ライトとダークな繊細な柄など、シームレスなパターン素材をWeb Designer Labから紹介します。 素材は全て個人でも商用でも無料、リンクなども必要なしで、もちろんリンクしてくれる分には大いにありがたい、とのことです。
以下、ダウンロードできる素材はPhotoshop用のパターン(PAT)で、CS3にも対応しています。 ※CS6でももちろん使えます。 素材は全て個人でも商用でも無料で利用できます。 詳しくはダウンロードファイルの「license.txt」をご覧ください。
個人でも商用でも無料で利用できる、背景などにシームレスに使える木目の高品質なテクスチャとパターン素材を紹介します。 紹介する木目調の素材は、2種類。 まずは、ナチュラルな木目調の素材から。 Wood Pattern Background 6種類の木目調の素材があり、すぐに利用できるPNGのテクスチャとシームレスに使えるPhotoshop用のパターンがダウンロードできます。
I don’t know anyone who doesn’t love free stuff. Well I love it, and I enjoy sharing my free resources with you. Ever since I read BittBox’s tutorial on how to make awesome grungy paper textures I wanted to do it myself. Finally I found the time to play with it. Once I had started there was no holding me back. I was looking through all my old paper stocks to find some more special textures to scan
初めまして、@poyosiです、こんにちは。 Webデザインなどで壁紙を作る際に便利そうなテクスチャを100枚作りました。 このブログの制作や、他Webサイト制作でノイズがかった背景や、ちょっと変わった背景が必要だったので自分用にちょっとした加工で簡単に背景が作れるテクスチャを色々用意しました。 大きめの画像にしたので、Webサイトの背景などで繰り返し(リピート)使用しても繰り返し部分が目立たなくなるようになっています。個人利用可、商用利用可なので、もしよろしければWebサイトの背景やバナーの背景を作るときに自由に使ってみてください。 テクスチャ一覧 Photoshopでテクスチャを使ってみよう 1:パターンを登録しましょう。 パターンに登録したいテクスチャ画像をPhotoshopで開きます。 「編集」 > 「パターンを定義」からパターンを登録します。 2:背景画像を作ってみましょう。 新
こんにちは、イメージ担当の長谷川です。 今回は Apple がデザインしている iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラデーションの設定をします。 長方形ツールで作成するボタンなどのサイズより少し大きいサイズの四角を描き、グラデーションの塗りを円錐にします。 以下のように白とグレーを交互に設定します。右端と左端を同じ色にしないとグラデーションに線が出来てしまいますのでご注意ください。 ここでは濃いグレーを #666666、両端の薄いグレーを #999999 に設定しています。 次にノイズを適用量:10で追加します。これが同心円状のヘアラ
クリスマスやレース地など、かわいらしいPhotoshop用のパターン素材を紹介します。 [ad#ad-2] パターン素材はPhotoshop用で、シームレスなテクスチャが作成できます。 Christm
ファブリック素材の拡大キャプチャ ダウンロードできるはPhotoshopのパターン素材には、9種類のパターンがあります。
あらゆるサイズのエレメントに利用が可能な、紙がひらっとめくれたようなページカールのエフェクトを与えるスタイルシートを紹介します。 デモページの拡大 このエフェクトはページのあらゆるサイズの要素に簡単に適用できます。 紙がひらっとめくれたエフェクトの実装方法 HTML HTMLはシンプルです。div要素にclassを付与しているだけです。 <div class="box">My box</div> CSS:シャドウの適用 box-shadowを使用して、内側と外側にシャドウを適用します。 .box { position: relative; width: 500px; padding: 50px; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く