TOP  >  photo

Tag : photo

2018年02月01日

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

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

Instagram_css

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

詳しくは以下

(続きを読む…)

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

複数のフォトサイトを横断検索することができる便利なフリー画像検索サービス「FreePhotos.cc」

写真一枚でデザインの印象は大きく変わってしまうからこそ、選定にはしっかりこだわっていきたいもの。今回はそんな時に知っていると便利な「FreePhotos.cc」を紹介していきたいと思います。

FreePhotos.cc_top

複数のフォトサイトを横断検索することができる便利なフリー画像検索サービスサイトとなっています。

詳しくは以下

(続きを読む…)

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

写真をワンクリックでレトロな雰囲気に変えてくれる、フリーのPhotoshopアクションまとめ20

写真加工のアクションにはさまざまな種類がありますが、今回紹介するのは、アンティークなテイストを演出したいときや、ちょっとした温かみを加えたいときなどに役立つフリーPhotoshopアクションまとめ「20+ Free Retro Photoshop Actions For A Warm And Classic Look」です。

retro-photoshop-actions

20+ Free Retro Photoshop Actions For A Warm And Classic Look | Naldz Graphics

ワンタッチで写真の加工ができ時短にも最適。下記ではまとめから抜粋したおすすめのアクションを3つご紹介していますので、以下よりご覧ください。

詳しくは以下

(続きを読む…)

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

ヴィンテージな質感に写真加工できるキット「Vintage Photo Press Kit」

写真は撮ったそのままでももちろん素敵な場合も多いのですが、気に入った質感にならなかったり、デザインに合わせて加工が必要な場合も多いと思います。そんな中今回紹介するのは、ヴィンテージな質感に写真加工できるキット「Vintage Photo Press Kit」です。

vintage1

いつもの写真が、どこか懐かしい雰囲気のレトロな質感に変化。新しい写真の魅力を発見できるフォトキットとなっています。

詳しくは以下

(続きを読む…)

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

デザイナー必見 ハイクオリティなフリーストックフォトサイトまとめ「10 More Websites for Free Stock Photos」

デザインの素材として欠かせないものの一つとして取り上げられる写真。しかし時には撮影の予算がなく、ストックフォトから写真を選ばなくてはならないことも。今回はそんなシーンにおすすめな、ハイクオリティなフリーストックフォトサイトまとめ「10 More Websites for Free Stock Photos」を紹介したいと思います。

stocphoto1
Skitterphoto | Free to use public domain (CC0) photographs

デザイン性の高い写真を多数収録したストックフォトサイトが10種、紹介されています。気になったサイトをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

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

是非ブックマークしておきたい フリーストックフォトサイトまとめ「Awesome Stock Images for FREE !! Even for Commercial use」

デザイン制作をする際によく利用する写真は、自身で撮影したものだけではイメージ素材として足りないことも多く、ストックフォトサイトを活用する場合が多いと思います。今回はそんなストックフォトサイトをまとめた「Awesome Stock Images for FREE !! Even for Commercial use」を紹介したいと思います。

stock1
Free Refe Mobile Photos

是非ブックマークしておきたい、フリーで利用できるストックフォトサイトがまとめられています。

詳しくは以下

(続きを読む…)

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

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

2011年10月10日

HTML5とJSで動画に画像をWEB上で合成する「HTML5 Glasses!」

HTML5とJSの組合せでWEB上でできるとこは格段に広がり、様々な実験的なコンテンツが世界では展開されていますが、今日紹介するのはアイデア次第で面白いプロモーションに使えそうなHTML5とJSで動画に画像をWEB上で合成する「JavaScript Face Detection + Canvas + Video = HTML5 Glasses!」です。

こちらはHTML5で再生されているビデオにCanvasを利用して、ビデオに追従するエレメントを表示させるというものです。
実際どんなものか動画が公開されていましたので、下記からご覧ください。

動画は以下から

ユーザーが撮影した動画に対してなにかを合成したり、動画コンテンツに合成する絵を分けてコンテンツを変化させたり、様々な事ができそうな技術だと思います。

Library」にソースコードや実装方法などが公開されています。気になる方は是非チャレンジを。

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

実用性の高い バリエーション豊富なテクスチャまとめ「The Ultimate Collection of Professional Textures」

使い方によって、さまざまな形に変化し幅広く活用できるテクスチャは、デザイナーにとっては欠かせないもの。今回は、是非自身のストック素材としてチェックしておきたい、実用性の高いテクスチャまとめ「The Ultimate Collection of Professional Textures」を紹介したいと思います。


Wood Texture Pack – 12 Free Images! | Media Militia

定番からちょっとアレンジを加えたもの、テクスチャ単体で使用しても様になるもの、幅広いラインナップをこのまとめ一つで取り入れることができます。

詳しくは以下

(続きを読む…)

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

アプリアイコンを手軽かつハイクオリティに仕上げることができるジェネレーター「App Icon Generator」

スマートフォンアプリなどのアイコンは、UIの中で目に留まる・またデザイン的に魅力的で分かりやすくすることがとても重要。いつもデザインに苦戦されているというデザイナーの方は少なくないのではないでしょうか?そんな中今回紹介するのは、アプリアイコンを手軽かつハイクオリティに仕上げることができるジェネレーター「App Icon Generator」です。

