タグ

2014年6月10日のブックマーク (2件)

  • SAMURAI IN BRAZIL - 日清カップヌードル|CUPNOODLE

    はるか地球の反対側、ブラジルに、全身に甲冑をまとったフリースタイルフットボールサムライが、単身、武者修行に乗り込む。果たして、その結末やいかに!?人は、甲冑をつけて、どこまで自在にボールを蹴ることができるのか? そんな思いつきから生まれたこの企画。 実現してくれたのは、日人初のフリースタイルフットボール 世界チャンピオン、徳田耕太郎さんです。 動きの自由度が低い甲冑。ヘルメット以上に重たく、視界の狭い兜。 それらをものともせず、徳田さんは物凄い足さばきを見せてくれました。 まさに、完璧なサムライでした。 はるか地球の反対側、ブラジルに、 全身に甲冑をまとったフリースタイルフットボールサムライが、 単身、武者修行に乗り込む。果たして、その結末やいかに!? 徳田さんの代名詞でもある「Tokura Clutch」。 バク宙しながら、空中でボールを両足にはさむ超難易度の高い

    SAMURAI IN BRAZIL - 日清カップヌードル|CUPNOODLE
  • SVG線画が美しいリッチアニメーションの作り方 (1/2)

    ページ遷移が楽しい繊細で滑らかな動き CSS3を使った滑らかな動きと大胆なタイポグラフィが魅力的な「Beatrice Creations」。黒と白を基調とした至ってシンプルなデザインながら、つい全ページを見てみたくなる、飽きのこない演出が施されている。 Béatrice Créationsでは、複数ある作品のロゴにSVGが使われており、作品ページを移動するたびに美しいカーブを描く。軽量で、枠線や線画によって繊細でリッチな世界観を演出する、今注目のSVGアニメーションを有効に活かしたサイトだ。 今回はこのサイトをヒントに、SVGの基と、CSS3アニメーションを使った動かし方を解説する。CSSHTMLのみで次のような枠線とテキストを描き、最終的にはjQueryを使って色を変えるデモを制作する。 STEP 1:SVGのパスを作成する アニメーションを作る前に、Illustratorを使って素

    SVG線画が美しいリッチアニメーションの作り方 (1/2)