新着記事『フォトショップ・ブイアイピー』の新着記事です。フォトショップやデザインをたのしむウェブサイト。2009年３月創刊以来、3800を超えるコンテンツを更新しています。フリーフォントなどの無料デザイン素材／配色やWeb制作といった最新トレンドも公開中。
Perfumeライブの凄すぎるプロジェクション技術を推考（動画あり）（答え合わせ追記しました）
Perfumeライブの凄すぎるプロジェクション技術を推考（動画あり）（答え合わせ追記しました）2012.08.09 22:0011,547 かっけーー！ 今更ですが、7月23日（月）に渋谷ヒカリエで行われたPerfumeの｢氷結SUMMER NIGHT｣ダイジェストムービーです。パフュームもカッコいいんですが、パフュームが６人になったり、彼女たちの動きに合わせて、ホログラムのようなエフェクトがかかります。これすげぇ！ どうなってるんでしょうね？ あまり詳しくない俺はこの技術にビックリ。 そこでさっそくテクノロジーに詳しいお友達に協力してもらい技術的な部分を推考しました。参考までにゆる〜く解説。以下内容はあくまで仮説ですから参考までですよ。 プロジェクションに関してはマイラーフィルムってものを使った、2PAC復活ホログラムライブと同じっぽい。2PACの記事でも解説されていますが、斜めにミラー
[CSS]box-shadowを使って、紙がふわりと浮かんだようなエフェクトをつけるスタイルシートのまとめ
Creating Different CSS3 Box Shadows Effects [ad#ad-2] デモ 実装 デモ デモはbox-shadowに対応した下記のブラウザでご覧ください。 対応ブラウザ Internet Explorer 9.0+ Firefox 3.5+ Chrome 1+ Safari 3+ Opera 10.5+ デモページ [ad#ad-2] 実装 基本となるHTML 8つの各デモのHTMLの基本は同じで、class名が異なるだけです。 <div class="box effect"> <h3>Effect</h3> </div> 基本となるCSS div要素とh3要素の基本となるスタイルです。 .box h3{ text-align:center; position:relative; top:80px; } .box { width:70%; height
CSS3を使ってできる画像まわりのエフェクトやスタイリング18
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード（シャドウ編） 13. フェード（グラデーション編） 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません
CSSのみでテキストにグラデーションやリフレクトをかけるテクニック（ちょっと更新） - くらげだらけ
前回はiOS5のMobile Safariから使えるようになったHTML5・CSSについて前編と後編に分けてご紹介しましたが、そのなかで説明していない小さなテクニックについて少し紹介したいと思います。 今回はCSSでテキストにグラデーションをかけるテクニックについてです。 前回のWeb App Demoではフッタータブに特殊なWebFontを使ってアイコンを表示させるようにしていましたが、タブがActiveのときに色が変わってエフェクトがかかるようになっています。 このエフェクト効果はCSSでテキストにグラデーションをかけるテクニックをつかってやっています。 通常、CSSでテキストカラー（colorプロパティ）にグラデーションを指定することはできませんが「:after」擬似クラスや「mask-image」プロパティを組み合わせて使うことでグラデーションのような表現をすることができます。具体
すごく印象的でお役立ちなPhotoshopチュートリアル50本 - GIGAZINE
毎日様々なインスピレーションを求めているデザイナーたちによって作られているサイト「The Design Inspiration」が選んだ2011年に最も印象的だったPhotoshopのチュートリアル50本がかなり有用です。 50 Most Impressive Photoshop Tutorials of 2011 | The Design Inspiration http://thedesigninspiration.com/articles/50-most-impressive-photoshop-tutorials-of-2011/ ◆1：全速力で走っているモーションを効果的に加える方法 ◆2：バットマンのシンボルマークがよく見ると浮かび上がっている ◆3：SF映画のようなポスターに仕上げる ◆4：左右対称のライトニングエフェクト ◆5：マンガ風・カートゥーン風に塗る方法 ◆6：ファ
アニメエフェクトの極致、これがハリウッドを震撼させた日本の技術
「視聴者の目に引っかかるエフェクトとは何か？」を考えつつ、長年、トップランナーとして第一線でアニメエフェクトを作り続けてきた橋本敬史さん。クセのある気持ちいいエフェクトを作るためであれば物理法則や時間曲線すらもねじ曲げながら、誰もマネのできないエフェクトを作り上げてきました。普段は物語やキャラクターの背後でふと見逃してしまいそうな炎や水、スパークなどのエフェクトは、どのようにして生き生きとした映像表現となり得るのでしょうか。 本稿は日本最大のゲーム開発者向けカンファレンス「CEDEC2011」にて「アニメのエフェクト、ゲームのエフェクト」と題して行われた講演で、休憩を挟んで前後編に分かれていたものを1本にまとめました。橋本さんが携わってきた多くのアニメーション作品で培われた職人技から、デジタルアニメーションやゲームにおけるエフェクト作りまで深く掘り下げています。 ◆『アニメのエフェクト、ゲ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[CSS]永遠にスクロールしていたくなる、気持ちいいエフェクト -CSS Scroll Effects