TOP  >  フィルター

Tag : フィルター

2018年02月01日

Instagramフィルターを再現するCSSスニペット「Instagram.css」

旅先での思い出や美味しいものを撮った写真をSNSに投稿する時、Instagramを活用している人は多いのではないでしょうか。そんな中今回は、Instagramフィルターを再現するCSSスニペット「Instagram.css」を紹介したいと思います。

Instagram_css

40種類以上のバリエーション豊かなフィルターを再現できるCSSです。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
2013年12月21日

写真を柔らかな雰囲気を付与するPhotoshopアクション「CofeeShop Auto Baby Blanket Blur Photoshop/PSE Action!」

手軽にプロの写真加工を再現したり、同じ効果を施すことができるPhotoshopのアクション機能。とても便利で、制作時間の短縮やクオリティアップのためには欠かせない機能の1つです。さて、今回紹介するのはそんなPhotoshopアクションの中でも、写真に柔らかな加工を施す「CofeeShop Auto Baby Blanket Blur Photoshop/PSE Action!」です。

cabbbppa_0

サンプルの赤ちゃんの写真を見るとわかりますが、これは写真に遠近感のぼかしをつけて、柔らかさと雰囲気を付与することができるアクションです。

(続きを読む…)

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

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

2015年08月21日

フリーで使用可能 HTML・PSDテンプレート集「20+ Fresh and Free HTML and PSD Templates plus GUI Packs」

webサイトやスマートフォン・タブレット対応のサイト制作をする際に便利なフリーのテンプレート。すでにすべてが完成された状態のため、使用するだけでデザイン性の高いサイトを作り上げることができます。今回はそんなHTML・PSDテンプレート集「20+ Fresh and Free HTML and PSD Templates plus GUI Packs」を紹介したいと思います。

temp_2
Kuntitled – Free Bootstrap Theme | Pankogut

デザイン性に優れたテンプレートが豊富にまとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

いろいろなゲームキャラクターを楽しめる「Free Monster Enemy Game Sprites」

ゲームのデザインには非常にたくさんのパーツが必要で、1つ1つをデザインすると非常に大変なことも。今回はそんなシーンで利用できそうなフリースクリプト「Free Monster Enemy Game Sprites」を紹介したいと思います。

monster1

モンスターだけどどこか可愛らしい印象の、いろいろなキャラクターが揃ったスクリプトです。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:00  |  
Category: Design   
2013年02月15日

3カラムで構成されたWordPressテーマまとめ「10 Best Free 3 Column WordPress Themes」

サイト内の構成をカラムでしっかりと分類することで、ユーザーにとって使いやすいインターフェイスを築き上げることができます。そんな中今回紹介するのは、レイアウトの参考にもなる、3カラム構成のWordPressテーマをまとめた「10 Best Free 3 Column WordPress Themes」です。


CarZilla Free WordPress Theme

読みやすさや記事の検索のしやすさに配慮した、ユーザーにも管理者にも嬉しいWordPressテーマが多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2010年01月29日

クロスブラウザ対策のための表示確認ツールのまとめ「Useful Tools for Testing Cross Browser Compatibility」

現在様々なブラウザがシェア争いを繰り広げており、人によって利用しているブラウザは色々だと思います。それゆえにWEB制作者にとっての一つの課題が、多々あるブラウザでの表示を統一しなければ行けないという命題が化せられると言う事です。特に現状はブラウザの種類の違いだけではなく、利用されているバージョンも異なっているため、そちらも念頭にいれなくてはいけなくて、主要ブラウザとそのバージョン違いを検証するだけでもかなり手間がかかります。そこで今回紹介するのは主要なブラウザ間での表示確認を簡単にしてくれるWEBサービス、ツールをまとめたエントリー「Useful Tools for Testing Cross Browser Compatibility」を紹介したいと思います。

browser_testing_1
Adobe Browser Lab

いくつかまとめられていますが、今日はその中からさらに気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:58  |  
Category: WebDesign , WebService   
2014年02月14日

コレクションに加えたい 最新のアイコンセットまとめ「33 New and Free Icon Sets」

