スタジオジブリの歴史 - スタジオジブリ｜STUDIO GHIBLI
ジブリのスタート スタジオジブリは、「風の谷のナウシカ」の内容的興行的成功を機に、「天空の城ラピュタ」製作時の1985年に、「風の谷のナウシカ」を製作した出版社・徳間書店が中心となり設立したアニメーション・スタジオです。以後、宮崎駿・高畑勲両監督の劇場用アニメーション映画を中心に製作してきました。ちなみに「ジブリ」とはサハラ砂漠に吹く熱風のことです。第2次大戦中、イタリアの軍用偵察機が名前に使用していましたが、飛行機マニアの宮崎がこのことを知っており、スタジオ名としたわけです。「日本のアニメーション界に旋風を巻き起こそう」という意図があったと記憶しています。 ジブリのように原則的に劇場用の長編アニメーション、しかもオリジナル作品以外は製作しないスタジオというのは、日本のアニメ界では、というより世界的にも極めて特異な存在だと思います。なぜなら、興行の保証が得られない劇場用作品は、リスクが大き
ひたすらWebサイトを見るのが趣味な私が独断と偏見で選ぶ今年「良い！」と思ったWebサイト16選 - KAYAC engineers' blog
どうもみなさまおはようございます。あるいはこんにちは。あるいはこんばんは。 KAYAC Advent Calendar 2019の18日目の記事を担当します、フロントエンドエンジニアのたがみです。普段はwebサイトを作ったり動かしたりぶっ飛んだものにしたりしなかったりしています。 去年は私のその時の推しライブラリだったVuetifyについてこのブログを通じて布教したのですが、今年も今の推しライブラリの話をするぜ！・・・と、意気込んでいたのですが。「というか日頃からWebサイト事例収集しまくってるから、今年の素敵だと感じたサイトを振り返るか」と思いついちゃいましたので今年は推しのWebサイトの話をしようと思います。 というのも、私は去年入社してからデザインや演出や作りが素敵なWebサイトを見つけては自分のツイッターに「このWebサイトが良い！」というのをひたすら垂れ流すというのを日常的にやっ
見ないと損する便利なデザイナー向けWebサービス13選 | SONICMOOV LAB
こんにちは。 緑のにおいが気持ち良い季節になってきましたね。3月4月は花粉で涙をボロボロ流しながら生活していたのですが、やっと思う存分散歩ができそうです。 さっそくですが、デザイナー・クリエイターのみなさんは、自分の作品やスキルをアピールするために普段どのようなツールを使っているでしょうか？ 現在さまざまなWebサービスが出ており、うまく利用できれば活動や交流の幅が広がるはず！ そう思って今回はクリエイター向けのサービスをいくつかまとめました。 目次 UIアニメーションのヒントに ちょっとしたアニメーションを作るときに参考にしています。動きを眺めるだけでも面白く、インスピレーションがわきます。 CAPPTIVATE.co iPhoneアプリのUIアニメーションをカテゴリ別に紹介しています。マウスオンでアニメーションが確認でき、アプリのデザインやUIアニメーションなど、アプリ開発に大変役立ち
Drawing with Wacom CREATORS INTERVIEW 033 アニメーター・イラストレーター：田中将賀 | bonet
This domain may be for sale!
HugeDomains.com
Captcha security check hisasann.com is for sale Please prove you're not a robot View Price Processing
CSSアニメーションの初歩をおさらい
最近はアニメーションをFlashではなく、CSSやJavaScriptで実装されているサイトをよく見るようになりました。 今回は復習も兼ねて、CSSで動きを付けられるanimationとtransitionのおさらいをしてみたいと思います。 ベンダープレフィックスをつけないと動かないブラウザもありますが、省略します。 animationとtransitionの違い どう違うのかなと思って調べたのですが、いまいちわからなかったので、違いを並べてみました。 animation ループ可能 keyframesで細かい設定が可能 ウインドウ読み込んで即実行が可能 transition ループがない 自然に最初の状態に戻る hoverなどのキッカケを与えてあげないと動かない JS使えば違うかもしれないですが、一応こんな印象です。違ったらすみません。 それぞれを翻訳すると、animationはそのまま
アボガドロ数を実感する
6×1023個というのがどれほどの大きな数なのか、をアニメーションで見ます。 ちなみに水ならこれだけで約18グラムになります。「18gの水を見ているのだ」と思って以下のアニメを見てください。 2倍ズーム ←どちらかのボタンを押してズームしてください→連続ズーム 1/2倍ズーム←どちらかのボタンを押してズームアウトしてください→連続ズームアウト ここに1モル（6×1023個）の分子があります。 は全体を6×10×10=6×102に分割したものです。 粒子はまだ見えていません。 スピードが遅い場合は、以下のチェックを付けたり外したりして調整してください。 塗りつぶし無しの描画 粒子をグラデーションで表現 ↑機種・ブラウザによってはグラデーションが遅い場合がありますので、その場合はこれを外してください。 リセット プログラムについて御質問、御要望、バグ報告などございましたら、前野［いろもの物理学
CGcompo エフェクト合成の考察・其の一
タイトル通りエフェクトを合成するための考察です。其の二があるかは不明ですが 中級者向け。（細かい説明を省いています。） エフェクト合成はまず実景を観察することが大切になります。そして必要な要素を見つけていきます。 まず炎、爆発。これらは基本的に黒バック等で撮られた実写素材を使うか、CG素材を使うかとなります。 これらを綺麗に馴染ませるには？CGの場合はもちろんシュミュレーションの時点でのクオリティも必要です。 でコンポジットで必要となってくるのは、火の照り返や煙、火の粉、場合にとっては飛び散る瓦礫等。 と、今回注意してみるのは陽炎。何かというと炎等を見ると周辺の背景がメラメラしています。 これは熱により空気が圧縮され屈折率が変化してそう見えるそうです。 これはシュリーレン現象と呼ばれるそうです。（正しくはシュリーレン現象の一つが陽炎） 参照：以下の動画はシュリーレン現象を特殊な撮影方法で撮
新海誠監督による大成建設のアニメーションCM「ボスポラス海峡トンネル篇」 | mifdesign_antenna
『ほしのこえ』『秒速5センチメートル』『雲のむこう、約束の場所』『星を追う子ども』などのアニメーション映画監督である新海誠監督による大成建設のCMがOAされています。また、メイキングムービーや、監督へのインタビューも公式にアップされています。 最初の桜あたりで『秒速5センチメートル』を思い出して、また観たくなっちゃいましたw このボスポラス海峡トンネルというのは、トルコをヨーロッパ側とアジア側に分けているボスポラス海峡に現在建設が進められているトンネルです。日建連のサイト「BUILDUP!（ビルドアップ!）」によると、地上で作ったトンネルを海底に沈めて埋める沈埋トンネルだそうで、トンネル18,720mの長さのうち海底トンネルは1,378mとのこと（残りの約12kmは街の地下トンネル）。ミリ単位でトンネルを沈めて繋げないといけないこのトンネルの高度な設計・施工を大成建設がやってるということで
CSS3単体でアニメーションするドロップダウンメニューを実装:phpspot開発日誌
CSS3 animated dropdown menu - RedTeamDesign CSS3単体でアニメーションするドロップダウンメニューを実装 ドロップダウンをCSSのみでしかもクオリティもよく実現できているサンプルです JavaScriptがいい加減にせい、というぐらいの出来になっております 選択肢が広がるというのはいいことですね 関連エントリ リッチなドロップダウンメニュー実装ができるjQueryプラグイン「Mega Drop Down Menu」 スマフォでもイケてるクールなドロップダウン実装jQueryプラグイン「DropKick」 Google＋風のボタンUIセット＆ドロップダウン
誰でもアニメが作れるWebサービス「Go!Animate」が、日本語のセリフに対応
エーアイは、誰でも簡単にアニメーション動画が作れるWebサービス「Go!Animate」が、英語、スペイン語に続き、日本語テキスト入力に対応したと発表した。 「Go!Animate」は、クオリティーの高いアニメーション動画が簡単に作成できるWEBサービス。キャラクターやモーションのテンプレートを豊富に用意するほか、入力されたテキストを音声化することでセリフ付けも可能となっている。 同サービスではこれまで、セリフは英語・スペイン語のみの対応としていたが、同社の日本語音声合成エンジン「AITalk(エーアイトーク)」を導入したことで、日本語にも対応可能となった。「AITalk」は、コーパスベース音声合成方式を採用した音声合成エンジンで、豊富な話者のラインナップや人間の声に近い自然な音声が特徴という。
アニメーションやイフェクトが多彩なiOSサイト構築テンプレート&ライブラリ·Web 2.0 Touch MOONGIFT
Web 2.0 TouchはjQTouchをベースにしたiOS最適化サイト構築テンプレート&ライブラリ。 Web 2.0 TouchはHTML5/JavaScript製のフリーウェア（ソースコードは公開されている）。iPhone、iPadといったいわゆるiOS向けのWebサイト開発のニーズが出始めている。iPhoneはデスクトップ向けWebサイトがある程度見られるというのが利点ではあるが、やはり小さい画面では見づらいケースも多い。 メイン そんな時にズームしたりパンしたりする操作を繰り返すのはストレスがたまる。さらに送信される情報も多いので表示に時間がかかるのも難点だ。そこでiOS向けWebサイト開発に使ってみたいテンプレートがWeb 2.0 Touchだ。 Web 2.0 TouchはHTMLデザインだけではなくJavaScriptによるアニメーション操作も提供される。例えば画面スライド
注目！Flash CS風のUIでHTML5のタイムラインアニメーション作成·Radi MOONGIFT
RadiはHTML5対応のタイムラインベースのアニメーション作成ソフトウェア。 RadiはMac OSX用のフリーウェア（β版中につき無料）。Webブラウザ上でインタラクティブでタイムラインベースのアニメーションを作ろうと思ったらFlashを使うのが一般的だ。しかしそれはHTML4までだ。HTML5になればCanvasタグを駆使することでアニメーションさえ自在に作れる。 メイン画面 とは言えそれはあくまでも「駆使」すればの話でしかない。やはりツールがなければ容易に作れるものではないし、容易でなければ普及しないだろう。そこで注目されるのがRadi、HTML5対応のアニメーション作成ソフトウェアだ。 RadiはFlashのようにレイヤーを重ねてタイムラインベースのアニメーションを作成する。作成したコンテンツはvideoタグ、canvasタグで出力することができる。フレーム間の動きは自動で補完で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
anime loves illustlator
CSS3アニメーションをブラウザ上で簡単に作成・編集できる『bounce.js』 | 100SHIKI
HTML5のアニメーションを簡単に作成できるサイト「HTML5 MAKER」 | ライフハッカー・ジャパン
Harmonic
[CSS]ユーザーを楽しませる気持ちいいエフェクトがたくさんあるCSS3のデモサイト -CSS3 Playground