Link:INB Home|INB English| INB русский язык|INB العربية|INB Türkiye|INB فارسی|INB Español|INB Français|INB Português|INB Deutsch|INB 國語|INB 中文|INB 日本语|INB 한국어|INB ภาษาไทย|INB tiếng Việt||PS チュートリアルPhotoshop でモニターから飛び出す3Dの画像を作る方法
INB 日本語掲示板
ようこそ(産業・自然科学者)ここでは、工業化時代のファイティングスピリットに満ちている、あなたと私の両方を通してこのネットワーク空間の自国の生物学的精神科学者と狂気の所に来ました。ホームinbforum.com、永久の名前:jp-inb.forumotion.com
INB 日本語掲示板

ようこそ(産業・自然科学者)ここでは、工業化時代のファイティングスピリットに満ちている、あなたと私の両方を通してこのネットワーク空間の自国の生物学的精神科学者と狂気の所に来ました。ホームinbforum.com、永久の名前:jp-inb.forumotion.com


You are not connected. Please login or register

《《《《《《《上一页INBforum   Go down

上一页INBforum》》》》》》》前のトピックを表示 次のトピックを表示 Go down  メッセージ [Page 1 of 1]

1 PS チュートリアルPhotoshop でモニターから飛び出す3Dの画像を作る方法 on Fri Mar 18, 2011 11:31 am

Admin


Admin
このチュートリアルでは、Photoshopでモニターから飛び出す3Dの画像を作ってみたいと思います。



Step1:はじめに

ある日、インターネットを見ていたら、
コンピューターのモニターから車が飛び出しているように見える広告を見つけました。
車が飛び出す効果がクールです。3Dではないですが、感じは確かに出ています。

まずコンピューターのモニターの画像を用意します。画面に少し角度がついていると
効果がつきやすくなります。ここでは次の画像を使うことにします。
[You must be registered and logged in to see this image.]




Step2:モニターに使う画像を縮小する

次に、モニターに使う画像を探します。
どの部分を3D効果でモニターから飛び出すようにするかを考えます。

ここでは車の画像を使います。
[You must be registered and logged in to see this image.]
ご覧のように、この画像はスクリーンに入れるには大きすぎます。
「イメージ」-「画像解像度」を選択して希望するサイズになるまで画像を縮小します。
解像度を72ピクセル/インチ以上にしないと、画像を大きくする場合に画質が劣化します。

希望するサイズを設定したら、移動ツール[You must be registered and logged in to see this image.](あるいは「V」キーを押して)を使って次のようにドラッグします。
[You must be registered and logged in to see this image.]









Step3:不透明度を変更する

次に、車の写真のレイヤーの不透明度を60%程度まで下げます。
この操作はモニターが透けて見えるようにするための一時的な処置です。
[You must be registered and logged in to see this image.]




Step4:画像を変形して遠近を整える

写真を変形して遠近を整えます。
「編集」-「変形」-「ゆがみ」を選択します。
写真の端をドラッグして車の写真の上下と左右をモニターの形に合わせます。

このステップでは画面のサイズに合わせることはしません。
[You must be registered and logged in to see this image.]
遠近がついたら、写真を移動させてモニターの画面全体をカバーします。
写真をどれだけ飛び出させるかを決めます。
ここでは、ドライバー側のヘッドライトとタイヤの領域を飛び出させてみます。
[You must be registered and logged in to see this image.]




Step5:ペンツールを使って3D領域を決める

ペンツール[You must be registered and logged in to see this image.]を使ってイメージをモニターの画面にぴったり合わせます。
不透明度を減らしたことが役立つのは、後ろが透けて見えるのでどこでクリックするかがわかるためです。

飛び出す3D領域を決めたら、周辺を選択します。
ペンツール[You must be registered and logged in to see this image.]で作ったパスの始点まで操作を続け、パスを閉じます。
作業対象の画像をズームインして不透明度を調整します。どんな作業も簡単になります。
[You must be registered and logged in to see this image.]




Step6:選択範囲を作成する

パスを閉じたら、選択範囲に変換します。レイヤーパレットのパスのタブをクリックします。
それから、作業用パスを右クリックして「選択範囲を作成」からぼかしの半径を1ピクセルに設定します。
設定が終わったらレイヤータブをクリックします。
[You must be registered and logged in to see this image.]
すると選択範囲が作られます。
[You must be registered and logged in to see this image.]




Step7:完成

「選択範囲」-「選択範囲を反転」を指定して「Delete」キーを押します。
不要な領域が削除されます。「Ctrl」+「D」キーを押して選択範囲を解除します。
不透明度を100%に戻したら完成です。

次のようになります。
[You must be registered and logged in to see this image.]
3Dのモニターが完成しました!
同様に、このような作品を作成することも出来ます。
[You must be registered and logged in to see this image.]
[You must be registered and logged in to see this image.]





引用:Web Design Library 著者:showandtell-graphics 翻訳:菊池]

ユーザーのプロフィールを表示 http://jp.inbforum.com

上一页INBforum   Go down

上一页INBforum前のトピックを表示 次のトピックを表示 トップに戻る  メッセージ [Page 1 of 1]

Permissions in this forum:
返信投稿: 不可

Copyright ©2009-2010 LTD Creative Commons License
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.

IT:SINGLESERVGoogle谷歌翻译TranslateFORUMSOFTLAYERGoogle谷歌广告联盟AdSenseAsia

 

Free forum | © PunBB | Free forum support | 連絡先 - | Report an abuse | www.sosblog.com