TOP  >  フィルタ

Tag : フィルタ

2016年09月18日

CSSで実現するフィルタジェネレーター「CSSFILTERS.co」

写真加工は現在様々なアプリケーションに搭載されており、もはや写真とは切手は切れない関係にありますが、今回紹介するのはWEB上でも動作する写真加工フィルタを生成できるCSSで実現するフィルタジェネレーター「CSSFILTERS.co」です。

cssfilter_01

このサービスでは、予め登録されたフィルタもしくは、パラメーターを指定して任意の画像にフィルタをかけるとと共に、WEB上で実現するためのコードも出力してくれるというものです。

詳しくは以下

(さらに…)

続きを読む
posted 11:58  |  
Category: WebDesign , WebService   
このエントリーをはてなブックマークに追加
2016年08月26日

javascriptとCSSで写真にフィルタ効果を与えるライブラリ「Philter」

Instagramなどを始め写真共有アプリでは気軽に写真に豊富なフィルタがかけられ多くの方が利用しており、フィルタによって創られた色味や風合いは写真のクオリティを大きく向上させてくれます。今日紹介するのはjavascriptとCSSで写真にフィルタ効果を与えるライブラリ「Philter」です。

pf_01

パラメーターを調整するだけWEB上で表示された写真にフィルタと同じような効果をかけることが可能です。

詳しくは以下

(さらに…)

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

CSSで実現するphotoフィルタ「Create a Trendy Retro Photo Effect Purely with CSS」

インスタグラムやスマートフォンアプリで一気に身近になったフォトフィルター。写真に色を乗せたり、色を抜いたり、様々な加工を施して写真の印象を簡単に変えてくれるものですが、今回紹介するのはフォトレタッチソフトを利用したものではなく、CSSで実現するphotoフィルタ「Create a Trendy Retro Photo Effect Purely with CSS」 です。

こちらは現状webkitベースのsafariやChromeしか正しく動きませんが、CSSのみで実現しているため。classを指定するだけで、WEB上の写真にフィルタがかけられるようになります。

詳しくは以下

(さらに…)

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

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

2012年07月28日

フリーベクターを集めたベクターグラフィックス集「35 Free Vector Illustrations Sets」

制作に便利なベクターグラフィック、どんなサイズにも対応し、編集もしやすくクリエイティブの素材としては非常に使いやすいものですが、今回紹介するのは
フリーで使えるベクターデータを集めたエントリー「35 Free Vector Illustrations Sets」です。


Teenager Illustrations

全部で35のベクターデータがまとめられていますが、今日はその中からいくつか気になったベクターデータをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 11:51  |  
Category: Design , vector   
2008年06月23日

2000個以上のWordPressテーマが手に入る「WordPress Themes Archive」

DesignDevelopではWordPressを使用していますが、その魅力の一つにテーマファイルがあれば簡単に様々なデザインが設定できる所があります。今日紹介する「WordPress Themes Archive」は2000個以上のテーマファイルが公開されています。

テーマファイルは「Fitness」や「City」などイメージ別や使用されているカラー別、サイドバーの位置などかなり細かく区分けされていますので、自分が思い描くテーマを見つけやすくなっています。

詳しくは以下

(さらに…)

続きを読む
posted 02:02  |  
Category: WebService   
2017年06月09日

使いやすい!美しくデザインされた等幅フォント20「20 Best Fixed Width Fonts You Can Download For Free」

全てのフォントの幅が同じになるように組まれた等幅フォント。文字数が同じであれば全て等しい幅に揃える事ができる、使用する局面によっては非常に利便性の高いフォントです。今回ご紹介するのは、そんな等幅フォントをフリーでダウンロードできる「20 Best Fixed Width Fonts You Can Download For Free」です。

best_fixed_font_main

スタンダードな書体から、美しくデザインされたものまで、様々なテイストの欧文フォントが全部で20種類紹介されています。その中から幾つか、おすすめのフォントをピックアップしましたのでご覧ください。

詳しくは以下
(さらに…)

続きを読む
posted 10:00  |  
Category: Design , Font   
2015年01月19日

デザイナーがチェックしておきたい 11種の最新素材まとめ「11 Best Design Resources Released This Week」

