我流天性がらくた屋 » まとめ

レポの宿題がなかなか力作揃いだったのでまとめてみた

我流@CGFM — Wed, 09 Jun 2010 19:05:03 +0000

先日、授業を担当しているクラスに、
「好きな事のレポをアップする」宿題を出したところ、
どれも良かったのでまとめてみました。

上記の見るだけで嫌気が差すHTMLソースは、ここでjQueryでごりごり書いた後に出力さてたHTMLをコピペしたものです。

以下、ソーシャルブックマーク関係で参考にさせてもらったサイト

[文字の動き] モーションタイポグラフィで参考になった動画のまとめ

我流@CGFM — Fri, 29 May 2009 19:41:08 +0000

前記事「「文字の動き」の参考になりそうな映画やアニメのOP/EDのメモ（超個人的趣味）」が意外に周囲に反応良かった(?)みたいなので、
最近、僕がFlash等のモーションタイポグラフィ(Motion Type Graphy)に参考になりそうだなーと思った動画やサイトも紹介してみます。

ほぼYoutubeで、超個人的主観です。
（他に良い作品があったら教えてください）

▼ほぼテキストだけの構成

Getting Started With Google Analytics « WordPress.tv

WordPress.tvのチュートリアル動画。
セリフと合わせてアナログチックな展開がいい味出してる。

YouTube – Type in motion SiKth test

関連動画になっていたこちらも→YouTube – Typolution

YouTube – Type in Motion: Transformed Urbs – The Days Of

セリフに合わせてのモーションタイポグラフィ。
何かの詩を読み上げているようですが、声の抑揚やシーンに合わせての展開は、
まるで絵本アニメを観てる気分になります。

YouTube – タイポグラフィ

何かの映画のシーンを使ってるのでしょうか。
セリフに合わせた展開がいいですね。
（タイトルから推察すると制作者は日本人の方？）

YouTube – Typography Motion Video "conscious"

圧倒的な「文字量」です。
もはや「アルファベット→記号→図形」となってて、
奥行きや空間まで表現されてます。

YouTube – MTV VMA logo animated in After Effects

MTVのテロップ。After Effectで作られてるようです。
ケーブルTVを観てないので、実際に使われていた映像なのかわかりませんが、
MTVのCM？テロップ？は良作が多そうですね。

YouTube – Typography Animation

タイポグラフィとしても参考になりました。
(一時停止して見ちゃった。)

YouTube – Type In Motion – The Land is Mine

YouTube – Digg Motion Design

YouTube – THINK

YouTube – Experimental type in motion

YouTube – Tipografia Pier

YouTube – Motion Typography

なんだかコカコーラが飲みたくなったのは僕だけ？
コメントの評価は「書体が悪い、可愛すぎる」と酷評されたりもしてますが、
動きは滑らかで好きです。

▼実写との合成系

YouTube – experimental in type in motion

ニュージーランドのデザイン学校の学生の作品のようです。
個人的に展開もBGMもノリも好きです。
（作ってる時、楽しかっただろうな〜）

YouTube – *07* Motion Graphics Showreel – Stephen Watkins

何かのモーショングラフィックのコンテストの2007年の受賞作品？のようです。
文字だけでなく、クレイアニメのようなアナログの演出なぞ、映像としても参考になりそうです。
（最初のハトとクジラの絵がTwitterみたい？）

YouTube – Fabrikx Motion Graphics Demoreel 06

上の動画と同じ系列のモーション系コンテストの2006年の作品。
実写合成系のVJチックな展開が多いですが、
平面移動だけでの文字の演出はFlashにも参考になると思います。
2:30当りの実写に吹き出しをつける演出は個人的に好きです。

YouTube – Alex Bradbury Motion Graphics Show Reel

YouTube – human ink

足踏みして文字が出てるところはなんとなく好き。

▼その他

YouTube – docomo New Logotype – Motion Typography

個人が制作していた勝手モーションタイポグラフィです。
(docomoから消される？)
見慣れてる既存のロゴが動くと違った印象を受けますね。

YouTube – Windowsロゴムービー（XP）

これもモーションタイポグラフィと言えばそうでしたw

こんな感じでしたがいかがでしたでしょうか？
Aftter Effectで作られてるのが多いような気がしましたが、
Flash CS4も3D機能やモーション機能が強化されたので、
やろうと思えばできそうですね。

モーションタイポグラフィでオススメがあればコメントお願いします〜

Dreamweaverのテンプレート機能関係の参考サイト

我流@CGFM — Mon, 27 Apr 2009 16:40:44 +0000

Dreamweaverのテンプレート機能の参考サイトの自分用メモです。
使いこなせれば、中小規模のサイトをシステム無しで、
Webデザイナーのみで管理／運営ができます。
頑張ってContributeと連携すれば、こんなサイトも運用できちゃったりします。

おまけ

ググってて、たまたま見つけた類いのサイト。

某自治体のサイトもソース見るとテンプレートが使われてますね。

追記 2010/07/01

なんかブックマークが伸びてるなと思ったら、@magi1125 さんがTwitterでこのエントリーを紹介してくれてたのが判明。
（しかも、事例のサッポロビールの制作者本人だった！！）
自分用のメモをちょっと分かりやすく整えてみました。
あとAdobeデベロッパーセンターに新記事が２つあり、どちらも大変わかりやすかったので追加してます。

FlashのAS2,AS3で選ぶライブラリ、フレームワークのメモ

我流@CGFM — Mon, 05 May 2008 06:11:30 +0000

今、Flashをいじってるのですが、便利でしょうがないライブラリとかを使う時にいろんな条件でどの組み合わせで使うか迷ったのでメモ。

こんな時はActionScript2.0

Flash Playerを8以下にしたい(しないといけない)場合
制作・開発環境がFlash 8以下の場合
- 共同制作する仲間、取引先の環境に合わせないといけないとか

問題無いなら断然ActionScriot3.0

制作環境がAS3に対応してる
- デザイナーさんはFlash Cs3
- システム側はFlex2
Flash Player 9で構わない
- 先進的なサイト、もしくは個人サイト

いろいろ探してみたのをメモ的にまとめてみた。
もっと良いライブラリもあると思う。（知ってる人はぜひコメントを！）

ライブラリ等	AS2	AS3
Framework	CASA	Progression Framework2 (国産でかなり素敵！)
Tween	Tweener (AS2にも対応)
Tween	Fusekit	GOASAP (FusekitのAS3版)
3Dライブラリ	FIVe3D (AS2,AS3対応)
3Dライブラリ		Papervision3D
物理演算	Flade	APE Box2DFlashAS3
サウンド系	？？	popforge

今回は、AS2で制作するため、Fusekitで、と思ってたけど、CASA+Tweenerも良さそうだなー。

AS3もちゃんと勉強せないかんなー。

我流天性 がらくた屋 » まとめ