フジテレビ / めざましテレビ 2013-2015 Logo Type, Corner Logo & Telop Design SUZUKI / Tokyo Motor Show 2011 Monitor Motion Graphics Design Cybozu / kintone 2012 Logo, Web Application UI Design 株式会社三階ラボ 3flab inc. 沿革 2008/4 株式会社スリーフローを設立 2012/4 株式会社三階ラボに社名変更 資本金 3,000,000円（2014/8現在） 取引銀行 東京三菱UFJ銀行 〒151-0073 東京都渋谷区笹塚2-2-3 エヴァーグリーン笹塚503 Evergreen Sasazuka #503, 2-2-3 Sasazuka, Shibuya-ku, Tokyo 151-0073, Japan
プログラミングでお絵かきする試みを続けるうちにスケッチが100個ほど溜まりました。 似たようなことをして遊んでみたい人のために、過去のスケッチを例に出しつつ、アイディアというかネタというか、そういうのを列挙してみます。 これはProcessing Advent Calendar 2018 - Qiitaの6日目の記事です。遅刻！ 序 初めて作り、完成したのはライフゲームだったと思います。簡単なプログラミングだけで複雑怪奇な振る舞いをするシステムを作れるという事実に、目の覚めるような驚きを感じつつ、魔法の金槌を手に入れたような気分になりました。 プログラミングさえあれば新鮮な驚きと感動に飢えることなく、人生はずっと面白いままなのだろうという予感を覚えました。 ── ポーン（ゲーム制作者）*1 この文章がずっと印象に残っています。 それはたぶん私も似たような原体験を持っているからで、そういう人
長藤デザイン合同会社, NAGAFUJI DESIGN LLC, Graphic Design, Motion Graphics
Most designers today create static mockups to communicate app ideas. But increasingly apps are anything but static, which means as designers we need a better tool for interaction design. Origami is a free toolkit for Quartz Composer—created by the Facebook Design team—that makes interactive design prototyping easy and doesn’t require programming. Quartz Composer is a freely-available Mac OS X appl
Design Your Way is a brand owned by SBC Design Net SRL Str. Caminului 30, Bl D3, Sc A Bucharest, Romania Registration number RO32743054 But you’ll also find us on Blvd. Ion Mihalache 15-17 at Mindspace Victoriei contact@designyourway.net Imagine transforming your projects with fonts so captivating, they turn mere text into art. The right font does more than just communicate; it captivates, leaving
Two.js
TIP Prior to v0.7.0-alpha.1 Two.js requires Underscore.js and Backbone.js Events. If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github. # Overview Overview # Focus on Vector Shapes Two.js is deeply inspired by flat motion graphics (opens new window). As a resu
こちらの記事は、Jonathan Saring 氏により2018年 6月に公開された『 11 JavaScript Animation Libraries For 2019 』の和訳です。 本記事は原著者から許可を得た上で記事を公開しています。 何かいいJavaScriptのアニメーションライブラリがないかとWebを眺めていても、「おすすめ」されているはずの多くライブラリが、実は長い間メンテナンスされていませんでした。 そこで私は調査を重ね、あなたのアプリにも使える11の優れたライブラリ、そして今はほとんどメンテナンスされていないものの、非常に便利ないくつかのライブラリをまとめてみました。 アドバイス: JSコンポーネントを個別にパッケージ、公開するのにはBitを使いましょう。異なるプロジェクトやアプリケーション間で共有したりすることができ、チーム内でより迅速にアプリケーションを構築するこ
The Ultimate 150+ Best Modern Fonts Collection - 1stWebDesigner
Choosing the perfect font for your projects is an important step, as it could make or break your design. The wrong choice of font can bring down your flyer, poster, business card, blog – just about anything. We know that it takes a lot of time to look for modern fonts that would really fit your design, which is why it is also important to have as many modern fonts as you can at your disposal! You
The CG Society
Learn After Effects from scratch and master the leading motion graphics and post-production software on the market
65 Excellent Flash Designs | Design Showcase | Smashing Magazine
Flash enabled designers and developers to deliver rich content over the browsers, creating motion, interactivity and an impressive visual experience. Good Flash-sites do not require too much bandwidth, load fast and allow for a smooth interaction; besides, beautiful Flash-based sites are Photoshop masterpieces, transporting some kind of reality and fantasy to the Flash movie. In the showcase below
Streaming & Download : https://orcd.co/biri-biri Music : Ayase (https://twitter.com/Ayase_0404) Vocal : ikura (https://twitter.com/ikutalilas) 『ポケットモンスター スカーレット・バイオレット』インスパイアソング「Biri-Biri」 ○インスト音源はこちら https://piapro.jp/t/J6zP 「Biri-Biri」原作小説：「きみと雨上がりを」 著：武田綾乃 監修：株式会社ポケモン・株式会社ゲームフリーク 原案：『ポケットモンスター スカーレット・バイオレット』 https://novel-kimiame.pokemon.co.jp/ ◼️あらすじ ーー世界はきれいだった。きみと出会う前よりも、ずっと。ーー パルデア地方のオレ
National Grid http://www.nationalgridfloe.com/ Environmental issues have never been more fun to learn in this graphically stunning interactive site by First Born Media. Befriend and care for a baby polar bear and perform tasks and games along the way in order to learn and understand more about how much of our lifestyle has an effect on our environment. Rich in motion graphics with a high level of
トップ＞motion graphics＞ モーショングラフィックスまとめ、リンク集 かっこいいムービーを見たい人はこちら。海外の映像製作会社を紹介。どのサイトにも上質のモーショングラフィックス映像が公開されている。このBlogで新たなサイトを紹介しだい追加していきます。ムービーの保存に関してはFLASH（とQuickTime）の保存方法の下のほうに書かれています。 REEL：その会社が製作した作品をひとまとめにしたもの。まずはコレを見て、気に入った作品があったらサイトで探してみることをオススメします。 関連記事：オススメ作品のリンクがある。各サイトごとに公開されている作品の量は膨大なので目安にしてください。 Aritfact Design（USA）（REEL、関連記事） Anders Schroder（REEL、関連記事） Charlie Company（REEL、関連記事） Duck S
フジテレビ / めざましテレビ 2013-2015 Logo Type, Corner Logo & Telop Design SUZUKI / Tokyo Motor Show 2011 Monitor Motion Graphics Design Cybozu / kintone 2012 Logo, Web Application UI Design 株式会社三階ラボ 3flab inc. 沿革 2008/4 株式会社スリーフローを設立 2012/4 株式会社三階ラボに社名変更 資本金 3,000,000円（2014/8現在） 取引銀行 東京三菱UFJ銀行 〒151-0073 東京都渋谷区笹塚2-2-3 エヴァーグリーン笹塚503 Evergreen Sasazuka #503, 2-2-3 Sasazuka, Shibuya-ku, Tokyo 151-0073, Japan
flapper
Motion Graphics × Entertainment flapper3は、映像・空間演出が得意な会社です。 エンタメ領域のデザインワークをメインに、多様な分野のコンテンツを手掛けています。 ABOUT
新海誠監督作品 君の名は。 公式ビジュアルガイド 作者: 新海誠,東宝,コミックス・ウェーブ・フィルム,角川書店出版社/メーカー: KADOKAWA/角川書店発売日: 2016/08/27メディア: 単行本この商品を含むブログ (28件) を見る 君の名は。：累計興収100億円を突破 宮崎駿作品以外の日本アニメで初の大台 - MANTANWEB（まんたんウェブ） 公開一月足らずで宮崎駿監督以外達成していない数字に到達という、もう大人気とかそういうの通り越してなんだかよくわからないことになっている新海誠監督の最新作『君の名は。』 仮に見ていなくても、その話題を目にしたことがないって人はもうほとんどいないんではないでしょうか。 こうなるとまあ当然のこととして、彼の過去の仕事にも注目が集まってくるわけです。 新海誠が作ったエロゲOPはお前のようなエロゲOPがあるかという凄まじさなので見てほしい
SNSなどソーシャルメディアをつかった共有、シェアが当たり前になっているいま、プロモーション用の映像やムービー動画などのコンテンツが増えています。先日のAdobe Maxでは、初心者でも簡単にできる動画編集アプリ Premium Rush が発表され、YouTube向け動画などを簡単に作成できるようにもなりました。 After Effects や Premiere Pro、Final Cut Pro X などで手軽に利用でき、プロ級の本格的なエフェクトを実現できる、無料素材191種類が公開されていたので、今回はご紹介します。 完全無料で使える！映像制作に役立つフリー動画素材サイト16個まとめ 動画、映像作品がグッと良くなる！制作に役立つ無料エフェクト素材まとめ キラリと光るレンズフレア17種類や、壮大な宇宙をテーマにしたテクスチャ素材、写真ギャラリーなどの切り替えに便利なモーショングラフィ
Flashも無し、jQueryも無し、キーフレームを使ったCSS3アニメーションで実装したかっこいいドロップダウン型のナビゲーションを紹介します。 Two Level Superfishy Menu [ad#ad-2] デモ 実装 デモ デモはキーフレームのアニメーションを使用しているため、Chrome, Safari,Firefoxでご覧ください。 ※IE, Operaでは動作しません。 デモページ: アニメーション完了時 実装 HTML ナビゲーションはリスト要素で実装されており、第二レベルはリストの入れ子になっています。 <div id="container"> <ul id="nav"> <li><a href="#">Home</a></li> <li> <a href="#">About Us</a> <ul> <li><a href="#">What we do</a></l
Born Sexy Yesterday
Help me make more videos! https://www.patreon.com/popdetective PAYPAL Make a one-time donation via PayPal: https://www.paypal.me/popdetective WISHLIST Send research materials for video essays: https://www.amazon.com/hz/wishlist/ls/VPZW4GU512ON?ref_=wl_share PODCAST LINKS Apple Podcasts https://podcasts.apple.com/us/podcast/pop-culture-detective-audio-files/id1585512628 Spotify: https://open.sp
With Rive, complex designer-developer handoff is a thing of the past. Reduce development times by empowering designers to build functional graphics with rich interactivity and animation.
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more. vvvv is a hybrid visual/textual live-programming environment for easy prototyping and development. It is designed to facilitate the handling of large media environments with physical interfaces, real-time motion graphics, audio and video that can interact with many users simultaneously. Respon
kyoteizinc (video mix) / omodaka (far east recording) dir.: hiroshi kizu (P.I.C.S.) dancer: masako yasumoto What is Omodaka? Omodaka is the name of the project developed through a trial and error process of mutational fusion of music and motion graphics. It will knock over your existing image toward a music video by a beautiful trajectory. Omodaka って何？ 音楽とモーション・グラフィックスの突然変異的融合を試行錯誤してき
フジテレビ / めざましテレビ 2013-2015 Logo Type, Corner Logo & Telop Design SUZUKI / Tokyo Motor Show 2011 Monitor Motion Graphics Design Cybozu / kintone 2012 Logo, Web Application UI Design 株式会社三階ラボ 3flab inc. 沿革 2008/4 株式会社スリーフローを設立 2012/4 株式会社三階ラボに社名変更 資本金 3,000,000円（2014/8現在） 取引銀行 東京三菱UFJ銀行 〒151-0073 東京都渋谷区笹塚2-2-3 エヴァーグリーン笹塚503 Evergreen Sasazuka #503, 2-2-3 Sasazuka, Shibuya-ku, Tokyo 151-0073, Japan
※今回はGIF動画を大量に貼り付けたのでページが重いかもしれません。あしからずご了承ください。 それにしても、いやー、とんでもなかったですね、最近アイマス動画界隈を震撼させたこちらの合作動画。 こんな感じのとか シャフトっぽい演出とか こういう演出って『モーショングラフィックス(MG)』って言うんですってね。 Motion Graphics 従来のグラフィックデザインに、動きや音を加えたもの。写真やイラストなどの静止画像や、ロゴや文字、図形などのデザインといった素材に動きをつけることで動画に加工する。動画である映像表現と静止画像のグラフィックデザインの中間に位置する表現方法だといえる。 モーショングラフィックスとは - はてなキーワード モーショングラフィックスとは、映像表現の手法の一つである。従来の静止画としてのグラフィックスデザインに動きや音を加え、映像の形態を取った視覚表現である。M
敷居の部屋
※表紙イラスト：くらふと 12/31（金）東地区K-33b Web カタログURL：https://webcatalog-free.circle.ms/m/Circle/15717352 イベント価格：500円 ネットから離れすぎてもうブログの更新のやり方がよくわからない。 どうも、たまにTwitterで最近のお気に入りを呟くだけおじさんの敷居です。 lastline.hatenablog.comおばけさん告知ありがとう。 はい、そんなわけで敷居亭新刊出ますよ。出るんです。 だいぶ前にインタビューして良い話聞けたし絶対本にしような、かーらーの！ そもそもコミケ開催されないというので大幅延期というね…… でも敷居亭新刊はきっと出ます。出します。出させます。よろしくお願いします。 https://t.co/fnNRCyIwFc — 敷居 12/31（金）東地区K-33b (@sikii_j)
Making of “Kindolphin” | 麦 Baku
group_inou / HAPPENING group_inouとAC部のミュージックビデオ作品『HAPPENING』をWebアプリ化しました。デザインと実装は僕一人です。元のビデオがGIFアニメ縦長漫画が歌詞に合わせて自動スクロールする仕様だったので、GIFの質感をロスレスかつ自分のペースで楽しめるように、某電子書籍アプリのような体裁でインタラクションできるようにした次第です。 We have just released a Webtoon app that highlights the lyrics of group_inou's music video "HAPPENING". You can switch between Japanese/English, change colors, stop and have a close look, or just scratch and
takcom™
About Using motion graphics and VFX as a backbone, TAKCOM is a director and visual artist who embraces state-of-the-art technology and any expression that accurately represents the current times, and uses surreal, sci-fi and technology as motifs in his works. To put everything into his own prospective, on the contrary to his vision TAKCOM studies the most primitive movements, color, shapes, images
「マッド・ハイジ」、時代遅れの映画業界に風穴を
取引記録はブロックチェーン上に保存され、映画の公開後、投資者へ自動的に利益が還元される仕組み。製作チームは「契約はすべてペーパーレスで猥雑な事務作業が必要ない。（外部からの改ざんが難しいため）資金の透明性も確保できる」と強調する。 「時代遅れのビジネスモデルに風穴を」 Mad Heidiの企画が持ち上がったのは3年前の2017年。エクスプロイテーション映画の長年のファンだったスイス人監督ヨハネス・ハルトマン外部リンクさんが、世界ブランド「ハイジ」を素材にした映画を作りたいと、仲間のフィンランド人プロデューサー、テロ・カウコマ外部リンクさん、スイス人プロデューサーのヴァレンティン・グロイテルト外部リンクさんに声をかけ、企画がスタートした。現在、この3人を含む5人でプロジェクトを進める。 映画製作に20年関わるグロイテルトさんは、資金繰りや公開までのプロセスなど、既存のビジネスモデルに限界を感
Beautiful Motion Graphics Created With Programming: Showcase, Tools and Tutorials — Smashing Magazine
When you hear the word “creative”, what type of profession comes to mind? Maybe a graphic designer, painter, sculptor, illustrator, or writer? It’s unlikely that you would consider a “programmer” when thinking of creative fields of work. But programmers have the potential to be creative and come up with ideas or concepts that will impact others in positive ways. We often turn to programmers to sol
夏コミ告知です！ 8/14 3日目 西地区 う – 09 b「SideGraph」 去年の夏に出した「萌えるAfterEffects読本」の続編、 その名も「萌えるAfterEffects読本2」！まんまですね！ 今回は前回のページ数2倍。記事ページも2倍。参加イラストレーターも2倍。 フルカラー52Pの厚い本になりました！ そして参加クリエーターは友人知人のすごい人たちが集まってくれました！ それではいろいろ記事と執筆陣のご紹介。 まずはインタビュー記事、 ・神月社（Mju:z）「インタビュー」 年間150本以上のデモムービーを手がける伝説の映像作家、 「神月社」さんにインタビューしてきました。 映像を始めたきっかけから、AfterEffctsとの出会い、現在の映像論に至るまでのロングインタビュー！ Mju:z 次にTips記事は6人の現役プロクリエイターに執
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more. vvvv is a hybrid visual/textual live-programming environment for easy prototyping and development. It is designed to facilitate the handling of large media environments with physical interfaces, real-time motion graphics, audio and video that can interact with many users simultaneously. Respon
フジテレビ / めざましテレビ 2013-2015 Logo Type, Corner Logo & Telop Design SUZUKI / Tokyo Motor Show 2011 Monitor Motion Graphics Design Cybozu / kintone 2012 Logo, Web Application UI Design 株式会社三階ラボ 3flab inc. 沿革 2008/4 株式会社スリーフローを設立 2012/4 株式会社三階ラボに社名変更 資本金 3,000,000円（2014/8現在） 取引銀行 東京三菱UFJ銀行 〒151-0073 東京都渋谷区笹塚2-2-3 エヴァーグリーン笹塚503 Evergreen Sasazuka #503, 2-2-3 Sasazuka, Shibuya-ku, Tokyo 151-0073, Japan
Two.js
TIP Prior to v0.7.0-alpha.1 Two.js requires Underscore.js and Backbone.js Events. If you're already loading these files elsewhere then you can build the project yourself and get the file size even smaller. For more information on custom builds check out the source on github. # Overview Overview # Focus on Vector Shapes Two.js is deeply inspired by flat motion graphics (opens new window). As a resu
フジテレビ / めざましテレビ 2013-2015 Logo Type, Corner Logo & Telop Design SUZUKI / Tokyo Motor Show 2011 Monitor Motion Graphics Design Cybozu / kintone 2012 Logo, Web Application UI Design 株式会社三階ラボ 3flab inc. 沿革 2008/4 株式会社スリーフローを設立 2012/4 株式会社三階ラボに社名変更 資本金 3,000,000円（2014/8現在） 取引銀行 東京三菱UFJ銀行 〒151-0073 東京都渋谷区笹塚2-2-3 エヴァーグリーン笹塚503 Evergreen Sasazuka #503, 2-2-3 Sasazuka, Shibuya-ku, Tokyo 151-0073, Japan
Hi, this is Marco Rosella: welcome to vlog.it, a random rotating collection of my 300+ favourites videos collected in the last years. Instructions: Click on a moving slice, enjoy stuff. Follow the updates here: Thanks to Federico Orrù for the server side system and to all the videos' authors. This project has been named as finalist for the SXSW Interactive Awards 2012 in the Motion Graphics catego
I just happened upon this trick when testing what it was like filming from inside my guitar. *Note this effect is due to the rolling shutter, which is non-representative of how strings actually vibrate. Tips: • You must have the strings brightly backlit to get the camera to capture at such a high frame rate (pure conjecture). You can see how the effect fades when the buildings come into view.
30 Elegant and Beautiful Free Fonts for Creative Designs
Font is one of the key elements in any design related project. As a freelancer, having a serious bunch of good and various fonts is a must-have. For this reason, I gathered 30 great and very clean fonts, ready to be added to your typography collection. From books, reports, print catalogs to brochures and posters, you can use them for any type of project you want! Calluna Sans Square Comic Alt Alte
高機能なカメラがスマートフォンで当たり前になった今、動画撮影の専用機材がなくても、だれでも気軽に美しい映像を撮影できる時代となりました。撮影した動画をより魅力的に見せるには、編集や加工といった作業が必要ですが、ゼロから作ると膨大な時間がかかることも。 After Effects や Premiere Pro、Final Cut Pro X などで利用でき、プロ級の本格的なエフェクトを手軽に実現する無料素材350種類が公開されていたので、今回はご紹介します。商用プロジェクトにも対応です。 まるでプロ！動画編集が捗る無料エフェクト素材まとめ 落書きしたようなハンドペイント21種類や、動画のアクセントになるモーショングラフィック集、映画のような壮大な雰囲気を演出するサウンドエフェクトなど、どれも実用的ですぐに使える素材が揃っています。素材を活用することで、動画のクオリティをアップさせるだけでなく
Download Trial Version of After Effects Note: Some effects are not available with trial version until you buy it. Welcome to Basic Training! In this Free Video Training Series, you'll learn everything you need to know to start using After Effects today. This is not an overview of the software, this is a real training series that covers advanced techniques for Motion Tracking, Color Keying and even
前記事「「文字の動き」の参考になりそうな映画やアニメのOP/EDのメモ（超個人的趣味）」が意外に周囲に反応良かった(?)みたいなので、 最近、僕がFlash等のモーションタイポグラフィ(Motion Type Graphy)に参考になりそうだなーと思った動画やサイトも紹介してみます。 ほぼYoutubeで、超個人的主観です。 （他に良い作品があったら教えてください） ▼追加:2012/02/02 ◯YouTube – DADA RADWIMPS MV 日本語ならではのこの感性、個人的にツボ過ぎです。大好きです。 ▼ほぼテキストだけの構成 Getting Started With Google Analytics « WordPress.tv WordPress.tvのチュートリアル動画。 セリフと合わせてアナログチックな展開がいい味出してる。 YouTube – Type in motio
![[文字の動き] モーションタイポグラフィで参考になった動画のまとめ | 我流天性 がらくた屋](https://cdn-ak-scissors.b.st-hatena.com/image/square/f0648709e29419f50ad1b62b01e90c538b81c0db/height=288;version=1;width=512/https%3A%2F%2Fblog.cgfm.jp%2Fgaryu%2Fwp-content%2Fuploads%2F2013%2F12%2Fdot_icon_garuy_160px.png){kind=icon}
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
3flab inc.
プログラミングでお絵かきして遊ぶための50のアイディア - FAL 制作メモ
KANWA NAGAFUJI DESIGN | 長藤寛和デザイン室
Origami - Design prototyping with Quartz Composer
100 Cool Fonts to Make Your Designs Stand Out
2019年注目のJavaScriptアニメーションライブラリ11選 - Qiita
YOASOBI「Biri-Biri」 Official Music Video
21 Incredibly Creative Flash Websites - Down the Foxhole
モーショングラフィックスまとめ、リンク集GilCrowsの映像技術研究所
3flab inc.
『君の名は。』人気に乗っかってここぞとばかりに新海誠動画をまとめる - 敷居の部屋
動画、映像作品がグンと良くなる！制作に役立つ無料エフェクト素材191個 - PhotoshopVIP
これはちょっと使いたくなる、キーフレームを使ったCSS3アニメーションのナビゲーション | コリス
Rive - Build interactive motion graphics that run anywhere
vvvv - a multipurpose toolkit
kyoteizinc (video mix) - YouTube
3flab inc.
“モーショングラフィックス”ってなんじゃらほ？ - はてなで留まってすぐ溶解
コミックマーケット80 「萌えるAfterEffects読本2」 sleepwalker
vvvv - a multipurpose toolkit
3flab inc.
3flab inc.
vlog.it
Guitar Oscillations Captured with iPhone 4
まるでプロ！動画編集が捗る無料エフェクト素材350個まとめ【商用フリー】
After Effects Basic Training
[文字の動き] モーションタイポグラフィで参考になった動画のまとめ | 我流天性 がらくた屋