1 PS チュートリアルPhotoshop でモニターから飛び出す3Dの画像を作る方法 Fri Mar 18, 2011 11:32 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.]
引用:Web Design Library 著者:showandtell-graphics 翻訳:菊池]
- Step1 : はじめに
- Step2 : モニターに使う画像を縮小する
- Step3 : 不透明度を変更する
- Step4 : 画像を変形して遠近を整える
- Step5 : ペンツールを使って3D領域を決める
- Step6 : 選択範囲を作成する
- Step7 : 完成
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.]
引用:Web Design Library 著者:showandtell-graphics 翻訳:菊池]