TOP  >  Texture

Tag : Texture

2014年07月26日

シームレスに使える フリーコンクリートテクスチャ「Free Seamless Concrete Textures For Your Design Project」

定番として使用できるテクスチャは、デザインの幅が広がる要素だけにできるだけ多くストックしておきたいもの。今回はそんな定番として取り入れたい、シームレスに使えるフリーコンクリートテクスチャ「Free Seamless Concrete Textures For Your Design Project」を紹介します。

concrete1
seamless concrete texture by oonerspism on deviantART

シンプルな表情で、いろいろなデザインに応用できるタイプのテクスチャとなっています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:04  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年07月23日

さまざまな状態が揃った芝テクスチャまとめ「Absolutely Free Seamless Grass Textures」

本格的な夏に突入し、デザインシーンでも夏をテーマにしたデザインを手がけることがいつもよりも多くなっているのではないでしょうか?そんな中今回紹介するのは、夏の緑の青々とした雰囲気を感じられる芝テクスチャまとめ「Absolutely Free Seamless Grass Textures」です。

grass1
Seamless grass by RVMProductions on deviantART

さまざまな状態の芝がテクスチャとなってまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:12  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年07月12日

シンプルなレンガ壁のテクスチャセット「8 Brick Wall Textures」

街の壁面や建物の壁材などに利用されているレンガ。年月が経ったことによる味のある色合いは、アンティークでヴィンテージな雰囲気を感じさせてくれます。今回はそんなレンガ壁のテクスチャセット「8 Brick Wall Textures」を紹介したいと思います。

block1

シンプルかつ、さまざまな色合いのミックスされたレンガテクスチャが8種セットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年07月10日

継ぎ目のない使い勝手のよい砂テクスチャまとめ「20 Free Seamless Sand Textures」

背景素材などに利用されるテクスチャはとても便利ですが、広範囲で使用する場合継ぎ目があると加工に手間がかかってしまうため、シームレスに使えるとありがたいものです。そんな中今回紹介するのは、継ぎ目のない使い勝手のよい砂テクスチャまとめ「20 Free Seamless Sand Textures」です。

sand1
Seamless desert sand texture by hhh316 on deviantART

さまざまな表情の砂面をテクスチャにし、さらにシームレス化した便利な素材となっています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年06月16日

木のリアルな断面のテクスチャまとめ「20 Free And High Resolution Log Textures」

テクスチャの中で、比較的定番としてベーシックに利用されている木のテクスチャ。単体で使ったり、他の素材と組み合わせたりと、いろいろな使い方ができます。そんな中今回は木のテクスチャの中でも、リアルな断面をとらえた「20 Free And High Resolution Log Textures」を紹介したいと思います。

woodtex1
Log texture by drumcrazy779 on deviantART

カットされた木の年輪などがならぶテクスチャ素材がまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加
2014年06月15日

10種のダンボールテクスチャセット「10 Free Cardboard Textures to Download」

いろいろな素材を使ったテクスチャ素材がインターネット上ではフリーで配布されており、あらゆるデザインに活用するためストックされている方も多いのではないでしょうか?今回は是非そんなコレクションに加えたい、10種のダンボールテクスチャセット「10 Free Cardboard Textures to Download」を紹介したいと思います。

freecardboard3

定番のテクスチャとして利用できる、シンプルなダンボールテクスチャが10種セットになってダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2009年02月17日

空間を感じるダークトーンの背景集「35 Free Dark Backgrounds for Designers」

ちょっとシックで渋めのデザインをしたいという時に使え良そうな背景素材集が今回紹介するダークトーンの背景集「35 Free Dark Backgrounds for Designers」です。

35free_01
Scratchy wavy plastic

全体的に渋めで空間感のある背景が全部で35個配布されています。収録されている背景画像の中から気になった物をいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:22  |  
Category: Design , Photoshop   
2016年01月09日

