3Dのリボンを実装するPhotoshopとCSSのチュートリアル
立体的なリボンをPhotoshopで作成しそれをCSSで実装したり、CSSだけでリボンを実装するチュートリアルを紹介します。 Create a 3D Ribbon Wrap-Around Effect (Plus a Free PSD!) [ad#ad-2] 3Dのリボンを作成するPhotoshopのチュートリアル 作成した3Dのリボンを実装するCSSのチュートリアル CSSだけで3Dのリボンを作成するチュートリアル 3Dのリボンを作成するPhotoshopのチュートリアル まずは、Photoshopのチュートリアルから。 チュートリアルはステップごとにPhotoshopのキャプチャ付きで丁寧に解説されているので、英語が苦手な方でも分かりやすいものとなっています。また、リボンのPSDファイルもレイヤーが保持されたものがダウンロードできます。 ダウンロードできるPSDのキャプチャ 作成した3
写真やテキストの画像に1クリックで、立体的に見えるアナグリフのエフェクトを与えるPhotoshopのアクション -Anaglyph 3D Action
写真やテキストの画像に1クリックで、立体的に見えるアナグリフのエフェクトを与えるPhotoshopのアクション -Anaglyph 3D Action
3Dレタッチ技術、ついに開発実現！
今までのPhotoshopなどの画像編集ツールでは、写真の中に写された物体は2Dの世界でのみ編集できました。しかしこれからは違います。なんと3Dで編集できる技術が開発されたのです。まずは以下の動画をどうぞ。 動画を見れば、驚くに違いありません。ホントに魔法みたいに被写体が動くんですが、魔法じゃないですよ、本当にこうやって編集できるんです。動画のようにタクシーを3Dで自由自在に動かせるようなツール、見た事ないですよね！ この被写体を立体的に3D編集する技術はカーネギー・メロン大学とカリフォルニア大学の研究者グループによって発表されました。このツールは、オンライン上にストックされている既存の3Dモデルの中から、被写体に似た者を選び出し、形状を合わせる事で、3D編集を可能にしています。 それにこのソフトは、あっというまに奥行き等のテクスチャーを整えたり、新たに置かれた被写体に適切な影を付けたりも
Photoshopを超えた!? 写真の中の車やイスを3D化してグリグリ動かせる魔法みたいな画像編集ツール登場 どういう仕組みだこれ…… - ねとらぼ
この画像、車がぐりんぐりん動いてますが、元は1枚の静止画像だったって言ったら信じられますか……？ カーネギーメロン大学ロボット工学研究所が、二次元の画像を立体的に操作できる画像編集ツールを開発し話題になっています。従来のツール（Photoshopなど）でも、写真の中の物体を切り取って動かしたりすることはできましたが、このツールを使えば、物体そのものをつかんでグリグリと立体的に動かしたり、さらには写真に写っていないはずの“裏側”をひっくり返して見たりできるようになります。い、一体どういう仕組みなんだ……。 実はこのツール、インターネット上に公開されている膨大な3Dモデルを参照し、写真の中にある物体を指定してあげると、それに近い形のものを拾って3D化してくれるという仕組み。色や光の当たり具合などは写真から自動で抽出・合成してくれるため、まるで写真の中の物が3D化されて動き出したように見えるとい
1クリックでオブジェクトをアイソメトリックの立体的な面にするPhotoshopのプラグイン -Isometrify
グリッド生成 Isometrifyの対応バージョン Photoshop Photoshop CS5 Photoshop CS6 プラグインのインストール Win/Mac共通です。 サイトの「Download and install」からファイルをダウンロードします。 ファイルを解凍し、「Isometrify.zxp」をダブルクリックします。 Adobe Extension Managerが起動し、ライセンスを表示します。問題が無ければ「承諾する」をクリックします。 Photoshopを再起動します。 [ウインドウ]-[エクステンション]に「Isometrify」があればインストール完了です。
テキストに3DのかわいいエフェクトをPhotoshopで適用する -3D Font Generator Mockup
どこかで見たことあるような3DのかわいいエフェクトをPhotoshopであなたのテキストに簡単に適用できる「3D Font Generator」を紹介します。
Photoshopのドロップシャドウの使い方をマスターするチュートリアル
ドロップシャドウはウェブデザインで非常に人気のあるエフェクトです。 このドロップシャドウのエフェクトを使いこなすために、Photoshopのドロップシャドウの各種設定の使い方を紹介します。 How to Use Drop Shadows in Photoshop [ad#ad-2] 下記は各ポイントを意訳したものです。 ドロップシャドウとは レイヤースタイルのドロップシャドウ 描画モード 不透明度 角度 距離 スプレッド サイズ 輪郭 ノイズ ノックアウト 設定の保存と初期化 ドロップシャドウのサンプルファイル ドロップシャドウとは ドロップシャドウの主な用途は、2Dのイメージで3Dの奥行きをシミュレートすることです。これはオブジェクトが3Dの空間で背景の上に浮いていることを表すために、オブジェクトの後ろにオフセットのシャドウをつけます。 下記の例はドロップシャドウを変えることで、光源の大
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Engadget | Technology News & Reviews
新着記事
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP