anime.jsAnime.js (/ˈæn.ə.meɪ/) is a lightweight JavaScript animation library with a simple, yet powerful API. It works with CSS properties, SVG, DOM attributes and JavaScript Objects. Getting started
富野の絵ってどうよ？ 20枚の画像から見る富野由悠季の「絵心」
富野由悠季監督は、『機動戦士ガンダム』などで監督した日本有名なアニメーション監督です。インターネットでは、よく「富野の絵が下手」「いや上手いだろう」「画力はあまりない」「充分あるだろう」などの論争が聞こえます。 そもそも、富野監督は画家でもアニメーターでも漫画家でもありませんので、絵の上手下手は作るアニメの面白さと直接な関連を持っていないはずです。それでも、アニメーションは、絵に依存する媒体ならば、当然こんな議論が起きるのも頷くものです。 ただ、その場合でも、「アニメーター（の画力）を基準にする」のと、「一般人を基準にする」などで語ると、その結論が大きく異なりますので、一概とは論じることができない面倒な話題です。 そういうことを踏まえて、今日は皆さんに対して、富野由悠季監督がいろんな領域に描いた絵を20枚ほど紹介したいと思います。単純の絵の上手下手に関しては、こちらが議論せず、ひたすら絵を
『神風動画』徹底解剖1｜『JOJO』OPムービーを生んだ“ホワイト”な職場―カミカゼ流働き方の極意。 | キャリアハック（CAREER HACK）
『ジョジョの奇妙な冒険』TVシリーズのオープニングで、改めてその存在を広く知らしめた神風動画。画期的な映像表現に挑みつづけ、今、最も注目されるアニメーションスタジオだ。いかに彼らはハイクオリティな作品を生みだしているのか。「働き方にこそ極意がある」と語る代表の水崎淳平氏の真意とは一体？ クリエイティブ系の業種でも、ホワイトな会社は作れる？ 徹夜はしない。定時に帰る――。IT・WEB・ゲーム・広告・映像などの業種で働く方は、「また都市伝説のようなことを」と思うかもしれない。 こんな夢のようなワークスタイルを目指しつつ、話題作を発表しているのが『神風動画』だ。 3DCGを使ったセル画風のアニメーション、機械やメカの精巧なデザイン、臨場感のあるカメラワーク、繊細な光彩描写を武器とするアニメーションスタジオである。 松本大洋原作『ナンバーファイブ吾』の映像で一躍有名となり、『ジョジョの奇妙な冒険』
【UIデザイン】iOS向けユニークなエフェクト、アニメーションを提供するOSS５つ - enator's blog
2013-02-20 【UIデザイン】iOS向けユニークなエフェクト、アニメーションを提供するOSS５つ UIデザイン HTML5＋JavaScriptで動く電子書籍アプリを自作する本 ─jQuery Mobile、PhoneGap、Titaniumに対応作者: 掌田津耶乃,イノウ出版社/メーカー: 自由国民社発売日: 2012/04/26メディア: 大型本 クリック: 38回この商品を含むブログ (3件) を見るなんか最近こんなタイトルばっかりで恐縮です。ページ遷移や動作にアニメーションを加える事で印象ががらっと変わったりすることって あると思います。まぁそんなアニメーション的な動きを提供してくれるOSSのご紹介。 ライセンスやARCどうこうについてはそれぞれのプロジェクトをご確認ください 1. KYCircleMenu https://github.com/Kjuly/KYCirc
動画をアニメーションGIFに変換するウェブアプリケーション作った - hitode909の日記
rokugaっていうウェブアプリケーションを作った．ブラウザ上で動画をアニメーションGIFに変換できる．Google Chromeでもちょっと動くけどSafariで見るのが良い． http://rokuga.herokuapp.com/ 使い方 こんな感じで，動画をドロップしてくださいとか言ってる． 1コマずつ出てきて，このコマとこのコマ，この速さ，みたいな指定ができる． 完成したアニメーションGIFは名前を付けて保存しましょう． 特徴 ブラウザで再生できる動画なら何でも変換できる Macなら動画はQuickTime Playerで撮れるので気軽に使える リアルタイムにプレビューしながら仕上がりを確認できる コマ送りは逆再生，行ったり来たり，シャッフルに対応 Herokuで動かしたらCPUが遅くて動画の変換にす時間かかる git cloneしてローカルで動かすとちょっと速い ソースコード→
[CSS]パタッと開くアニメーションがかわいいボタンを実装するスタイルシート
マウスオーバーでパネルがアニメーションでパタッと開き、中から現れるボタンを実装するスタイルシートのコンセプトを紹介します。
アニメーターが好きなのに、愛することが出来ない理由。
長文だけど自分の思いを吐露させてくれ。ヘタレだしこれからも仕事は続けていくから匿名で頼む。 勿論この話の大前提にあるのは是正すべきだ、という事。 通常の給与体系、勤務システムで鑑みれば、おかしいのは痛いほど理解している。 だからそもそもの話は避けてくれ。あくまでアニメ業界と言う狂っている賃金システムの上での話しだ。 多くの議論がアニメーターに限られているけれど、全てのセクションがおかしいのだから。 ”アニメーターは大変だ”、”アニメーターは生活に苦しい”、”お金にならない” 業界で7年間見ていて思う事がある。申し訳ないが、ほとんどの人に関してそれらは当然だと、自業自得だと。 ”アニメーターの平均給与は10万以下”、センセーショナルなタイトルだ。でもこう思う。「だって10万以下の働きしかしてないし」 ごく一部、頑張っている人には申し訳ない。が、そんな人たちはすぐに稼げるポジションに就いていく
日本にフルCGアニメは根付くのか？ 第 6 回：山本 寛（監督・演出家）
日本におけるフルCG アニメーション制作への理解と振興を目指す本連載。今回の語り手は、"ヤマカン" の通称で知られる、アニメーション監督・演出家の山本 寛（ゆたか）氏だ。京都アニメーション、デジタル撮影部からキャリアをスタートした山本氏は、『涼宮ハルヒの憂鬱』（2006）のエンディング 『ハレ晴レユカイ』 のダンス演出で、多くのファンの心を掴んだ。その後も様々なアニメ作品の監督や演出を務め、2010 年には実写映画も手がけた山本氏に、作画アニメとCG アニメ、さらに実写における表現の可能性について語ってもらった。 【聞き手：野口光一（東映アニメーション）】 Supported by EnhancedEndorphin Yutaka Yamamoto 1974 年生まれ。大阪府出身の監督・演出家。京都大学文学部を卒業後、京都アニメーションに入社。その後、アニメーションDo に移籍。『涼宮ハル
gifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない : きよおと-KiYOTO
6月20 gifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない カテゴリ:Awesomeデザイン http://blog.livedoor.jp/clock510/archives/1818437.htmlgifアニメーションで表現した東京23区の区章 | カラフルで「お役所」感が全然ない モーションデザイナーUKYO Inabaさんの作品 東京23区の区章をカラフルでスタイリッシュなgifアニメーションで表現した斬新なアイデア。 普段、目にする状態だといかにも紋章といった感じで堅苦しく、道路標識などで無意識に見ていても、あまり記憶に残らないことが多いですが、これなら興味をもって身近な存在と感じられそうです。（6/21追記：コチラもおすすめ→東京23区のgifアニメに新展開〜 映画のオープニングのようなクールな表現がスゴイ!!） uky0178(UKYO I
天衝（アニメーション演出家）
現在、Rewrite作業中。あと、10月新番のとある作品を少しお手伝いさせて頂いてます 201？『Rewrite』監督・シリーズ構成 http://www.rewrite-anime.tv/ 2015 『グリザイアの迷宮』『グリザイアの楽園』監督 http://www.grisaia-anime.com/ 『ハロー!! きんいろモザイク』監督 http://www.kinmosa.com/ ※なんとまったく同時期に２本監督を掛け持つ事になってしまいましたが、どちらもすごく思い入れたっぷりでお仕事をさせて頂きました。制作後半の８ヶ月間は、冗談抜きで一切休みがありませんでした。笑 2014 『グリザイアの果実』監督 http://www.grisaia-anime.com/kajitsu/ 2013 『きんいろモザイク』監督 http://www.kinmosa.com/ 2012『リトルバス
アニメーターってどうやって絵で動いてるように見せてんの？ : 【移転しました】旧ロブ速 (ロブ速)
アニメーターってどうやって絵で動いてるように見せてんの？ カテゴリ : コピー漫画・アニメ 1：以下、名無しにかわりましてVIPがお送りします：2012/03/11(日) 09:23:59.78 ID:76H6Mo6M0 棒人間ですら動かせないんだけど・・・ 2：以下、名無しにかわりましてVIPがお送りします：2012/03/11(日) 09:24:20.35 ID:ZyGD1Q6g0 重労働という名の1000枚 3：以下、名無しにかわりましてVIPがお送りします：2012/03/11(日) 09:29:44.06 ID:76H6Mo6M0 枚数じゃなくてタイムシートっての？ 動かすタイミングとかが全く謎なんだけど 7：以下、名無しにかわりましてVIPがお送りします：2012/03/11(日) 09:33:40.88 ID:FNPdMOhw0 >>3 普通に映画やドラマをスロー再生すれば分
とても抽象的なアニメーション。これ、何を表現したものだと思う？ ...
とても抽象的なアニメーション。これ、何を表現したものだと思う？ 答えを知ってから見直すと、ああなるほど……となる。面白い。 こういうプリミティブ群による表現は昔から面白いなあと思っている。ただ、リアルタイムではなかなか表現しにくい。柔らかな影の表現が無いと、群として集まっている感が出ないんだよね。
新海誠さんが描いた大成建設の新CM「ボスポラス海峡トンネル」篇、公式サイトで公開 - はてなニュース
映像作家の新海誠さんが監督を務めた大成建設の新CM「ボスポラス海峡トンネル」篇が12月14日（水）、同社の公式サイトで公開されました。15秒と30秒のCM動画のほか、新海さんへのインタビュー動画やメイキングが見られます。 ▽ テレビCM | 広告 | 大成建設株式会社 ▽ 大成建設株式会社 CM「ボスポラス海峡トンネル」篇は、トルコの海峡鉄道トンネル建設に携わる女性技術者の姿をアニメーションで描いた作品です。女性技術者の成長やひたむきな姿勢が、新海さんならではの背景イラストと共に描かれています。アニメーションは、新海さんが所属するコミックス・ウェーブ・フィルムが制作。女性技術者の声は女優の黒川芽以さんが、音楽はシンガーソングライターの熊木杏里さんが担当しています。 ▽ 大成建設：ボスポラス海峡トンネル篇 CM（30秒） - YouTube CMを制作するにあたって、新海さんは実際にトルコの
CSSだけで必殺技を作るコンテストのクオリティーが高すぎる件
jsdo.itで「SPEC」というコーディングコンテストを開催しています。 今回のテーマは以下の二つ。 CSSだけを使って必殺技の演出を加えてください ローディングの演出を考えてください 「こんなマニアックなテーマだけど参加してくれる人がいるのだろうか…！」と心配していたのも杞憂に終わり、続々とすごい作品が投稿されています。 開催期間中ですが、ぼくが個人的に「これは！」と思った作品をピックアップして紹介したいと思います。（コンテストの審査とは関係ないですよ！） CSSだけを使って必殺技の演出を加えてください スーファミのRPG風 えい！：forked: CSSで必殺技！ - jsdo.it - share JavaScript, HTML5 and CSS 光が集まる必殺技 forked: CSSで必殺技！第2弾！ - jsdo.it - share JavaScript, HTML5 a
[CSS]ボタンのクリックを楽しくするCSS3アニメーションのテクニックいろいろ
ボタンをCSS3で美しくスタイルするだけでなく、ホバー・アクティブ時にもかっこいいCSS3アニメーションを使った7種類のテクニックを紹介します。 ちょっと前まではこういったアニメーションはFlashかJavaScriptを使用しないとでしたが、今ではもうCSS3でとなってきましたね。 Demo 1 ボタン内のテキストや画像は、span要素やimg要素で配置されており、それらをa要素で内包して実装します。 <a href="#" class="a-btn"> <span class="a-btn-slide-text">$29</span> <img src="images/icons/1.png" alt="Photos" /> <span class="a-btn-text"><small>Available on the Apple</small> App Store</span> <
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
男の異業種転職ウェブメディア-OREPICA-
未来光子 播磨サクラ
Kotaku - The Gamer's Guide
ストップモーション動画の傑作6選
ぴあ映画生活
