Photoshopでフォトムードボードを作成する方法
ENGLISH TUTORIAL VERSION: Photo Mood Board
作成するもの:
ムードボードが大好きです。ギャラリーの写真を表示するのはとてもクールな方法で、とても簡単に作成できます。この短いチュートリアルでは、Photoshopでポラロイド写真を使ってムードボードを簡単な手順で作成する方法を紹介します。
このPhotoshopチュートリアルで学ぶこと:
- Photoshopモックアップの使用方法とカスタマイズ方法
- Photoshopスマートオブジェクトの使用方法
- Photoshopフォントをインストールして使用する方法
- 見栄えのするムードボードの作り方
必要なもの
この美しいポラロイドムードボードを作成するために、無料でダウンロードできるいくつかのPhotoshopアセットを使用します。
- PhotoshopSupplyによる 無料のポラロイドモックアップ
- この署名フォントのコレクションからの任意のフォント (このチュートリアルでは、Centhinydemoフォントを使用しました)
- あなた自身の写真、または
- Textures4Photoshop や Pixabayなどのサイトからのストックフォト (例: 紅葉の写真)
ポラロイドムードボードの作成を開始
ポラロイドムードボードの作成を開始するには 、PhotoshopSupplyからポラロイドモックアップPSDファイルをダウンロードする必要があります。モックアップは、プロ並みの最終結果を作成するために必要なすべてを含む、事前に作成されたPSDファイルです。
PSDファイルをダウンロードすると、Photoshopで開くと次のようになります。
モックアップの各要素は別々のレイヤーにあり、別々にグループ化されています。そのため、ポラロイド写真、コーヒーカップ、植木鉢などを選択、移動、または変更できます。
不要な要素をモックアップから削除しましょう。
移動ツールを選択し、グループ選択モードに切り替えます。
それでは、ムードボードに必要のないレイヤーを削除しましょう。クリックして選択し、DEL キーを使用して削除し ます。このようにして、コーヒー、植木鉢、スコッチテープを持っている手を削除できます。
次に、背景の色を変更します。名前のレイヤーを見つけ 色の変更を。これは、 色相/彩度 調整レイヤーです。レイヤーのサムネイルをダブルクリックして設定を開き、色相、彩度 、 明度の 設定を次のように調整し ます。
ポラロイド写真の1つ(PHOTO 1という名前のレイヤーグループ)をクリックして選択し、 必要な場所に移動します。
使用 CTRL + T (または コマンド+ T Macの)スケール、必要に応じてポラロイド写真を回転させることができるようにします。また、CTRL + J (または Macの場合は Command + J)を使用して、ポラロイド写真のコピーをいくつか作成し ます。
このムードボードには、4枚のポプラロイド写真だけが必要です。
ムードボードをこのように見せてみてください
Photoshopに新しいフォントをインストールする方法
モックアップのポラロイド写真のテキストには、おそらくPhotoshopにインストールしていないフォントが含まれています。
問題ありません。Photoshopにフォントをインストールする方法を紹介します。
ムードボードについては、 MockoFunの無料の署名フォントの素晴らしいリストをチェックしてください 。これらのフォントは、手書きのようなテキストが必要な場合に非常に便利です。すべてのフォントは無料で、各フォントのフォントダウンロードリンクがあります。
たとえば、リストのフォント番号9、CenthinydemoFontを使用してみましょう 。示されたリンクからフォントをダウンロード し、パッケージから.otf または .ttfファイルを開き ます。
オペレーティングシステムは、フォントのインストールを提案します。[インストール ]ボタンをクリックする と完了です。
テキストツール ポラロイド写真の左側にこのテキストを追加します。
「今日の瞬間は明日の思い出です」
使用するフォントを 235pt のサイズの Centhinydemoに切り替えます。
また、4枚のポラロイド写真のテキストを選択して 春、夏、秋 、 冬に 変更し、フォントを 80pt のサイズの Centhinydemoに切り替えます。
Photoshopでスマートオブジェクトを操作する方法
ムードボードを仕上げるには、写真を追加する必要があります。
ポラロイドモックアップには、写真を追加するための空白のプレースホルダーがあります(ADD PHOTOと呼ばれるレイヤー )。これらはPhotoshop スマートオブジェクトです。
Photoshopスマートオブジェクトとは何ですか?
スマートオブジェクト は、Photoshopの特殊な種類のレイヤーであり、編集可能なコンテンツを簡単に管理できる一種のプレースホルダーレイヤーです。
私たちの場合の例を見てみましょう。いずれかのレイヤーのサムネールをダブルクリックして スマートオブジェクト と呼ばれる ADD写真。新しいドキュメントが開きます。これはスマートオブジェクトのコンテンツであり 、ここに入力したものはすべて、保存時に親ドキュメントですぐに更新されます。
冒頭で述べたストックフォトの1つ、または自分の写真の1つを入手してください。ドラッグして開くにドロップ スマートオブジェクト 、その後ヒット CTRL + S (または コマンド+ Sを 保存するためにMac上で) スマートオブジェクトを。スマートオブジェクト ドキュメントを閉じ て、親ドキュメントに戻ります。
どうした?
追加した写真は、ドキュメント内の複数のポラロイドフレームに表示されます。
しかし、なぜ?
これがスマートオブジェクトの仕組み です。スマートオブジェクト レイヤーのコピーを作成すると 、すべてのコピーが相互にリンクされ、1つのスマートオブジェクトで編集したもの がすべてのコピーに影響します。
これは多くの状況で非常に便利ですが、ポラロイドフレームごとに異なる写真を追加する必要があるため、この状況ではそうではありません。
では、スマートオブジェクトのコピー間のリンクをどのように切断します か?
解決策は、コピーするときにということである スマートオブジェクトを 複製層(使用する代わりに、CTRL + T または コマンド+ T Mac上の)あなたがすべき で右クリック で スマートオブジェクト 層と使用 コピーを経由して新規スマートオブジェクト (に注意してください 右クリック で正しいメニューを取得するには、レイヤーのサムネイルにレイヤー名がありません)。
重複するスマートオブジェクトに対してこれを行い、 不要なものを削除します。 ポラロイドモックアップが最初に設定された方法であるため、作成 されたコピーを右クリックして[クリッピングマスクの作成]を選択するように 注意してください 。
スマートオブジェクトの サムネイルを ダブルクリックし、 そこに新しい画像を配置して保存します。
すべてがうまくいけば、この最終結果、つまり美しいポラロイドムードボードが得られるはずです。
よくやった!
これで、PhotoshopモックアップPSDファイルを使用して開く方法、Photoshopにフォントをインストールする方法、さらにPhotoshopスマートオブジェクトを使用してポラロイドフォトムードボードのすばらしいデザインを作成する方法をマスターしました。
Photoshopをお持ちでない場合はどうなりますか?
Photoshopを使用していない、または使用したくない場合は、オンラインでムードボードを作成する方法を次に示します。
MockoFun:モックアップ付きのオンライングラフィックデザインツール
- 移動し MockoFun と無料アカウントに登録
- テンプレートセクションからこの高品質のポラロイドモックアップを開き ます
- 上記の手順でPhotoshopで行ったのと同じように、必要な変更を加えます。MockoFunを使用すると、写真を自分の写真と簡単に交換したり、色を変更したり、800を超えるフォントでテキストを追加したりできます。
- オンラインムードボードをJPG、PNG、または印刷可能なPDFバージョンにダウンロードします。
- 完了!