TOP  >  動画

Tag : 動画

2016年09月29日

300以上の背景用フリー動画素材を集めた「Coverr」

最近のWEBデザインの主流として背景に大きな動画を流すというものがありますが、なかなかイメージに合う動画を撮影するのは難しいものです。今日紹介するのは背景用の動画を探す時に便利な、300以上の背景用フリー動画素材を集めた「Coverr」です。

Coverr01

都会の雑踏から、料理しているシーン、大自然、買い物をしてるシーンなど様々な背景用の動画が無料で配信されています。

詳しくは以下

(続きを読む…)

続きを読む
このエントリーをはてなブックマークに追加
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   
このエントリーをはてなブックマークに追加
2011年02月11日

HTML5で作られたビデオプレイヤー集「10 Best HTML5 Video Player」

次世代の言語として期待されているHTML5、すでにスマートフォン関係の標準ブラウザで対応し始めていることもあり、利用したことが有るという方もWEB制作者であれば多いのではないでしょうか?今日紹介するのはそんなHTML5で作られたビデオプレイヤーをまとめたエントリー「10 Best HTML5 Video Player」です。


FryPlayer – HTML5 Video Player

全部で10種類のHTML5で作られたビデオプレイヤーがまとめられていましたが、今日はその中から幾つか気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

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

フリーで利用できる音楽&演出素材集「Free Music & Sound Effects」

臨場感や雰囲気をより作ってくれる音楽。シーンにはまれば、どうということ無い動画も世界観をより感じさせるものになりますが、なかなか自分で作るのは敷居が高い。今日紹介するのは音が作れないというかたのために、フリーで利用できる音楽&演出素材を集めたサイト「Free Music & Sound Effects」です。

様々なバックグラウンドミュージックやサウンドエフェクトが公開されています。いくつか動画に併せてみた音源のサンプルが公開されていましたので下記にいくつか紹介したいと思います。

詳しくは以下

(続きを読む…)

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

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

2010年04月26日

クリエイティブなフリーフォント集「40 Beautiful Free Fonts For Creating Attractive Typography Headlines」

さまざまな種類のフォントが日々リリースされていますが、。今回紹介するのはクリエイティブなフリーフォント集「40 Beautiful Free Fonts For Creating Attractive Typography Headlines」というエントリー。

freefont40_01

全部で40のフォントがまとめられていましたが、その中からシンプルで使いやすいタイプのフォントを中心にいくつピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 11:09  |  
Category: Design , Font   
tag: Design Font
2015年06月23日

iPhone6の使用イメージを簡単に作成できるテンプレート「24 Fresh Free iPhone 6 Templates to Showcase Your Designs」

Appleの最新機種・iPhone6。すでに多くの人達が使用しており、ビジュアル的なイメージ作成が必要になってくるシーンも時にはあるのではないでしょうか?そんな中今回紹介するのは、iPhone6の使用イメージを簡単に作成できるテンプレート「24 Fresh Free iPhone 6 Templates to Showcase Your Designs」です。

iphone6mock

iPhone6を手に持って使用するシーンのイメージが24種、フリーダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2015年05月18日

シンプルなテイストでいろいろなシーンで活用できそうなグランジテクスチャセット「10 Simply Subtle Grunge Textures」

劣化した壁や紙などの質感を落とし込んだグランジテイストのテクスチャは、アレンジ次第でいろいろなシーンで活用することができるとても便利な存在。いくつもストックされている方も多いのではないでしょうか?そんな中今回紹介するのは、シンプルなテイストのグランジテクスチャセット「10 Simply Subtle Grunge Textures」です。

grunge1

主張しすぎない質感で、そのままでも、加工して使用しても、使い方によって表情を多彩に変化させることができそうなグランジテクスチャがセットでダウンロードできるようになっています。

詳しくは以下

(続きを読む…)

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

デザイン性のあるページネーションpsd「25 Free Pagination PSDs For Web Designers」

ブログやページ構成のあるwebサイトなどを制作する際に使用するページネーション。わかりやすさを求める故、どうしても無難なデザインになってしまうことも多いのでは?今回はそんな時に活用したい、デザイン性のあるページネーションpsd「25 Free Pagination PSDs For Web Designers」を紹介したいと思います。

pagination1
Sleek pagination PSD (3 colors) | GraphicsFuel.com

さまざまなテイストのページネーションpsd素材が25種類まとめられています。気になったものをピックアップしましたので下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2013年05月20日