appicon1

用意されたベースを組み合わせていくことで、簡単にデザイン性のあるアプリアイコンを作り上げることができます。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Tool   
2016年03月12日

サイト制作に企画・提案・制作に企業やサービスのロゴが探せる「Instant Logo Search」

WEBデザインやプロモーションの企画・提案・制作の現場では、度々企業やサービスのロゴマークが必要になることがありますが、今回紹介する「Instant Logo Search」はそんなロゴマークを簡単に探しだすことができる WEBサービスです。

InstantLogoSearch1

多彩なロゴが公開されており、「Twitter」や「Facebook」など、もはや欠かせないものから、スターバックス、NETFLIXなどなど、様々なジャンルを超えたロゴマークがあつまっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:09  |  
Category: WebService   
2014年07月07日

グラフィカルな加工方法を学ぶことができる Photoshopチュートリアルまとめ「50 Best Photoshop Tutorials 2014」

Photoshopを使えばいろいろなグラフィック表現が可能になりますが、機能が豊富に備わっているためなかなか使いこなせていないという方も多いのでは?今回はそんな時に参考にしたいPhotoshopチュートリアルまとめ「50 Best Photoshop Tutorials 2014」を紹介します。

tuto140707_1
Photoshop tutorial: Stylise photos using colourful shapes – Digital Arts

グラフィカルな加工方法を学ぶことができるチュートリアルが多数まとめられています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Photoshop   
2012年11月24日

CSS3で実現するクリエイティブなローディングセット「CREATIVE CSS LOADING ANIMATIONS」

かなり様々な動きができるようになったCSS3。まだ対応していないブラウザは依然として市場に多いのですが、クリエイティブに特化したWEBなどでは非常に使い勝手が良いです。今日紹介するのは、CSS3で実現するクリエイティブなローディングセット「CREATIVE CSS LOADING ANIMATIONS」です。

いままでのCSSではgifアニメに頼らなくてはいけなかった部分が全てCSSのみで制作されています。

詳しくは以下

公開されているローディングは全部で4つ、どれもアニメーションが効いていて気持ちのいい動きをしてくれます。基本的には画像ファイルなどは一切利用しておらず。純粋にHTMLとCSSで書かれています。原文では、HTML側と、CSS側のソースが合わせて開示されており、コピーして利用することができます。

HTMLとCSSなのでノンプログラマーでも比較的カスタマイズしやすいのではないでしょうか?ローディング処理を探していた方は是非どうぞ。

Creative CSS Loading Animations | Codrops

続きを読む
posted 01:18  |  
Category: WebDesign   
2012年10月17日

秋のさまざままな雰囲気を表現できるテクスチャ&パターンまとめ「150+ Fall Backgrounds: Textures and Patterns」

朝晩の肌寒さを感じるようになり、一気に秋の気配を感じられるようになってきました。そんな中今回紹介するのが、秋のさまざままな雰囲気を表現できるテクスチャ&パターンをまとめた「150+ Fall Backgrounds: Textures and Patterns」です。


Free Texture Grab: Soft Grunge Autumn Textures | inSight Designs’ Blog

イメージ的なパターンから落ち葉や紅葉等の風景テクスチャまで、さまざまな素材が紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:16  |  
Category: WebService   
2009年04月12日

商用利用可!ハイクオリティーなアイコンパック「Web Injection」

ユーザーインターフェイスが改善されたり、世界観をより強固なものにしたりと様々なシーンで役立つアイコン。今日紹介するのは商用利用も可能なアイコンセット「Web Injection」です。

web-injection01

CDやストレージ。注射器、マイク、RSSフィードなどなど。お馴染みのものから少し変わったアイコンまで幅広いアイコンが収録されています全収録アイコンは以下からご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:32  |  
Category: Design   
2013年11月29日

スマートフォンの操作方法を視覚的に説明することができるアイコンパック「Flat Gesture Icons Pack」

スマートフォンの登場によって今までにない直感的な操作方法が一般的になってきましたが、「ピンチ」や「フリック」と言われてどんな操作方法かすぐに想像がつくという人もいれば、まだなれていなく想像できないという方もいらっしゃると思います。今回紹介するのはそんなスマートフォンの操作を視覚的に伝えることができる、60個のアイコンパック「Flat Gesture Icons Pack」です。

fgipfpe_0

想定される操作のほとんどが収録されていて、これ1つあればどんなシーンでもカバーすることができそうです。

(続きを読む…)

続きを読む
2015年11月28日

主流のフラットデザインに対応したアート系ツールのベクターアイコンセット「Flat Vector Art Tools Icon Set」

現在主流となっているフラットテイストのデザイン。その流行に合わせて、配布される素材も対応したデザインのものが非常にたくさん見られます。そんな中今回紹介するのは、主流のフラットデザインに対応したアート系ツールのベクターアイコンセット「Flat Vector Art Tools Icon Set」です。

toolicon

アート系の作業で使用する道具等がアイコン化されており、セットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:28  |  
Category: Design   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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