タグ

テクニックに関するikacr4uのブックマーク (3)

  • 透過PNGで枠だけ作って背景をCSS3アニメーションするという新テクニック:phpspot開発日誌

    Color Animate Any Shape with a Knockout PNG | CSS-Tricks 透過PNGで枠だけ作って背景をCSS3アニメーションするという新テクニックが掲載されています。 CSS3の登場でハックの幅は広がりましたが、今後こういうテクニックが色々現れてくると思うと楽しみです。 まずはマリリンをかたどった縁の画像を透過PNGで作ります このデモは必見 あとは背景をCSS3の keyframes, animation を使ってアニメーションさせると、なんとマリリンが7色に変化します。これはすごい! マリリンはたまったものではありませんが、色々応用の効くテクニックかもしれませんね 関連エントリ CSS3で動くプログレスバー作成サンプル IE9にも対応したCSS3リファレンスサイト「css3files」 超シンプルなマークアップで実現できるCSS3による画像を使

  • デザイナーの本屋さん アドビイラストレータCS3 メタリックロゴ

    WEB・グラフィック・アート系書籍のレビュー!イラストレータ・フォトショップの実践テクニックやTIPSなどの紹介! アドビイラストレータCS3が発表されました。 インテルMacにネイティブ対応で、かなり期待してます。 そんなことで、イラストレータCS3のメタリック風ロゴを イラレでつくってみました。 メタリックをリアルに見せるポイントは… FC2のデザイン・アート ランキングにエントリー中!ポチッっとね ↑〈画像をクリック拡大画面〉 このロゴはグラデーションメッシュは使ってません。 Brsuh Scriptの書体を使用し、アウトラインをとって 8つのオブジェクトに分けてつくってます。 ベースはすべてBrsuh Scriptのアウトラインを加工してつくります。 ↑〈画像をクリック拡大画面〉 メタリックらしく見えるポイントはハイライトとシャドーの見せ方です。 3がハイライト用のオブジェクトで

  • 片手でカッコよく卵を割るコツ(動画あり) | ライフハッカー・ジャパン

    焼いてよし、炒めてよし、煮てもよしの万能材である卵。では、これをどうやって割っていますか? プロのシェフならいざ知らず、素人さんはやはり両手で割るのが主流ですが、片手で卵が割るのもちょっと憧れですね。もう片方の手が汚れずに済みますし、なんとなくカッコいいもの。では、そのコツについてご紹介しましょう。 動画レシピブログ「Food Wishs」では、片手で卵をうまく割る方法を紹介しています。詳しくは冒頭の動画をご参照いただくとして、まずは、ちょっとしたトレーニングからはじめましょう。必要なものはゴルフボール2つとコイン1枚。ゴルフボールの間にコインを挟み、片手で握ったら、親指を軽く動かしてコインをそっと落とす練習をしましょう(動画0:23~1:19を参照)。30回くらい繰り返せば、感覚がつかめてきますよ。 感覚がわかったら、いざ番。 片手で優しく卵を握り、ボールの縁などで割れ目を入れます。

    片手でカッコよく卵を割るコツ(動画あり) | ライフハッカー・ジャパン
  • 1