2年生の課題は、例年T-Rexの制作を題材としてきましたが、結果の格差が大きいため授業課題を見直すことにしました。技術的なハードルを少し下げます。その代りにデザイン性を重視します。言葉では説明が難しいので、作例を制作しました。タイトルは「Cubrick」です。 T-Rexの制作で困難な点は、全身を制作する場合の形態が不明瞭な部分に対する理解です。 頭部や、手足は、形態が特徴的で明瞭ですが、胴体部分はそれに比べて特徴がつかみづらい、かといって単純ではありません。また、テクスチャリングも全体に統一感があり、かつ特徴的なものを制作することは非常に難しいものです。2014年度の課題では、この2点を排除します。ただし、頭部や手足などを逃げるわけにはいきません。その結果が。作例のようなT-Rexです。ルールは作例から読み取ってください。 課題 ■Cubrickのルールに従った構成の恐竜を制作します。
WELCOME This is animateText.js A jQuery plugin WELCOME EASILY Create text animations Just like the one you see here EASILY CHOOSE From several preloaded animations Customize them or create your own CHOOSE Fork on Github What is it? animateText.js is a jQuery plugin that makes it easy to create text animations like the one seen above. It comes with a few basic animations by default. If they're not
現在、子どもたちに一大旋風を巻き起こしている「プリキュア」を世に送り出した東映アニメーション製作本部デジタル映像部が、プリキュアエンディングダンスがいかにして進化してきたのかを語りました。 プリキュアシリーズ エンディング ダンスの変遷 会場はプリキュアの勢いを表す超満員ぶり。 東映アニメーション製作本部デジタル映像部でCGプロデューサーをやっております、横尾と申します。隣にいるのがプリキュアの前期エンディングディレクターを務めました、宮本、その隣が初期フレッシュプリキュアよりリグ周りを見ている中谷です。本日、この3名でプリキュアのエンディングダンスの変遷というタイトルのもと、これまでのプリキュアのエンディングダンスについてみなさんにお話できたらと思います。 まずは東映アニメーションデジタル映像部のご紹介です。製作実績としては「ONE PIECE 3D 麦わらチェイス」や「アシュラ」、実写
去年からMAXONがCINEMA 4Dの最上位版(Studio)を学生向けに無償提供始めたので僕も使い始めています 使ってて思うのがチュートリアルサイトが他のCGソフトに比べて少ないこと 探してるうちに色々なサイトを発見したのでチュートリアルサイトをまとめてみました www.keisukeblog.com – このドメインはお名前.comで取得されています。 こちらのサイトにもチュートリアルサイトが綺麗にまとめられているので一緒にどうぞ ★★C4D★★ 個人の日本語リファレンスサイト http://3d.dtuts.com/articles/50-best-cinema4d-tutorials/ CINEMA 4Dチュートリアルの50選 80+ Excellent Cinema 4D Tutorials and Best Practices | InstantShift CINEMA 4D
TransformJS - 3D and 2D Transforms for jQuery 2Dや3Dの変形アニメーションを実現できる「TransformJS」 例えば、サムネイル画像をクリックすると画像を立体的に回転させながら拡大するというようなことが出来ます。 クルクル回転しながら拡大 jQueryのanimateメソッドの引数パラメータを調整するだけでアニメーションを調整できるみたいです 関連エントリ カスタマイズ可能なアニメーションスクロールが実現できるjQueryプラグイン「PageScroll」 カーソルを合わせた際に背景画像をアニメーションさせるメニュー実装jQueryデモ グラフィカルに加速度を作って要素をCSS3アニメーションさせられる「Ceaser」 CSS3なキーフレームアニメーションのデモ
JavaScriptやFlashを使用せず、パネルをにょいーんとアニメーションで表示・非表示するスタイルシートを紹介します。 デモページ 実装 デモページを例に実装方法を紹介します。 HTML 最初のチェックボックスはdisplay:none;で非表示で、その後にlabel要素を実装します。 <input type="checkbox" id="doggiezzz" class="popUpControl"> <label for="doggiezzz" class="header-button"> <input type="checkbox" id="doggiezzz" class="popUpControl"> <label for="doggiezzz" class="header-button"> More dogs! <span class="box"><img src="ht
Particularは粒を発生させるプラグインです。 その粒を隙間なく並べることで、線のように見せる手法が広く知られています。 それらを簡単にまとめてみます。 手法A 均一の粒を一定間隔で飛ばす 初期段階に至るためにデフォルトから変えるパラメータ ▼Emitter Direction:Directional Direction Spread:0 Y Rotation:90 Velocity Random:0 一方向に一定の粒を放出させます。 それだけで線に見えます。 応用例 手法B 発生点を動かし軌跡を描く 初期段階に至るためにデフォルトから変えるパラメータ ▼Emitter Position XY:キーフレームで移動 Velocity:0 Velocity from motion:0 粒の広がる強さを0にし、粒の発生点をアニメーションさせることでその軌跡を線に見せる仕組みです。 発生点を
Mashi - Javascript Timeline Toolkit JavaScriptでFlashみたいなタイムラインアニメーションを作るToolkit「Mashi」 トップページにアクセスするとわかるのですが文字や画像がいい感じにアニメーションします。 ドキュメントも比較的綺麗にまとまっています オーサリングツール等は存在しないため、使い方にはちょっとコツが必要かもしれませんが、iOS端末用に、よし、Javascriptでやろうっていうような時に使えるかもしれません。メジャーになってくればコードを吐いてくれるオーサリングツールなんかも出来るかもしれませんね。 関連エントリ もうFlashは買わなくていいかもしれないデザイナー向けフリーのFlashアニメーション作成ツール「Giotto」
水平方向に長いコンテンツをスムーズなアニメーションで横スクロールさせるjQueryのプラグインを紹介します。 X-Rhyme.js [ad#ad-2] デモページが少し分かりにくいのですが、左に配置された四つの矩形がナビゲーションで、そこをクリックすると、コンテンツを横スクロールで表示します。 デモページ:「Work」をクリックしたキャプチャ 横スクロールの操作は、マウスホイールにも対応しています。 JavaSciprt スクリプトのオプションでは、ナビゲーションのセレクタ、スクロール時のスピード・アニメーションを変更することができます。 $('.horizontal_items_container').xrhyme({ navigationSelector : '.anchor a', anchorMode : true, wheelSpeed : 0.7, animationTime
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く