クリエイティブなデザイン制作に取り入れたいフリーフォントまとめ「Freshest Free Fonts for Desigenrs」

欧文フォントはフリーで配布されているものが非常に多く、その豊富な種類の中にデザイン性の高いものもたくさん存在しています。そんな中今回は、クリエイティブなフリーフォントをまとめた「Freshest Free Fonts for Desigenrs」を紹介したいと思います。

font0109_1
Fonts — Sexton Design Co.

フォント単体として見てもデザイン性に優れているフリー配布されているフォントがまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2012年04月12日

デザイン制作に使いやすいノートアイコンまとめ「25 Sets of Useful Notes Icon」

アイコンを利用することは、ユーザーがサイトをより快適に利用するための手段の一つ。こだわりを持って選びたいものです。そこで今回紹介するのが、デザイン制作に使いやすいノートアイコンばかりをまとめた「25 Sets of Useful Notes Icon」です。


Notes icons

デフォルメされたデザインがかわいらしいアイコンから、立体感の美しいアイコンまで、さまざななノートアイコンが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:44  |  
Category: Design   
2013年05月21日

フラットデザインを取り入れたフリーアイコンセット「Flatilicious – 48 Free Flat Icons」

立体的でリアルな質感のデザインから、フラットでシンプルなタイプのデザインに移行しつつあり、すでに実制作で取り入れている方もいらっしゃるのではないでしょうか?今回はそんなシーンに便利に活用できるフラットデザインを取り入れたフリーアイコンセット「Flatilicious – 48 Free Flat Icons」を紹介したいと思います。

かわいらしさの中に洗練されたデザイン性を兼ねそなえたフラットアイコンが、48種セットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:30  |  
Category: Design   
2009年10月20日

フォームのためのjQuery集「10+ jQuery Form Enhancement Plugins」

ユーザーとのコミュニケーションに一般的に使われているフォーム。メールフォーム、アンケートフォーム、会員登録と幅広い使われ方をしていますが、今回紹介するのはそんなフォームを快適にしてくれるフォームのためのjQuery集「10+ jQuery Form Enhancement Plugins」を紹介したいと思います。

formjquery01

フォームをちょっと便利にしてくれるそんなテクニックが詰まっています。エントリーに収録されているモノのから気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:47  |  
Category: WebDesign   
2013年03月15日

Photoshopの写真エフェクトに強くなるチュートリアルまとめ「33 Amazing Photoshop Photo Effect Tutorials」

デジカメで画質の奇麗な写真が手軽に撮影できるようになってきていますが、撮影した写真に雰囲気をプラスするには、レタッチのための技術が必要になります。そんな中今回紹介するのが、Photoshopの写真エフェクトに強くなるチュートリアルまとめ「33 Amazing Photoshop Photo Effect Tutorials」です。


HDR Photography With Photoshop CS5 | Psdtuts+

レトロテイストな加工ができるチュートリアルから、肌の質感を美しくレタッチできるチュートリアルまで、さまざまな技術が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2014年12月27日

ピザショップを始め飲食店系デザインで利用できるフリーアイコン「FREE PIZZA ICONS SET」

飲食店などのプロモーションやブランディングなどに、webサイトやショップツールは欠かせない存在。分かりやすく親しみ易いデザインも重要な要素となるのではないでしょうか?そんな中今回紹介するのは、ピザショップを始め飲食店系デザインで利用できるフリーアイコン「FREE PIZZA ICONS SET」です。

outline1227

ポップなテイストが特徴の、100種のアウトラインアイコンがセットでダウンロードできるようになっています。

詳しくは以下

野菜や果物、デザート、ドリンクなどのフード系を始め、ピザカッターや生地を伸ばすローラーなどの料理道具、また中には、音符やスターマークといったアイコンも。サイトデザインのポイント使いはもちろん、メイングラフィックの飾り付けとしてなど、使い方次第でいろいろな場所で活躍してくれそうです。