高解像度が嬉しい!ベニヤ板テクスチャセット「5 Free High-Resolution Wood Textures」

インターネット上にはフリーで利用できる画像やパターンなどが多数紹介されており、そのような素材をデザイン制作に利用するというのは当たり前のことと思います。しかし、インターネット上にアップされている画像は解像度が小さいものも多く、良い素材を見つけても実際には利用できず、残念な思いをされた方もいらっしゃるのではないでしょうか。そんな中今回紹介するのが、高解像度が嬉しい、ベニヤ板テクスチャセット「5 Free High-Resolution Wood Textures」です。

色や模様の異なるベニヤ板のテクスチャが5枚セットになっています。

詳しくは以下

(続きを読む…)

続きを読む
posted 04:20  |  
Category: Design   
2012年11月19日

生活のさまざまなシーンを再現できるベクターシルエット素材まとめ「30 Sets of Free Vector People Silhouettes For Your Next Design Project」

人々の生活シーンを、デザイン制作の中で再現することは多いと思います。そんな中今回は、生活のさまざまなシーンを想像させるベクターシルエット素材をまとめた「30 Sets of Free Vector People Silhouettes For Your Next Design Project」を紹介したいと思います。


Aerobic Art Dancer Vector Silhouettes – Vecteezy! – Download Free Vector Art, Stock Graphics & Images…

大人から子どもまで、デザイン制作に使いやすいベクター素材が多数紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
2010年06月08日

これからの季節に必携!Tシャツモックアップテンプレート集「Complete Collection of Blank T-Shirt Mockup Templates」

かなり暑くなってきて、これから梅雨が明けると夏本番。Tシャツが大活躍する季節ですが、デザイナーなら、Tシャツを作ってくれと頼まれたり。自作したりコンペに出したりとそんなTシャツがらみのクリエイティブも増えてくるのではないでしょうか?今日紹介するのはTシャツをデザインするときに便利なTシャツモックアップテンプレートを集めたエントリー「Complete Collection of Blank T-Shirt Mockup Templates」です。

tshirt_template_01
Hi-Res Blank White T-Shirt Template (.jpg)

上記のような無地のデザインのベースになるようなテンプレートが多数まとめられています。今日はその中からいくつか気になったものをピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 07:56  |  
Category: Design , Photoshop , vector   
2015年10月30日

リボンをテーマにしたデザインフリーフォントまとめ「Free Ribbon Fonts Designers Would Love to Have」

いろいろなデザインのフォントが配布されており、非常に個性的なものも豊富にインターネット上では配布されています。そんな中今回紹介するのは、リボンをテーマにしたデザインフリーフォントまとめ「Free Ribbon Fonts Designers Would Love to Have」です。

ribbonfont1
Lost Type Co-op | Ribbon

かわいらしいイメージのリボンのビジュアルを活用して作られたフリーフォントがまとめられ、紹介されています。気になったものをピックアップしましたので、下記より御覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Font   
2011年12月10日

2011年にリリースされた、使えるjQueryプラグイン50「The 50 Most Useful jQuery Plugins from 2011」

WEB制作の現場で利用されているjQuery。非常に軽量かつ、高機能なjavascriptライブラリで、世界中で様々なプラグインがリリースされていますが、今日紹介するのは2011年にリリースされた、使えるjQueryプラグインをまとめたエントリー「The 50 Most Useful jQuery Plugins from 2011」です。


Response Javascript

全部で50ものプラグインがまとめられていますが、今日はその中から特に気になったものを紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:38  |  
Category: WebDesign   
2013年05月31日

さまざまなスクラッチ柄を表現できるPhotoshopブラシまとめ「A Collection of Free Scratch Brushes for Photoshop」

素材感を感じさせたいデザインを制作する際には、テクスチャから模様を抽出したりといろいろな工夫が必要となりますが、一つ一つのパーツ制作に時間もかかってしまいます。そんな中今回紹介するのが、さまざまなスクラッチ柄を表現できるPhotoshopブラシをまとめた「A Collection of Free Scratch Brushes for Photoshop」です。


scratch II by ~ShadyMedusa-stock on deviantART

金属でこすったようなスクラッチ柄から、えんぴつで描かれたようなスクラッチ柄まで、表現力の高いブラシばかりが紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:32  |  
Category: Design , Photoshop   

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

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

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

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

関連サイト

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