TOP  >  デザイン

Tag : デザイン

2012年11月27日

レトロな質感を表現できるペーパーテクスチャまとめ「23 Free High Quality Old Paper Photoshop Textures」

古い紙の質感をデザインソフトで再現するのは難しく、試行錯誤しているという方もいらっしゃるのではないでしょうか?そこで今回紹介するのが、レトロな質感を表現できるペーパーテクスチャまとめ「23 Free High Quality Old Paper Photoshop Textures」です。


Old Paper Photoshop Brush Set by ~gojol23 on deviantART

古い洋書の一ページから、グランジ感のあるペーパーまで、さまざまなテクスチャが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 11:56  |  
Category: Design   
このエントリーをはてなブックマークに追加
2012年11月26日

特別な印象を与えられるリボン素材まとめ「A Collection of Beautiful Free Ribbons PSD Files」

webデザインのあしらいとして利用されることの多いリボン素材。使いやすい素材だけに、バリエーションはなるべくたくさん保持しておきたいもの。そんな中今回は、リボン素材の多彩なデザインをまとめた「A Collection of Beautiful Free Ribbons PSD Files」を紹介したいと思います。


Fabric Ribbons – 365psd

タイトルとして利用できるタイプから、デザインのワンポイントとして利用できるものまで、さまざまなテイストが収録されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:28  |  
Category: Design   
このエントリーをはてなブックマークに追加
2012年11月25日

一枚でクリエイティブ感を演出するブラー背景素材「Useful Blurred Background Resources」

ディスプレイ領域が多様化し、対応する最小解像度次第では、背景部分が大きく見えることも多く、背景のデザインがWEBサイト構築に置いても、印象を決定づける大きな要素の一つになりつつありますが、今日紹介するのは一枚でクリエイティブ感を演出するブラー背景素材をまとめたエントリー「Useful Blurred Background Resources」です。


Dribbble Backgrounds

こちらは、雰囲気のある光がボケたような表現の背景素材をまとめたエントリーです。いくつか紹介されていますが、今日はその中から幾つかきになったものをピックアップして紹介したいと思います。

詳しくは以下

12 Blurred Backgrounds
1600×1200のjpgで背景素材が12枚まとまっています。落ち着いた感じの光です。

759748-12-Blurred-Backgrounds
 
 
 
 
 
Blurred Landscape Images
こちらは光ではなくて、写真をぼかしたもの。背景に置くことで遠近感も演出できます。

987-8-Blurred-Landscape-Images
 
 
 
 
 
 
Light Kit Ps
様々なひかりの演出の写真セット。

819751-Light-Kit-Ps
 
 
上記の他にも様々なボケが効いた背景素材がまとめられています。サイトの印象をガラリと変えてみたいという方は是非どうぞ。

A Handy Collection Of Useful Blurred Backgrounds Resources | DesignWoop

続きを読む
posted 11:00  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2012年11月22日

WEBサイトとモバイルサイト制作の参考になるUIキットまとめ「40+ Fresh and Free Web UI and Mobile Kits for Developers and Designers」

web制作の際には、ユーザビリティの高い設計に加え、視認性の高いデザイン素材を使用する事も重要。今回はそんなデザイン制作の際にチェックしたい、WEBとモバイルのUIキットをまとめた「40+ Fresh and Free Web UI and Mobile Kits for Developers and Designers」を紹介したいと思います。


Passbook UI PSD from iOS6

シンプルなUIはもちろん、シーンに合わせて使いやすいUIデザインが、たくさん紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 08:05  |  
Category: Design   
このエントリーをはてなブックマークに追加
2012年11月21日

印象的なデザインを制作できるハーフトーンブラシまとめ「20 Useful Photoshop Halftone Brush Sets」

デザインをアーティスティックな雰囲気に仕上げられるハーフトーン技法ですが、グラデーション具合の表現が難しく、思い通りのテイストに仕上げるには時間がかかってしまうことも。そんな時に利用したい、印象的なデザインを制作できるハーフトーンブラシをまとめた「20 Useful Photoshop Halftone Brush Sets」を今回は紹介したいと思います。


Spiral & Halftone Photoshop Brushes | QBrushes – Photoshop Brushes

Photoshopで利用できるハーフトーンブラシが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

精巧な表現がクオリティに差を付ける!交通関係のPhotoshopブラシまとめ「35+ Cool Photoshop Transportation Brush Sets」

車やバイクなどの表現が難しい素材は、デザインを作り上げるのにとても時間がかかります。そんな中今回は、精巧な表現がクオリティに差を付ける、交通関係のPhotoshopブラシをまとめた「35+ Cool Photoshop Transportation Brush Sets」を紹介したいと思います。


Truck Brushes Set 4 by ~garystewart40 on deviantART

スポーツカーからレトロな車、バイクや帆船まで、さまざまなPhotoshopブラシが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

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

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

2017年09月08日

CSS3でつくるボタンの最新チュートリアルまとめ「50 CSS3 Button Tutorials For Designers [2017]」

WEBやアプリ上でのボタンはユーザーにとって大きな意味を持ち、非常に重要な要素。一目でボタンだとわかるようなつくりであることはもちろんのこと、遊び心あるエフェクトはユーザーの目を楽しませます。今回はそういったボタンを探している方におすすめ、最新CSS3ボタンのまとめ「50 CSS3 Button Tutorials For Designers [2017]」をご紹介します。

50_CSS3_Button_top
Off-registration button

すべてにデモがついているので、その場でどんな動きをするのかを確認することが可能。50種類もあるボタンの中でも気になったものをいくつかピックアップしていますので、下記よりご覧下さい。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: WebDesign   
2012年10月29日