形式はpsdとai。いろいろなサイズが揃っているのも嬉しいところです。飲食店系のデザインを手がける際は一度、参考にしてみてはいかがでしょうか。

(続きを読む…)

続きを読む
posted 08:28  |  
Category: Design   
2015年12月28日

ストックしておきたいデザイン性のあるフリーフォントが集結「Professional New Free Fonts for Designers」

魅力的なデザインのフォントを取り入れることで、より高い魅力を引き出すことができます。今回はそんなデザイン性が高く、ストックしておきたくなるようなフリーフォントが集結した「Professional New Free Fonts for Designers」を紹介したいと思います。

font1228_4
FOFER Handwritten Font on Behance

いろいろなテイストのフリーフォントがまとめられています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2009年05月13日

上から消した壁のテクスチャ「25 Dry Erase Board Textures」

グランジ表現のテクスチャは海外のサイトでも様々なセットが公開されていますが、今日紹介するのは上に書かれた文字や絵を上から消し込んだ壁のテクスチャを集めたセット「25 Dry Erase Board Textures」です。

cooltex01

真っ白な壁、綺麗には無い個性、かといってグランジ表現前回と言うわけでもないので、主張し過ぎる事が無いので、ちょっとしたグラフィックの背景なんかににかなり使い勝手が良さそうなテクスチャセットです。収録されている画像を何枚か紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:52  |  
Category: Design , Photoshop   
2007年10月23日

ロゴを輝かせるphotoshopチュートリアル「Creating A Lens Flare」を試してみた。

WordPressのロゴを光らせるチュートリアル「Creating A Lens Flare」を実際に試してみました。ネタ元は英語だったので手順を実際に試した結果をお見せしながら日本語で紹介したいと思います。

Step 1)カンパスを作る

photoshopで新規カンバスを作ることから始まります。サイズはW1600×H800pxが好ましいとしています。そして新しく出来上がったカンパスを黒く塗りつぶします。

Step 2)ロゴをカンパスに配置

作ったカンバスのセンターにロゴマークを配置します。ロゴは小さすぎても大きすぎてもダメで、大体下記の画像ぐらいの割合でロゴを配置します。

Step 3)ロゴの光を作る

まずロゴをコピーしてレイヤーを重ねます。さらに片方のロゴは背景の黒と統合してください。そして統合している方のロゴにフィルタのレンズフレア105mm Primeを70-100%の間でかけます。

Step 4)レンズフレアに色を入れる

レンズのフィルタをかけたレイヤーをコピーして、透明モードをカラーに設定。光らせた色でレイヤーをすべて塗りつぶします。「D」が飽いているから微妙な感じになってしまいましたが、こうする事で下記のように色を入れて光らせる事ができます。

Step 5)ぼかしをかけて光を調整

大元のロゴをコピーして、明るさを調整後ぼかしをかけます。チュートリアルでは30pxでかけています。その後ぼかしをかけたロゴの透明モードをハードライトへ

Step 6)ぼかしをかけて光を調整2

先ほどぼかしをかけたロゴを複製透明モードをオーバーレイへこれでロゴの周りが光ったようになるはずです。

Step 7)続きは公式ページで

チュートリアルにはさらに続きがあり、もっとアーティスティックにする方法が書かれていますが今回は割愛したいと思います。詳しくは「Great Design: Creating A Lens Flare With The WordPress Logo- Photoshop」をご覧下さい。ちなみに最後までやり遂げると一番上の画像のようになります。

普通ではつまらないと思い「DesigDevelop」のロゴでも試みたのですが、同じ方法をとってみましたが、下記のようになり、残念な結果になりました。

ロゴによりけりなチュートリアルなので試すならWordPressもしくはそれらしいロゴで試した方が良いかと思います。

Great Design: Creating A Lens Flare With The WordPress Logo- Photoshop

続きを読む
posted 09:42  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る