スポンサード リンク

3d関連のエントリ

まるで魔法のようだ。2Dの図形を輝く3D画像にしてくれるPhotoshop...
まるで魔法のようだ(iPadのCM風)。2Dの図形を輝く3D画像にしてくれるPhotoshopアクション。ワンクリック...(続きを読む)
JavaScriptとWebGLを使って3Dモデルを描画できる「csg.js」
簡単なコードで立体的なオブジェクトを描画できます次のような簡単なコードで図形を描画できるみたいです(...(続きを読む)
スマフォでも使える3Dカルーセル実装jQueryプラグイン「Cloud Carousel...
次のような見栄えで、スマートフォンでスワイプすれば回転するようなUIが作れるjQueryプラグインのご紹介で...(続きを読む)
立体感がいい感じの3Dギャラリー作成JSチュートリアル
奥行きのある空間内を画像がダイナミックに動くギャラリーを作るチュートリアルです。パッケージのダウンロ...(続きを読む)
ハイクオリティな3Dテキストを作成するPhotoshopチュートリアル2...
次のような綺麗な3Dテキストの作成チュートリアルが沢山まとまっていました。このブログで紹介していない...(続きを読む)
2Dや3Dの変形アニメーションを実現できる「TransformJS」
例えば、サムネイル画像をクリックすると画像を立体的に回転させながら拡大するというようなことが出来ます...(続きを読む)
ピュアCSSでSVGやcanvasなしの3Dオブジェクト描画デモ
HTMLとCSS3、2d-transformを使って次のような、アニメーションする3Dが実現されていて一見の価値がありま...(続きを読む)
立体感がうまく出たWEBサイトデザイン作成Photoshopチュートリアル
次のように、立体感を出した面白いデザインを作成する一連の流れが見れます。CSS3でリボンにしたりするテク...(続きを読む)
パララックスを活用した一見の価値ありなサイト21
パララックスは視差という意味ですが、マウスとかスクロールの位置によって、背景などが立体的に見えるとい...(続きを読む)
ページの要素を3D化できる面白jQueryプラグイン「3Dify」
マウスカーソルを合わせると、要素がインタラクティブに3Dで動くというインタフェースを実現できるjQuery...(続きを読む)
複数画像を並べるだけでアニメのように奥行きを表現できる「jQuery...
マウス位置に応じて画像をずらせて奥行きを表現できます。実装方法が簡単で、ul以下にliとimgタグを並べて...(続きを読む)
光沢あるフリーの3Dアイコン20個セット
が公開されていました。サイトデザインのテイストによってはマッチしそうですね。Photoshopファイル(PSD)...(続きを読む)
3Dの立体感が面白いソーシャルアイコンセット
検索エンジンにまで影響を与えるということで、ソーシャルサイトの重要度は今後も上がっていく気がしていま...(続きを読む)
3D効果を使って迫力あるスライドショーを作れる「Slicebox」
一見普通の画像のスライドショーかとおもいきや、画像切替の際に超かっこよく3D効果を使って切り替わるスラ...(続きを読む)
JavaScriptの物理エンジン「Box2d」
SourceForgeで開発版のクローンのデモで、いい感じに物理エンジンがブラウザ上で実現されています。デモを...(続きを読む)
カラフルでオシャレな3Dテキストを作成するPhotoshopチュートリアル
が公開されています。次のように、なんともオシャレなテキスト描画について学べます見た目のインパクトが大...(続きを読む)
CSS3の3D transformationを使ったすごいサンプル
が公開されています。マウスカーソルを移動させると本の表紙風の画像が立体的に移動します。実際に使うかど...(続きを読む)
要素を3D回転させて注目を集められるjQueryプラグイン「rotate3Di」
次のように、四角い要素にカーソルを合わせると回転します。Chromeだと本当に滑らかに動いてインタラクティ...(続きを読む)
Photoshopでなかなかカッコいい3Dテキストを作るチュートリアル
が公開されています。次のような立体テキストを面を組み合わせて作るテクニックが紹介されています。3Dソ...(続きを読む)
3Dでクールに回転するFlashを使った画像ギャラリー「Piecemaker」
がなかなかカッコいいです。画像の切り替わり部分が次のようにダイナミックに3Dアニメーションで切り替わ...(続きを読む)
 1 2 » / 37件
記事をジャンルで探す