タグ テクスチャ
新着順 10 users 50 users 100 users 500 users 1000 users9search | 必要なときに、必要なフリー素材を。
商用利用可、クレジット表記・バックリンク不要のフリー素材を紹介するサイト。webエレメント (27)アコーディオン (2)カレンダー (2)スライダー (1)ツールチップ (2)ナビゲーション (6)フォーム (5)ボタン (13)アイコン (15)テクスチャ (4)パターン (3)フォント (3)サンセリフ (2)セリフ (1)ブラシ (6)ベクター素材 (1)リボン (5) 続きを読む
リッチに見せるデザインテクニック。Appleのデザインのように美しい金属調の質感を表現する方法。 (フェンリル | デベロッパーズブログ)
iCloud 風アイコン iCloud 風アイコン2 こんにちは、イメージ担当の長谷川です。 今回は iCloud アイコンのような美しい金属調の質感を Fireworks で表現してみました。 アレンジ次第で水平のエッチングやブラスト加工のようなイメージも簡単に作ることができます。 ぜひ Web や UI デザインの参考にしていただければと思います。 1. ベースのテクスチャを設定する まずグラ... 続きを読む
手書き風のWebデザインを作りたい時に役立ちそうなフリー素材やデザイン例まとめ - かちびと.net
個人的に大好物の手書き風な Webデザインを作りたい時に 役立ってくれそうなフォントや テクスチャ、アイコンなど、無料 のリソースをメモしておきます。 手書き風と言っても色々あるのでこのまとめは偏ったものになっているかも知れません。参考程度にして頂ければ幸いです。全ては掲載出来ないので個人的に好みのリソースを厳選します。 日本語フォント ふい字 かなり使用条件を緩くしてくれている有名な手書きフォン... 続きを読む
僕のWEB屋人生で見つけたテクスチャ、パターン系の素材サイト全部 - バンクーバーのWEB屋
僕のWEB屋人生で見つけたテクスチャ、パターン系の素材サイト全部 続きを読む
和紙のテクスチャやパターン113種類。商用OKのフリー素材。 - YATのBlog
和紙のテクスチャやパターンを商用OKのもののみ集めました。仕事で使う事が増えてきそうなので商用OKな和紙のテクスチャをまとめました。規約のニュアンスで使えなかったりもありえますので、念のためご自身で確認してからご利用下さいね。基本的にロイヤリティーフリーなものを掲載しています。 続きを読む
最近のインターフェイスデザインから学ぶ、7種類のボタンデザイン | コリス
ユーザーのアクションを誘う購入や送信や検索ボタンなど、最近のインターフェイスデザインでよく見かける7種類のボタンデザインを紹介します。 下記は各ポイントを意訳したものです。 また、元記事ではそれぞれのボタンを作成するPhotoshopのチュートリアルも掲載されています。 1. テクスチャを使ったボタン 2. パターンを使ったボタン 3. 3Dを使ったボタン 4. 1ピクを使ったボタン 5. 背景を... 続きを読む
Webデザインで使えるフリーシームレステクスチャ100枚 | poyosicom
初めまして、@poyosiです、こんにちは。 Webデザインなどで壁紙を作る際に便利そうなテクスチャを100枚作りました。 このブログの制作や、他Webサイト制作でノイズがかった背景や、ちょっと変わった背景が必要だったので自分用にちょっとした加工で簡単に背景が作れるテクスチャを色々用意しました。 大きめの画像にしたので、Webサイトの背景などで繰り返し(リピート)使用しても繰り返し部分が目立たなく... 続きを読む
テクスチャとグラデーションで質感のある背景を作ろう - DesignWalker
今回は、ひさびさのPhotoshopチュートリアルです。 最近では、ベタな背景や、単純な上から下へのグラデーションだけではなく、なんだかとっても質感のある背景のウェブデザインがはやりっぽいです。 今回は、テクスチャ画像とグラデーションを組み合わせて、簡単に質感のある背景をPhotoshopで作るチュートリアルをご紹介。 とっても簡単なので、是非お試しください。 1. 新規作成 適当な大きさでファイ... 続きを読む
ガーリー好きがお届けするガーリーデザインのポイント5つ | Kana-Lier カナリエ
ブログがとってもガーリーだね、と嬉しいお言葉を頂くことが多いKanaです。 とっても可愛いガーリーなデザインは、作っていても見ていても幸せな気分になるので大好きです。 そんな私がガーリーデザインをする際、気をつけているポイントをご紹介します。 1.配色は甘く、優しく。スイーツのような彩りを。 2.テクスチャを利用して、やわらかさや、素材感を加えてみる! 3.パターンを使うだけでガーリーに!ストライ... 続きを読む
ヴィンテージ風のざらっとしたテクスチャを作成できるPhotoshopのブラシとパターン素材 -Maleika E. A. | コリス
Archive by month 2012年5月 (37) 2012年4月 (40) 2012年3月 (39) 2012年2月 (41) 2012年1月 (32) 2011年12月 (37) 2011年11月 (40) 2011年10月 (45) 2011年9月 (52) 2011年8月 (46) 2011年7月 (42) 2011年6月 (51) 2011年5月 (46) 2011年4月 (45... 続きを読む
ウェブデザインにおけるテクスチャやパターンの使い方をしっかり学びたい人用のまとめ | コリス
当サイトでもテクスチャやパターンなどを素材として紹介しますが、ダウンロードして満足するだけでなく、どのように使うかが大切です。 テクスチャやパターンを効果的に使った実例を見ながら、その使い方を紹介します。 The What, Why and How of Textures in Web Design 下記は各ポイントを意訳したものです。 1. ノイズのテクスチャ 2. リアルにするためのテクスチャ... 続きを読む
ウェブ制作にすぐに使えるPSD素材がダウンロードできるサイト -1000PSD.COM | コリス
アイコン、UIエレメント、テクスチャ、イラストなど、ウェブページの制作にすぐに使えるPSD素材がダウンロードできるサイトを紹介します。 1000PSD.COM 公開されてからまだ間もないためか、数は少ないですが使える素材 [...] 続きを読む
ウェブサイトのレイアウトを一から作成するPhotoshopのチュートリアル集 | コリス
繊細なテクスチャ、透明感のあるパネル、充実したフッタ、光源を模したグラデーション、1ピクラインにこだわったディテールなど最近のウェブデザインのトレンドを取り入れた、ウェブサイトのレイアウトを作成するPhotoshopのチ [...] 続きを読む
Appleの最近のプロダクトで使用されているかっこいいテクスチャをさくっと作るチュートリアル | コリス
iPhone, iPadのiOSの背景をはじめ、SafariなどAppleのさまざまなプロダクトで使用されているかっこいい布地のテクスチャを作るチュートリアルを紹介します。 慣れたら、1分くらいでさくっと作れます。 Ho [...] 続きを読む
全部で100種類以上!ざらっとした素敵なテクスチャを作成できるPhotoshopのブラシ素材 | コリス
ざらっとした繊細なグランジ風のテクスチャを作成できるPhotoshopのブラシ素材を紹介します。 ブラシ素材は現在Set 3までリリースされており、トータル100種類以上となっています。 Subtle Grunge Ph [...] 続きを読む
様々な背景に使えるテクスチャ画像集総まとめ*ホームページを作る人のネタ帳
あんな背景がほしいなという方へ ここでは色々なテクスチャをご紹介いたします。中にはこんなのどうやってつかうんだよ・・・というものまでありますが、それは加工しだいでいくらでも活用できちゃいますよね。 ペーパーデザインについては過去のまとめなども参考にして見てください。 ペーパーデザインのWEBサイトを作るときに見るべきまとめ グラウンジの利用など様々なパターンのWebサイトはこちらからどうぞ。 we... 続きを読む
ブックマークしておくと便利! 背景、テクスチャ、パターン、シェイプ、グラデーションなどを生成するSVGツールのまとめ
WebサイトやスマホアプリのUIデザイン、イラストなどにもぴったりな背景、テクスチャ、パターン、シェイプ、グラデーション、装飾グラフィック、カラーパレットなどのSVGを生成するオンラインツールを紹介します。 ネオンカラーや美しいグラデーションをはじめ、アイソメトリックやスパイラルなどの幾何学形状、波線や等... 続きを読む
Photoshop初心者でも簡単できる、かっこいいテクスチャ素材を作るチュートリアル | コリス
布地のテクスチャとざらっとしたテクスチャを数ステップで簡単に作成するPhotoshopのチュートリアルを紹介します。 元記事の「5秒でできる」は無理かもしれませんが、かなり簡単にできます。 How to create a [...] 続きを読む
商用利用無料!黒板にチョークで文字や図形・飾りを書いた感じに仕上げるテクスチャやチョークをまとめた素材 | コリス
新品の黒板や使い古した黒板のテクスチャ素材をはじめ、チョークで書いた感じに仕上げるスタイル、さまざまな飾り罫など、全てがセットになったPhotoshop用の素材を紹介します。 素材を使うとこんな感じのがさっとできます。 日本語フォントはたぬき油性マジック、英語フォントはRolling Pen 素材の配布は、下記ページから。 Free Chalk Board Textures Kit ダウンロードで... 続きを読む
無料で大量の背景テクスチャをダウンロードできるサイト「Subtle Patterns」 - GIGAZINE
Webページなどの背景テクスチャをいろいろ試したい場合に、約300種類あるテクスチャを選択してダウンロードできるサイトが「Subtle Patterns」です。このテクスチャは商用利用もOKとのこと。テクスチャの確認とダウンロード方法は以下から。 Subtle Patterns | Free textures for your next web project http://subtlepatte... 続きを読む
背景などに重宝するシームレス(繋ぎ目無し)な写真のパターン素材いろいろ - かちびと.net
写真、または見た目が写真に近い ものでシームレス(繋ぎ目無し)な 素材を背景に使う事が個人的に 多いので倉庫代わりにエントリー。 背景以外でも結構使い易いです よね。 そういう訳で色々な種類のシームレスタイプの写真素材を手に入れられるサイトをメモします。写真以外のパターン素材でしたら無料でテクスチャやパターン画像を手に入れられるサイトいろいろというきじも書いていますのでこちらをご参照下さい。 Se... 続きを読む
いざという時に便利な全部で100種類のピクセルベースのPhotoshopのパターン素材 | コリス
商用利用も無料、ピクセルベースのPhotoshopのパターン素材を紹介します。 100 Pixel Patterns (PAT) パターン素材を使用すると、下記のようなパターンを簡単に作成できます。 そのままテクスチャに [...] 続きを読む
フリーで大きいサイズの高品質テクスチャ -texturez.com | コリス
texturez.comは、フリーで高品質のテクスチャを配布しています。 サイズは2560×1920のものが多く、容量も2-5Mクラスのものとなっています。 続きを読む
「ゼルダの伝説 風のタクト」を解析してわかった任天堂のすさまじい技術 - GIGAZINE
作成されたモデルに質感を与えるテクスチャと呼ばれる技術は、ゲームを開発する上で重要な要素になります。2002年に任天堂からニンテンドーゲームキューブ向けに発売されたゲーム「ゼルダの伝説 風のタクト」を愛してやまないゲーム開発者が、風のタクトのテクスチャを解析したところ、任天堂のすさまじい技術力がわかったとして、解析した内容を公開しています。 Zelda: Wind waker Tech and T... 続きを読む
Photoshop VIP ☞ Photoshopで使えるデザイン素材を大量に無料公開しているGraphics Fuel
デザイン制作で利用したいさまざまな素材を公開しているサイトがあったので、今回はご紹介します。 Webデザインやグラフィックデザインに便利な素材ばかりとなっています。 詳細は以下から。 Photoshopをたのしむ、デザイン素材を無料ダウンロード GraphicsFuelは、Webデザインに関する素材ばかりが公開されています。 たとえばPSDファイルを中心にテクスチャ、アイコン、ウェブレイアウト用テ... 続きを読む