タグ

動画に関するkuroaka1871のブックマーク (14)

  • 写真に命を吹き込む動画作成アプリ | AppBank

    写真を撮るだけで動画を作れる『FlipLapse』を紹介します。 パラパラ漫画のような動画が作れちゃいますよ。 とっても簡単なので、みんなも試してみましょう! 動画を作ろう! STEP1:写真をパシャパシャ撮る 動画にする写真は、「正方形」または「アスペクト比4:3」である必要があります。 STEP2:アルバムを選択 撮った写真をアルバムに入れて、動画にしたいアルバムを選択しましょう。 © ROBOX Inc.(以下同じ) STEP3:フレームレートを選択 動画のフレームレートを選択します。 数値が大きいほどぬるぬるした動画が撮れます。 ただし、その分多くの写真が必要となるので、枚数にあったフレームレートを探してみましょう。 STEP4:動画を作成する 設定が終わったら【動画作成開始】をタップして終了です。 動画完成! 完成した動画はこちら。 写真だったミクちゃんたちが動き回る! まとめ

    写真に命を吹き込む動画作成アプリ | AppBank
  • 終戦直後の新橋をGHQが撮影した35mmフィルムの解像度が驚異的! : himag

    2015年4月に創刊したhimagは「ライブドアブログ OF THE YEAR 2015」話題賞を受賞!8年目に入り累計記事3600、来場者426万人、631万PVのライフログに成長しました! (文末に時代特定とソース特定に関して追記あり) この映像は終戦直後の新橋や渋谷(道玄坂)、横浜などをGHQが35mmフィルムで撮影した素材なんですが、これまでイメージするあの時代の記録フィルムの解像度をはるかに超えているのでまるで最近みたいに見えます! 以前facebookで紹介したところ、その解像感に驚きのコメントが寄せられ、撮影場所の特定をする人も多く現れました。

    終戦直後の新橋をGHQが撮影した35mmフィルムの解像度が驚異的! : himag
  • 制作技術は見て盗め?オンラインで作業中の様子を公開している動画サイト

    2015年8月10日 Webサイト制作, 便利ツール 以前、すでにWeb制作者として就職している方から「まわりの同僚のように早く作業ができない」「作業の効率のいい進め方がわからない」という悩みを受けたことがあります。作業の効率化について紹介しているWebサイトや書籍も多く見つけられるかと思いますが、実際に手を動かしているところを見るのもひとつの方法です。他の人がどう作業を進めているか、見てみましょう! ↑私が10年以上利用している会計ソフト! 人がコーディングしているところを盗み見 「盗み見」なんてあまりいい響きではありませんが、賛否はどうあれ「技術は見て盗め!」という昔からの教育方針も存在します。会社の先輩、学校やコワーキングスペースの凄そうなオーラを醸し出している人の作業を見てみるといいかも。もちろん、絶対に作業の邪魔はしないようにしましょう! 「技術を見て盗む」メリット 作業の新しい

    制作技術は見て盗め?オンラインで作業中の様子を公開している動画サイト
  • 動画素材が手元になくても背景に動画敷くウェブサイトを作る工程 - MEMOGRAPHIX

    このまえ、こういうサイト作った。 Azusa Colors Keynote Theme by sanographixこのサイトでは背景に動画を敷いている。背景に動画敷くサイト、最近よく見る。自分でいくつか作っているうちに徐々に作り方が分かってきたので書きます。 動画を用意するそもそも動画素材を用意するのがわりと大変で、日頃から素材を撮り貯めている人はあまりいないと思う。ぼくも今まで自分で撮った動画は、なんか公園で鳩が動いてる動画とか、使いどころのないやつばかりだった。 動画素材が手元にない場合、クリエイティブ・コモンズ・ライセンスで動画配布しているサイトがあるので、活用するとよい。 Mazwaiかっこいい動画がいろいろある。Life Of Vids - Free Videos for Designers, Web Creatives & anyoneこっちはCC0なのでライセンス表記不要。

    動画素材が手元になくても背景に動画敷くウェブサイトを作る工程 - MEMOGRAPHIX
  • 初めてのデジタル一眼レフ動画撮影の前に知っておきたい基礎

    2017年3月24日 撮影 今回は私の所属する留学サポート企業Frogのブログでもインタビューさせていただいたふーみんによるゲストブログ!プロモーションビデオ撮影の際に気づいたこと、設定方法などを紹介してくれます!ちなみにそのプロモーションビデオのナレーションは私、Manaが担当していますw 動画の中にもちょこっと登場しているので、探してみてくださいね ;) ↑私が10年以上利用している会計ソフト! 初めまして、バンクーバーにてクリエイター留学中のふーみんです!Manaさんが素敵な広報を担当する留学サポート企業Frogが運営し、僕自身の住居でもある『Frog House』のプロモーションビデオを制作しました!完全素人であった僕が、学校のインストラクターや友人のシネマトグラファーからのアドバイスをもとに1から動画撮影について学んだことを共有したいと思います。 制作したプロモーションビデオがこ

    初めてのデジタル一眼レフ動画撮影の前に知っておきたい基礎
  • [CSS]動画を背景に使い、オーバーレイでコンテンツを配置するテクニック(IE8、スマホへの対応方法)

    動画を背景としてブラウザいっぱいに表示し、その上にオーバーレイでコンテンツを配置するCSSのテクニックを紹介します。 動画の背景はレスポンシブ対応、video要素に対応していないIE8や、動画の自動再生に対応していないスマホへの対応方法も! Create Fullscreen HTML5 Page Background Video 下記は各ポイントを意訳したものです。 以前紹介した時(前の記事)からアップデートされ、実装の解説も充実しているので、改めて許可を得て翻訳しました。 中の人は、Smashing Magazineのエディタさんです。 動画を背景に使う時の大切なポイント デモ CSSで動画を背景にしたコンテンツを実装する方法 動画を背景に使う時の大切なポイント 動画をサイトに使う時は、動画が単にかっこいいからという理由ではなく、サイトのメッセージが伝えられる動画を使用しましょう。 動

    [CSS]動画を背景に使い、オーバーレイでコンテンツを配置するテクニック(IE8、スマホへの対応方法)
  • Youtubeの動画を背景に

    jQueryのtubularプラグインを使用してYOUTUBEの動画をブラウザの背景全体に再生させる(レスポンシブ対応)【jQuery連載01】 最近Webサイトでブラウザの背景全体に動画を配置してインパクトのあるサイトを見ることがありましたので、2回に分けて、YOUTUBEにアップロードした動画や自分のサーバー上の動画をvideo要素を使用して配置するサンプルを作成しました。 まず初回はYOUTUBEの動画を背景に表示させるjQueryの「tubular」プラグインを使用してインパクトのあるページが作れるサンプルです。 このプラグインでよく見かけるのはただ動画を背景に配置しただけのサンプルが多いので、今回はサイトのデザインとして使えるように、ロゴやナビゲーションやコンテンツ内容を入れてWebサイトのTOPページのデザインのようなサンプルを作成してみましたので、背景に動画を流したい場合にお

    Youtubeの動画を背景に
  • スクリプト無し、動画をページの背景いっぱいに表示する方法

    jQueryなどスクリプトは一切使わずに、HTML5+CSSで動画をウェブページの背景いっぱいに表示する方法を紹介します。 フルサイズのデモ IE8などHTML5のvideo要素に対応していないブラウザでは、代替の背景画像が表示されます。 実装は、非常にシンプルです。 HTML 動画はbody内の一番下にvideo要素で配置し、その上には通常通りコンテンツを配置できます。 <body> ... コンテンツ ... <!-- 背景に設置する動画 --> <video autoplay loop poster="http://mattgrossdesign.com/raw-media/first-frame-screencap" id="video-background" muted> <source src="http://mattgrossdesign.com/raw-media/wood

  • 背景に動画を使ったWebサイトの作り方

    2023年5月12日 jQuery, Webサイト制作, Webデザイン 2012年後半あたりから少しずつ目にする機会が増え、今では海外サイトを中心に世界中に広まった、背景に動画を用いたWebサイト。サイトの雰囲気や、サービスの具体的な内容を背景に流すことで、よりユーザーの視点をスクリーンに注目させることができます。今回はそんな背景動画の実装方法を、実例サイトと共に紹介していこうと思います。 ↑私が10年以上利用している会計ソフト! KINS WITH 動物病院のWebサイトでは、かわいいわんちゃんの動画とともに院内の様子がよくわかる動画を掲載しています。 AquallのWebサイトでは画面全体ではなく、動画の一部をくり抜いたような形で動画を掲載。背景の装飾としてよく溶け込んでいます。 動画を用意する まずは背景に表示したい動画を用意します。動画を用意する方法は大きく分けて4通り。 自分で

    背景に動画を使ったWebサイトの作り方
  • YouTube動画を手軽にGIFアニメへ変換できるサイト「Giflike」 | ライフハッカー・ジャパン

    「Giflike」はYouTube動画を手軽にGIFアニメに変換できるサイトです。YouTube動画のURLを指定して読み込むと、動画を画像に分解してくれ、使いたい画像を選んだら完了です。簡単に動画からGIFアニメが作成できましたよ。 以下に使ってみた様子を載せておきます。まずGiflikeへアクセスしましょう。YouTube動画のURLを貼り付けて「Import」し、しばらくすると画像一覧が表示されます。 あとはGIFアニメとして使いたい画像を選んでおしまい。これでYouTube動画をGIFアニメへ変換できます。とても手軽にパパっとできるので、ぜひご活用ください。 Giflike (カメきち)

    YouTube動画を手軽にGIFアニメへ変換できるサイト「Giflike」 | ライフハッカー・ジャパン
  • YouTubeをもっと活用できる裏ワザ5選 | ライフハッカー・ジャパン

    デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

  • 候補者にアポなし取材したら・・・

    ネット選挙が解禁となった参院選で20人が立候補し、5議席を争う大乱戦になっている東京選挙区。その東京選挙区で候補者に直接会いに行ってインタビューした動画「参議院選挙東京選挙区候補者に会って質問できるか やってみた」が公開されている。質問はたった一つだけ。マスコミでもない一般の有権者が候補者に直接質問をぶつけたら、各候補者や事務所はどういう反応を示すのか...

    候補者にアポなし取材したら・・・
    kuroaka1871
    kuroaka1871 2013/07/19
    面白い試み。ただ、選挙期間はスケジュール多忙というのもわかるので、選挙期間以外にもインタビューしてみて欲しい。例えば、現役議員(当選者)インタビューだけに絞ったとしても、選挙前と選挙後で対応の変化があ
  • もう何もしたくない…そんな気分を一刷してくれる、秀逸ネコ動画15選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    こんにちは、メディア事業部のあゆみです。 ここ数日、会社で夜を過ごしているうちに毎日「ネコtime」を設けるようになってしまいました。癒しです、癒し。そんなわけで不思議と元気が出てくる、絶妙なツボを突いてくれるネコ動画を紹介します。 クールすぎる…秀逸ネコ動画15選 1.stereo skifcha ここ数年のネコシーンで一番ホットなのは、やっぱりロシア出身のネコアーティストSKIFCHA。白いサングラスをかけてばっきばきのダブステップのビートにのってる姿が超クールです。編集でいじられまくってるのですが、それでもいいのです。可愛いから。 大人気すぎて3Dバージョンやリミックスなど様々に登場していますが、中でも人間のおばあちゃんでパロッた動画は秀逸。

    もう何もしたくない…そんな気分を一刷してくれる、秀逸ネコ動画15選 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • http://www.dailymotion.com/video/xvvikn_yyyy-yyyyyyyyy-yyyyyyy-2012-12-10_people

  • 1