さまざまな種類の素材がインターネット上で配布されており、その種類の豊富さからどんな素材をピックアップして良いか迷ってしまうこともあるのでは?そんな時にチェックしておきたい、11種の最新素材まとめ「11 Best Design Resources Released This Week」を今回は紹介したいと思います。

resource0119_1
iPhone 5s MockUp | GraphicBurger

アイコンやバックグラウンド、モックアップといった便利でクオリティの高い素材が揃っており、どれもダウンロードしたくなるデザインのものばかり。気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 10:00  |  
Category: Design   
2011年08月21日

制作で使える、新しくリリースされたフリーフォント集「New High-Quality Free Fonts」

デザインの表現を決定づける大きな要素のひとつフォント。フォントの違いで当たらえる印象は大きく変わってきます。今日紹介するのは制作で使える、新しくリリースされたフリーフォント集「New High-Quality Free Fonts」です。


Bohema

デザイン的なものからシンプルで汎用性の高いフォントまで様々なフォントが紹介されていますが、今日はいくつか気になったフォントをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 12:18  |  
Category: Design , Font   
2013年01月04日

クリエイティブ性の高いローディングデザインまとめ「41 Eye-catching Progress and Loading PSD Files」

webサイトで、画面を読み込みする際に表示されるローディングのアクション、シンプルになりがちなところだけに、こだわりを持つことでサイト自体のクオリティアップにつなげることができると思います。そんなシーンに是非利用したい、クリエイティブ性の高いローディングデザインまとめ「41 Eye-catching Progress and Loading PSD Files」を紹介したいと思います。


Progress Bar – 365psd

基本的なシンプルなものが多いですが、細かな部分に独自のセンスが感じられるデザインが多数収録されています。中でも気になったものをまとめましたので、下記よりご覧ください。

詳しくは以下

(さらに…)

続きを読む
posted 04:58  |  
Category: Design   
2011年12月11日

ユーザーインターフェースを作るのに便利なpsd素材まとめ「Best Free UI PSDs of 2011」

WEBを制作をする際にphotoshopを利用しているというクリエイターも多いと思います。今日紹介するのは、WEB生徒のインターフェースをつくるのに便利なpsd素材を集めたエントリー「Best Free UI PSDs of 2011」
を紹介したいと思います。


Classic Grey Psd Web UI Set

グローバルナビからラベル、ボタンなどなど、様々なインターフェースのための素材がまとめられていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

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

アウトライン・塗りの2タイプを個性的なラインナップで揃えたアイコンセット「300 Free Icons」

定番素材のアイコンのデザインに差をつけるためには、ベーシックな種類だけでなく、他にはあまり見られない種類を取り入れることで個性を演出できるように。今回はそんなシーンで使用したい、アウトライン・塗りの2タイプを個性的なラインナップで揃えたアイコンセット「300 Free Icons」です。

smarticon1

非常に豊富な種類を取り揃えており、定番のアイコンも揃っていますが、他にはないデザインアイコンの種類が多く見られるのが特徴です。

詳しくは以下

(さらに…)

続きを読む
posted 04:29  |  
Category: Design   
2017年11月30日

まるで絵の具で描かれたような風合いが再現されたツールキット「Artistic Studio: Acrylic Toolkit」

絵の具で描いた手描きの雰囲気は味があっていいもの。しかし、デジタルでその雰囲気を手軽に出したい、そんな時に手助けしてくれるのが今回紹介する、まるで絵の具で描かれたような風合いが再現されたツールキット「Artistic Studio: Acrylic Toolkit」です。

Acrylic_Toolkit01

シームレなステクスチャと手書きのベクターを合わせて使える便利なセットです。

詳しくは以下

(さらに…)

続きを読む
posted 09:00  |  
Category: Design   
2012年06月30日

アナログから自然現象までハイクオリティなphotoshopブラシセット集「40 Awesome Photoshop Brushes for Designers」

作り込まれたPhotoshopブラシはデザインのクオリティを上げるには非常に便利。アナログ感をプラスしたり、光の線や煙などphotoshopならではのリアルな描写が簡単に利用できます。今日紹介するのは、様々なブラシセットをまとめたエントリー「40 Awesome Photoshop Brushes for Designers」です。


Painted Strokes Brushes

アナログから自然現象までジャンルを問わずハイクオリティなphotoshopブラシセットが公開されています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(さらに…)

続きを読む
posted 09:58  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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

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