Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

Tag Archives: Texture

[Pattern] The Ultimate Photoshop Patterns Collection: 2000+ Patterns – フォトショップで使えるパターンファイルまとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

Photoshop用のパターンファイルをまとめた記事。パターンの数で言うと2000オーバーの数がまとめられてるそうです。パターンはそれぞれセットとして配布されてます。グランジやファブリック、唐草、アブストラクト、メタル、ウッド、ドット、ストライプなど色々あります。記事が書かれたのが2013年とちょっと古いんですが、なかなかの量まとめられてるのでパターンファイル探しの際に役立ちそうです。

[Photoshop Plugin] FREE SEAMLESS TEXTURES GENERATOR – テクスチャからタイルパターンを生成してくれる機能拡張

  • Pocket
  • このエントリーをはてなブックマークに追加

1枚のテクスチャ画像から、タイルパターンを生成してくれるPhotoshop用プラグイン。ちょっとこのサイト固定リンクが貼れないのでトップにリンクしてますが、チュートリアルはここから見ることができます。動画見ると分かるんですが、タイルパターン生成のためにの新規書類にまずは画像をペーストして、その後アクションを使ってタイルパターン化しているようです。上下左右にループするよう、複数のコピーレイヤーを生成してます。通常テクスチャをパターン化する場合、だいたいこの流れを手作業でするんだけど、このプラグイン使えばサクっとパターンにできそうです。なかなかイイですなこれ。

[Freebie] Roundup of Essential Grunge Design Resources – グランジデザインがらみのデザイン素材まとめ

  • Pocket
  • このエントリーをはてなブックマークに追加

グランジーなデザインをする際に便利なデザイン素材をまとめた記事。Photoshop用ブラシ、テクスチャ、Photoshop用アクション、パターン&テクスチャ、フォント、Tipsやチュートリアル、e-ラーニングコンテンツの順に紹介されています。こういうテーマ絞ったまとめ記事って用途が分かりやすくてイイですね。グランジデザインって汚し系のものが多いので、ヴィンテージ風のデザインにも応用できそうです。

[Freebie] Download 400+ Free Design Resources With Commercial Use Licence – デザイン素材の詰め合わせパック

  • Pocket
  • このエントリーをはてなブックマークに追加

テクスチャやアイコン、フォント、パターン、UI PSD、Photoshop用ブラシ、レイヤースタイル、印刷用のテンプレートなどのデザイン素材がパックになって無料で配布されています。試しにDLしてみたところ1.4GBオーバーでした。なかなかの量です。普段は99ドルで販売されているようですが、今日だけ無料みたいです。この手のデザイン素材が欲しい人はお早めに。

[Pattern] PatternBolt – 使い勝手の良いSVGパターン

  • Pocket
  • このエントリーをはてなブックマークに追加

使い勝手の良いSVGパターンの配布サイト。ファイルは一式という形でダウンロードする事ができ、サイト内ではそれらの色や大きさを変えて試す事ができます。どう使い勝手が良いかというと、まずSVGであるという点。ベクターパターンなので拡大縮小が簡単です。次に各パターンは画像ファイル単体ではなく、CSSファイル内にData URIとして埋め込まれている点。なのでパターンを配置する際に画像ファイルを置かなくても、コードのコピペだけで使えます。またCSSだけでなくSCSSファイルも同梱されてるので、記述方法がSCSSメインの人やサイトにも対応ができます。いやこれ便利ですね。パターンの数もそこそこあるので、コーディングベースでの装飾に使えそうです。

[Pattern] SVGeneration – SVG画像のジェネレーター

  • Pocket
  • このエントリーをはてなブックマークに追加

SVG画像のオンラインジェネレーター。プリセットされているパターンがいくつか用意されており、それぞれのパターンを細かくカスタマイズしてダウンロードする事ができます。このサイトナイスなのが、SVGフォーマットでダウンロードする手法以外に、CSSに簡単に埋め込めるようBase64でエンコードしたテキスト形式でも画像の取得が可能という点です。エンコード済みなのでテキストをCSSファイルにコピペするだけで、背景画像なんかにサクっと貼る事ができます。とってもお手軽でナイスです。

[Design Resource] oozed – デザイナーのためのリソースをまとめたサイト

  • Pocket
  • このエントリーをはてなブックマークに追加

デザインする上で役立つ情報や素材を、カテゴリごとにまとめて紹介するサイト。一部を抜粋すると、UXやPhotoshop素材、写真、モーショングラフィックス、マップ、レスポンシブ・レイアウトのためのリソース、JS、アイコン、CMS、モックアップ素材、プロトタイピング、CSS、タイポグラフィー、HTML5、Sketchなどの、Webだけに限らずデザインに関する様々なリソースが紹介されています。最近じゃデザイナーも「俺Webだけ!」とか「印刷だけ!」ってわけにもいかないですしね、手広く何でもやれないと仕事ないですしね。マチルダさんも「軍の組織はあって無きがごとしです。何でも出来る人が重宝がられているんですよ」と言ってましたしね。

[Texture] Transparent Textures – 透過処理されたタイルパターン配布サイト

  • Pocket
  • このエントリーをはてなブックマークに追加

透過処理されたタイルパターンテクスチャの配布サイト。各テクスチャはDownloadボタンを押すと透過PNGとしてダウンロードできます。透過処理されてるという事はテクスチャのさらに背景にある色が反映されるわけで、このサイトではページの最も後ろにある背景色を好きなように変更できます。実際にテクスチャがどのように見えるかを確認しながら選ぶ事ができます。また各テクスチャをクリックする事で、ページの背景を任意に変える事もできます。汎用性の高い透過テクスチャを確認しながら選ぶ事ができる点がとってもナイスです。