さまざまなデザイン制作に使いやすいタイル・シームレスパターンまとめ「Free Tileable and Seamless Patterns for Photoshop and Illustrator」

素材感を感じさせたりワンポイントとして利用したりと、幅広い利用シーンが期待できるパターン素材は、デザイン制作の必須アイテムです。そんな中今回紹介するのが、さまざまなデザイン制作に使いやすい、タイル・シームレスパターンをまとめた「Free Tileable and Seamless Patterns for Photoshop and Illustrator」です。


Subtle Patterns | Free textures for your next web project

ストックしておきたくなる素材ばかりが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
2015年04月03日

モバイル・タブレットのフリービジュアルモックアップ「16 Free Mobile, Tablet & Laptop Mockups」

webサイトのデザインと同時に、モバイルとタブレットにも対応した設計をすることが多くなったことで、仕上がりのイメージを確認する必要性も増えたのではないでしょうか?今回はそんな時に便利な、モバイル・タブレットのフリービジュアルモックアップ「16 Free Mobile, Tablet & Laptop Mockups」を紹介したいと思います。

mock0402_1
FREE Mock-ups psd Ipad – Antoine POHU – Graphiste Webdesigner – Lille

フリーで利用できる、スマートフォンやタブレット端末のハイクオリティビジュアルモックアップが紹介されています。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2018年07月11日

デザインのアクセントになる 30種のベクター素材集「30 Free Vector Graphics and Vector Elements」

無料のベクター素材は沢山ありますが、その中で品質の良いものを探すには、どうしても時間がかかってしまうもの。そこで今回は、様々なトーンで制作された高品質の無料ベクター素材が30種まとめられた「30 Free Vector Graphics and Vector Elements」ご紹介します。

vectorgraphics_01

イラストやロゴ、UI設計に使えるアイコンなど、WEBデザインにも印刷物のデザインにも自由に使用できます。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
2008年10月09日

PSDファイル共有コミュニティー「Official PSDs」

ここ最近様々なPSDファイルのまとめエントリーを紹介してきましたが、今回紹介する「
Official PSDs」はPSDファイルを共有するコミュニティーです。グラフィックから、写真まで様々なジャンルのPSDファイルが投稿されています。サイト内検索や、ダウンロード数によるランキング、レーティングなど基本的な機能は揃っています。

また公開されているPSDファイルは共有できるようになっていて、埋め込み用のタグがそれぞれのファイルで準備されています。今日は先週のダウンロードランキングからいくつか気になったPSDファイルを埋め込んでおきます。

詳しくは以下

(さらに…)

続きを読む
posted 11:53  |  
Category: Design , Photoshop   
2013年03月15日

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

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


HDR Photography With Photoshop CS5 | Psdtuts+

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

詳しくは以下

(さらに…)

続きを読む
2018年12月15日

軽量で表現力の高いHTML5 Canvasで表現するアニメーション背景「Ambient Canvas Backgrounds」

進化し続けるWEBの表現。最近はアニメーションで見せるWEBも非常に多くなってきました。今回紹介するのは、軽量で表現力の高いHTML5 Canvasで表現するアニメーション背景「Ambient Canvas Backgrounds」です。

Ambient_featured

基本的にはjavascrptで制御しており、座標やカラーなどを簡単に調整できるようになっています。全部で5つのアニメーションがセットされていますがいくつか気になったものを紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 04:15  |  
Category: WebService   
tag: 
2011年02月22日

デザイン性の高いフォームデザインのあるwebサイト集「25 Excellent Examples of Forms in Web Design」

ユーザーが運営側に問い合わせを行いたい時に利用するコンタクトフォーム。基本シンプルなタイプを見かけることがほとんどですが、デザインにこだわりを見せるwebサイトはフォームも一味違ったクリエイティブ要素の高いものとなっているようです。そこで今回は、デザイン性の高いフォームデザインのあるwebサイト集「25 Excellent Examples of Forms in Web Design」を紹介いたします。


Contact Vincent Mazza, Morris County’s top Web Site Design and Graphic Designer

デザインのテイストに合わせて、通常のコンタクトフォームとは一線を置いたユニークかつ、デザイン性の高いフォームを持ったwebサイトがまとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

(さらに…)

続きを読む
posted 11:00  |  
Category: Design   
2008年03月15日

MacOSX Leopardを再現したWordPressテーマ「Leopress」

国内外ともに人気のブログツールWordPress。人気の秘密には配布されているテーマの豊富さがありますが、今日紹介するWordPressテーマ「Leopress」は一風変わっていて、タイトルにもあるようにMacOSX Leopardを再現したWordPressテーマになっています。

macosxleo01.jpg
デモページ-Leopress

スクリーンショットを見てもおわかりになるとおり、本当にOSの画面のようです。背景や、アイコン、メニューの処理など細かいところに凝っていてここまでかというくらいMacOSX Leopardに近づけてあります。

詳しくは以下

(さらに…)

続きを読む
posted 03:16  |  
Category: WordPress   
2008年01月31日

血糊のようなホラーなphotoshopフリーブラシ集「AngryBlue」

血糊のような表現ができるphotoshopブラシ集が今回紹介する「AngryBlue」です。何となく血糊のようなホラーなシェイプが多々収録されています。なかなか広告では使えないかもしれませんが、イメージ作りが必要なグラフィックには使えそうなブラシセットになっています。

holornaburashi.jpg

「AngryBlue」は「AB Set 1」「AB Set 2」と二つのブラシが公開されています。上記の画像は実際にブラシを用いて作ってみた画像です。

詳しくは以下

(さらに…)

続きを読む
posted 07:48  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。

【ご注意】「Designworks」の旧ホームページドメインを利用したWEBサイトにご注意ください
Template deisgn by iDEACLOUD inc.
トップに戻る