おっさんゲーマーどっとねっと

「黒い砂漠」をはじめ、PCゲームやゲーマー向けの情報をお届けするブログです

スクリーンショットと実写を合成する最も簡単な方法

      2017/08/02

Want create site? Find Free WordPress Themes and plugins.

以前の「ギャルキリー」の辺りから使っている「本のページのように見せるやつ」の作り方についてです。
友人が仕事で結構使ってるテクで、プレゼンなんかでデザインをより臨場感ある形で提示する時に役立つとかなんとか。
というわけで、どのように作るのか?についてご紹介しましょう。

Photoshopと「モックアップPSD」を使う

簡単に合成させることのできるPhotoshop用の「モックアップ」と呼ばれるPSDファイルをご紹介します。

モックアップ(mock-up/モック/mock)とは、工業製品の設計・デザイン段階で試作される、外見を実物そっくりに似せて作られた実物大の模型のこと。ソフトウェアやWebサイト、印刷物などのデザインを確認するための試作品のこともモックアップと呼ぶことがある。

IT用語辞典 e-Words モックアップ より

モックアップPSDの仕組み

モックアップPSDは複数の複雑なレイヤーから出来ています。実際の写真からなる部分と、好きなデザインと差し替え出来るレイヤー、その他に、適切な光源を与えるためのレイヤーなどがデザインされた、一種の作品です。

おっさんの場合は、この「好きなデザインと差し替え出来るレイヤー」や背景などをちょっといじることで、手軽に合成写真を作り出しているわけです。

実際の作業工程

1.モックアップPSDを探す

モックアップPSDは基本的に海外のサイトで配布されているものがほとんどで、無料で手軽に利用できるものから完成度の高い有料のものまで様々です。

試しに、Googleで「psd mockup」などと入れて画像検索してみましょう。
さまざまな写真…に見せた、精巧なモックアップが出てきます。紙の印刷面、iPadの画面、カップのプリントなどが、ユーザーが変更できる対象です。

気に入ったサイトからモックアップのPSDファイルをダウンロードしてきます。
無料のサイトなどでは、メールアドレスの登録などでダウンロードできるようになっています。

2.Photoshopで編集する

PSDファイルなので、Photoshopで編集するのが適しています。

Adobe Creative Cloud フォトプラン(Photoshop+Lightroom) 2017年版 |12か月版|オンラインコード版

新品価格
¥11,760から
(2017/1/17 03:46時点)

PSDファイルなのでGIMPでも開けるのですが、実際に開いてみると置き換え部分のビッグドキュメント形式(PSB)ファイルが保持されていなかったりするので、編集には難があります。

モックアップにドキュメントが含まれている場合があり、どう編集すればよいかを書いてあることもあります。

また、PSDを開くとレイヤーに「Edit This Layer」「Put Your Design  Here」など、編集すべきところが書いてあることが多いです。

その編集すべきレイヤーの四角い部分をダブルクリックすると、別のPSBファイルとなっています。

そのPSBファイルを編集していきましょう。

今回はこんな感じになりました。上書き保存をすることで、モックアップ本体に反映されます。

以上がモックアップPSDの使い方の基本となります。

モックアップの各レイヤーをチェックして、何をしているのかの仕組みがわかると、オリジナルでの合成もどうやればいいのか見えてくるかもしれません。
まずはモックアップを利用して、手軽に合成写真を楽しんでみてくださいね!

 

Did you find apk for android? You can find new Free Android Games and apps.
【↓↓↓あなたのネトゲ課金をサポート!↓↓↓】
モッピー!お金がたまるポイントサイト
げん玉を利用すると、現金に交換できるポイントが貯まります!


 - キャラメイク, ゲーム, スクリーンショット, パソコンネタ, 黒い砂漠 ,

Google

Google