線画や面だけで表現されるアイコンは、利用するだけで簡単に機能や意味が表現できるとても便利な存在。より多くの種類をストックしておけば、デザインの幅が広がります。今回はコレクションに是非加えたい、最新のアイコンセットまとめ「33 New and Free Icon Sets」を紹介したいと思います。

icon140214_1
Dribbble – Free Icons by Fabrizio del Gaudio

フラットタイプから、リアルな表現を施したものまで、さまざまなテイストのアイコンがまとめられています。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:59  |  
Category: Design   
2017年05月19日

アンティーク調な雰囲気の手描きイラストレーションセット「110 Hand-Drawn Floral Elements」

植物をモチーフとしたデザインは、繊細で柔らかくナチュラルな雰囲気をデザインに与えてくれます。今回はそんな、優しい質感を取り入れたい時に活用したい、「110 Hand-Drawn Floral Elements」を紹介したいと思います。

Hand-Drawn-Floral-top

アンティーク・アナログテイストの手描きタッチの植物イラストが1170種セットになってダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

人々を惹き付けるwebマガジンサイト集「30 Predominant Magazine-Themed Websites」

無数に存在するwebサイト。目的に合わせたサイト構成がユーザーを惹き付けるために重要なポイントだと思います。そこで今回は、webマガジンサイトにクローズアップし、ユーザーを惹き付けるwebマガジンを集めた「30 Predominant Magazine-Themed Websites」を紹介したいと思います。


Zaum & Brown | CD Sleeve Design, Band Art, Myspace & Website Design

シンプルな構成のサイトはもちろん、レイアウトやタイトルデザインにこだわったサイトまで、さまざまなサイトが紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:01  |  
Category: WebDesign   
tag: 
2007年10月30日

Javascriptで動くFlashライクなスライドショー「COULOIR」

FLASHでのスライドショーは色々とカスタマイズできて見栄えも良くクリエイティブな感じですが、当然FLASHの取得がある程度必要になってきますし、カスタマイズも普段コードばっかり描いてる人には少し厄介です。今回紹介するのはFLASHのようなクリエイティブなスライドショーをJavascriptで実現させた「COULOIR」です。

couloir

写真の切り替えエフェクトやデザインはかなりシンプルでどんなサイトでも合うデザインになっています。機能的にはスライドショーとしての最低限の機能が実装されているという感じです。動作デモは「Couloir.org: Resizing, Fading Slideshow Demo」です。

このスライドショーの実装にはprototype、moo.fx、soundmanagerなどの既存のライブラリが必要ですが、配布元にはこれらのライブラリも含めて配布してくれているのでダウンロードしてすぐに使う事ができます。ソースのダウンロードは下記のリンクの上部「About this Slideshow »」を押して出てくる「Download the source」からどうぞ。

Couloir.org: Resizing, Fading Slideshow Demo

続きを読む
posted 04:25  |  
Category: WebDesign   
2013年05月25日

フラットデザインをオーダーされたデザイナーのためのデザインインスピレーション「Flat Design Inspiration」

今年はフラットデザインがWEBのトレンドとして、多くのクリエイティブブログで伝えられています。windows8を始めとして、OS側のユーザーインターフェイス側にも取り入れられ、今後ますます、目にする機会も多くなってくると思います。今日紹介するのはフラットデザインをオーダーされたデザイナーのためのフラットデザインをオーダーされたデザイナーのためのデザインインスピレーション「Flat Design Inspiration」です。

今回はWEB側とスマートフォンUIをそれぞれ取り上げているエントリーから気になったものをまとめて紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
2013年11月05日

フラットデザインを実現するフリーUIデザインPSD「The Flat Design UI Pack」

Windowsのメトロデザインや、UIが一新されたiOSなど、最近はフラットデザインが色々な所で取り入れられてきており主流になりつつありますが、今日紹介するのは流行のフラットデザインを実現するフリーUIデザインPSD「The Flat Design UI Pack」です。

ftfduip

シンプルさの中にある柔らかさから万人受けしそうなデザイン。さまざまなパーツが用意されていて、制作に十分なサイズで、さらに編集可能なPSDで提供されています。

(続きを読む…)

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

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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