アニメーションCM AutoPanther[オートパンサー] 作画:橋本晋治 音楽:景山将太作画 ： 橋本 晋治 音楽 ： 景山 将太 【会社概要】 ■会社名 株式会社 オートパンサー ■本社所在地 鹿児島県鹿児島市東開町4-16 ■事業内容 新車・中古車・航空機販売、 車検・整備全般、各種損害保険、 代理店業務 ■営業時間: 10:00～20:00 ■連絡先 TEL : 099-210-2345 FAX : 099-210-2368 mail : info@auto-panther.com
![アニメーションCM AutoPanther[オートパンサー] 作画:橋本晋治 音楽:景山将太](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e1bf965df31299e0c0213090080ff282b9d3704/height=288;version=1;width=512/https%3A%2F%2Fi.ytimg.com%2Fvi%2FT79ED-mpiiY%2Fhqdefault.jpg)
『君の名は。』には、日本のアニメーションの文脈が豊かに含まれている 新海誠監督インタビュー
『君の名は。』の作画監督を務めたのは安藤雅司さん。お名前は知らなくても、『もののけ姫』や『千と千尋の神隠し』などの作画監督を務めたと聞けば、その凄さは伝わるのでは？ また、『君の名は。』には、キャラクターデザインを担当した田中将賀さんのほかにも、そうそうたるアニメーターが関わっています。今回は、これまでアニメに詳しくない人でも、思わずアニメーターのチカラに拍手を送りたくなってしまうお話です。 ■完成した画は日本のアニメーションの文脈を豊かに含んでいた ――今回の映画がエンターテインメントのど真ん中になったのは、キャラクターデザインの田中さんとの出会いが大きかった？ そうですね。Z会のCMを一緒にやった時に「大きな武器を手に入れた」といった感触はあったんですね。 【クロスロード動画／Z会公式チャンネル】 今まで自分たちがやってきた美術背景を全面に押し出したような見せ方の中に、キャラクターアニ
[JS]非常に高速でシームレスなページ遷移を実現する超軽量のスクリプト -Barba.js
Webサイトを見ていてページを遷移する時に、読み込みがやたら速いサイトに出会ったことはありませんか？ PJAXを使い、通常のリンクのアクションによるハードリフレッシュをなくし、HTTPリクエストと描画を最小限に抑え、更にエフェクトを加えることで、非常に高速でシームレスなページ遷移を実現する超軽量(4kb gzip)のスクリプトを紹介します。 Barba.js Barba.js -GitHub Barba.jsのデモ Barba.jsの使い方 Barba.jsのデモ Barba.jsはすでに実際のサイトにも利用されており、Webデザイナーの間でも話題になっているサイトもあります。 ページを移動しているにも関わらず、まるでスライダーやパネルを切り換えている感覚で遷移します。
![[JS]非常に高速でシームレスなページ遷移を実現する超軽量のスクリプト -Barba.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/4521503cad1ef35e553783a3eb0c0ab4a4bc1361/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201602%2F2016063007.png)
背景デザインを楽しくする、参考にしたい HTML/CSS スニペットまとめ
CSS3 が主要ブラウザに対応したことから、これまではむずかしかったアイデアやコンセプトも、手軽にスタイリングできるようになってきています。今回は、背景デザインにスパイスを加えるエフェクト用コードスニペットを、コード共有サイト CodePen からピックアップしまとめています。 コピペで利用できる手軽なものから、これってどう表現するんだろうという面白スタリングまで、注目をあつめるテクニックを中心に揃えています。デザイン制作に悩んだときに活用してみてはいかがでしょう。 詳細は以下から。 背景デザインを楽しくする、参考にしたい HTML/CSS スニペットまとめ ※ デモが動かないときは、「RETURN」ボタンをクリックすることで、再読み込みされます。 ※ ページの読み込みに多少時間がかかります、すこし待ってからスクロールするとスムーズに表示されます。 Pure CSS Cinema Effe
最先端ウェブデザインを体感する！アニメーションが美しいUIデザインまとめ
ブラウザやウェブサイト体験が進化したことで、さまざまなアニメーションを実装したウェブサイトや、モバイルアプリへの注目が集まっています。今回は「気持ちの良い動き」がポイントとなった、最新UIデザインをまとめてご紹介します。 余白スペースをたっぷり利用したミニマルなレイアウトから、アニメーションを加えることでよりユーザーの注目を集めるナビメニューや、ユーザーインターフェースを中心に揃えています。なかなか言葉で説明しにくい遷移フローが分かりやすく説明できるので、うまくクライアントの要望に応えることができるかもしれません。 詳細は以下から。 最先端ウェブデザインを体感する！アニメーションが美しいUIデザインまとめ Cima is Live 筆ブラシでペイントしたようなエフェクトを、各ページやコンテンツに活かした、さわやかな配色も素敵なウェブサイト用UIデザイン。 Birds of Paradise
SVGアニメーションの現状 | POSTD
SVG（Scalabe Vector Graphics）の世界は魅力的です。そして、これを使ってできることや、これに用意されているオプションには圧倒されてしまうほどです。 SVGはXMLベースの2次元ベクター画像形式で、インタラクティビティとアニメーションをサポートします。言い換えると、SVGは図形やグラフをレンダリングするXMLタグで、その図形やグラフはHTMLの構成要素がそうであるように、インタラクトしたりアニメーション化したりできるのです。 SVGに関して、私がよく受ける質問の1つは、SVG画像のアニメーション化についてです。そのやり方だけではなく、それが何なのかということも聞かれます。ですから、現在の（そして未来の）SVGアニメーションの状況を見ながら、あなたが苦痛を感じずに行えるようなヒントやツールについてお話ししましょう。 同期マルチメディア統合言語、またの名をSMIL（Syn
UIに使用しているアニメーションを今よりもっと魅力的に動かせるようになるチュートリアル
ボタンやパネル、レイアウトなど、最近はWebのユーザインターフェイスでさまざまなアニメーションが利用されています。WebページのUIに使用しているアニメーションを今よりもっと魅力的に動かせるようになるチュートリアルを紹介します。 アニメーションを魅力的に動かすテクニックを段階的に解説しているので、それぞれの効果がよく分かります。 Giving Animations Life 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 Step 1: まずはシンプルに動かしてみよう Step 2: バウンドを加える Step 3: バウンドを自然な動きにする Step 4: ディズニー®の12の基本原則を取り入れる Step 5: アニメーションを誇張する Step 6: アニメーションに命を吹き込む キーフレームを簡単に設定できるスクリプト St
『CSS3でつくるキャラアニメーション』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして！ アメーバゲーム部門でディベロッパーをしております、なるげと申します。 現在、私は「ガールフレンド（仮）」チームに属していますが、前は「フレンダリアと魔法の指輪」というファンタジーRPGで、モンスターのアニメーションを担当していました。 ガールフレンド（仮）でも一部CSSアニメを使用してキャラクターを動かしています。 今回は、ガールフレンド（仮）に登場するガールを例に、キャラアニメの制作をご紹介したいと思います。 ガールフレンド（仮）とは 「ガールフレンド（仮）」とは、ユーザーが主人公となり、様々な女の子と出会っていく学園恋愛カードゲー
格好いい攻撃モーションには、すべて理由があった！ “身体の動きと原理から知る、闘うインゲームアニメーションの中身”リポート【CEDEC 2013】 - ファミ通.com
格好いい攻撃モーションには、すべて理由があった！ “身体の動きと原理から知る、闘うインゲームアニメーションの中身”リポート【CEDEC 2013】 理にかなった攻撃モーションの作成を目指す 2013年8月21日～23日、パシフィコ横浜にて開催された、日本最大のコンピュータエンターテインメント開発者向けカンファレンス“CEDEC 2013”。3日目に開催されたセッション“身体の動きと原理から知る、闘うインゲームアニメーションの中身”のリポートをお届けする。 講演を行うのは、株式会社バンダイナムコスタジオ ET開発本部 アニメーション部 アニメーション課の元梅 幸司氏。元梅氏は格闘ゲームやアクションゲームのキャラクターの動きを作成している3DCGアニメーターで、自分の動きを参考にしたり、ときには自分で動いてモーションを作成しているという。 本セッションを簡単に解説すると、身体の仕組みや動きを理
プリキュアのEDダンス変遷の陰にあるアニメ会社のCG表現への飽くなき探求
現在、子どもたちに一大旋風を巻き起こしている「プリキュア」を世に送り出した東映アニメーション製作本部デジタル映像部が、プリキュアエンディングダンスがいかにして進化してきたのかを語りました。 プリキュアシリーズ エンディング ダンスの変遷 会場はプリキュアの勢いを表す超満員ぶり。 東映アニメーション製作本部デジタル映像部でCGプロデューサーをやっております、横尾と申します。隣にいるのがプリキュアの前期エンディングディレクターを務めました、宮本、その隣が初期フレッシュプリキュアよりリグ周りを見ている中谷です。本日、この3名でプリキュアのエンディングダンスの変遷というタイトルのもと、これまでのプリキュアのエンディングダンスについてみなさんにお話できたらと思います。 まずは東映アニメーションデジタル映像部のご紹介です。製作実績としては「ONE PIECE 3D 麦わらチェイス」や「アシュラ」、実写
クオリティの高いアニメーションPV貼ってけ : まめ速
1：以下、名無しにかわりましてVIPがお送りします：2011/05/14(土) 23:06:46.29ID:+thpqrue0 こういうの最高だと思うんだが、他にもあったらおしえてくれ GLAY / サバイバル 3：以下、名無しにかわりましてVIPがお送りします：2011/05/14(土) 23:07:44.24ID:+thpqrue0 俺からいくぞ 有名だがチャゲアスのOn Your MarK 12：以下、名無しにかわりましてVIPがお送りします：2011/05/14(土) 23:19:16.48ID:MIV3E32t0 >>3 この辺は有名だのう 懐かしい 5：以下、名無しにかわりましてVIPがお送りします：2011/05/14(土) 23:09:33.11ID:+thpqrue0 弾けないギターを弾くんだぜ 6：以下、名無しにかわりましてVIPがお送りします：2011/05/14(土
京アニ八田社長が語る“ヒットの理由”とは？「けいおん！」監督も登場した講演レポート - はてなニュース
アニメ「けいおん！」や「涼宮ハルヒの憂鬱」を制作した京都アニメーションの八田英明社長が、コンテンツ業界の未来や現状を語る「コンテンツビジネスセミナー」の第1回に講師として登壇し、「業界の現状と当社のいま」と題して講演を行いました。シークレットゲストとして「けいおん！」の山田尚子監督も登場するなど、京都アニメーションならでは制作の裏側も語られました。八田社長による講演の模様、そして山田監督の「けいおん！」にかけた意気込みなどをお届けします。 ■八田英明社長が語る、京都アニメーションの現状 八田社長の講演の前に、質疑応答の時間が設けられました。 左：KYOTO CMEX 齋藤茂委員長 右：株式会社京都アニメーション 八田英明社長 京都アニメーションは1981年創業。2010年現在、129人のスタッフが在籍し、大阪の関連会社「アニメーションDo」に在籍する30人と合わせ、計159人で制作を行って
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP