Photoshopでコラージュテンプレートを作成する方法(写真付き)
写真のコラージュを作ることは、一つの場所に画像の全体の束を共有するための楽しい方法です。 あなただけの休暇から戻ってきたか、家族のイベントからの思い出を共有したいかどうか、コラージュは、すべてのハイライトを披露することが容易 Photoshopでコラージュを作成することは非常に簡単であり、仕事を得るためにPhotoshopの知識の全体の多くを必要としません。
しかし、欠点は、コラージュを作成することは時間がかかり、気まぐれである可能性があるということです。 Photoshopでコラージュテンプレートを作成する方法を学ぶことは、新しいコラージュを作成するための最良の方法の一つである理由です。 毎回ゼロから始めるのではなく、画像をドラッグアンドドロップするだけです!
Photoshopでコラージュテンプレートを作成するには、次の操作が必要です:
- 新しいレイヤーを作成し、色で塗りつぶす
- コラージュパターンを形成するためにこのレイヤーのサイズを変更して複製する
- クリッピングマスクを追加して、各特定の形状に収まるように写真を制限する
- すべてが割り当てられた形状になるまで、すべての画像に新しいクリッピングマスクを作成する
- コラージュテンプレートをPSDファイルとしてエクスポートして、コラージュテンプレートをPSDファイルとしてエクスポートして、コラージュテンプレートをエクスポートして、コラージュテンプレートをPSDファイルとしてエクスポートして、コラージュテンプレートをエクスポートして、コラージュテンプレートをエクスポートして、コラージュテンプレートをエクスポートして、コラージュテンプレートをエクスポートして、コラージュテンプレートをエクスポートして、コラージュテンプレートをエクスポートして、コラージュテンプレートをエクスポートして、コラージュパターンを作成する
- 後で
それは最初は少し圧倒されているように見えるかもしれませんが、私はこのプロセス全体が簡単であることを約束します。 のは、Photoshopで非常に独自のコラージュテンプレートを作成する方法に飛び込みましょう。
フォトショップにはコラージュテンプレートがありますか?
始める前に、Photoshopにコラージュテンプレートが組み込まれているかどうか疑問に思うかもしれません。 残念ながら、Photoshopに付属しているテンプレートはありませんが、オンラインで無料で利用できるトンがあります。
実際には、あなたの人生をはるかに容易にするために、これらの5つの無料のコラージュテンプレートを始めることができます。 ちょうどあなたが彼らがどのように動作するかを理解するように、以下の手順を続行することを確認してください!
あなた自身のコラージュテンプレートを作る方法
コラージュテンプレートは、あなたが今まで一つなしで作業することを考えた理由を疑問に思うよ コラージュは、何度も何度も図形のシリーズを作るためにあなたを必要とするので、なぜ複数回全体のプロセスを行うことによって苦しみますか?
テンプレートを使用すると、将来作成したい任意のコラージュのために完璧に動作するドラッグアンドドロップコラージュを作成することができます。
以下の手順では、単純な3×3グリッドコラージュを作成する方法について説明します。 あなたが望むように、これらの正方形の形を他の形と交換することができます。
今のところ、基本に固執し、あなたが持っている任意のコラージュアイデアのために完璧に動作します素敵でシンプルなコラージュテンプレートを作成し
ステップ1:バッチインポートあなたの画像
あなたの画像をインポートする前に、あなた自身で人生を楽にし、あなたのコンピュータ上の一つのフォル 別のフォルダやハードドライブを並べ替えるのではなく、事前に作業を行い、それらを一つの場所に置きます。
これにより、時間を節約するために、一度にあなたのコラージュ画像のすべてをインポートすることができます。

あなたのコラージュイメージフォルダを作成した後、あなたのコラージュの所望の寸法で新しいPhotoshop文書(コマンド/コントロール+N)を作成します。 この例では、300PPIで2000×2000ピクセルの正方形のドキュメントを作成します。
コラージュを印刷する場合、より高い解像度(PPI)を確保すると、画質が向上します。

「作成」をクリックして、新しい文書をPhotoshopで開きます。
今、あなたの写真をインポートする時間です。 それらをそれぞれ個別に行うのではなく(誰が時間を過ごしたいのか)、それらをすべて一緒にインポートしましょう。 File>Scripts>ファイルをスタックにロードするだけです。

新しいダイアログボックスで、”参照”をクリックし、コンピュータ上のコラージュの写真を見つけます。 あなたは事前に専用のコラージュフォルダにそれらすべてを置くので、これは簡単でなければなりません!

ファイルメニューにファイルが表示されていることを再確認し、”ok”をクリックして写真のインポートを開始します。

選択したすべての写真は、個々のファイルとして独自のプロジェクトにロードされます。 インポートが完了したら、shiftキーを押しながら上と下のレイヤーの間をクリックして、すべてを一度に選択します。

次に、Command+G(Mac)またはControl+G(PC)を押してグループを作成します。 これは、後であなたのコラージュテンプレートにあなたの写真を移動することが容易になります。

次に、グループ内の各画像を個別に調べ、レイヤーを右クリックしてスマートオブジェクトに変換します。

各レイヤーをスマートオブジェクトに変換すると、品質を損なうことなく画像を再スケールすることができます。 あなたがコラージュに写真を入れて起動したら、これは非常に重要になります! それについては後で詳しく説明します。

今のところ、我々は画像で行われているとコラージュテンプレートの作成を開始しようとしています。
コラージュタブをクリックして、他のPhotoshopウィンドウに切り替えます。

ステップ2:コラージュのグリッドテンプレートを作成する
最初に新しいレイヤーを作成して、コラージュのテンプレートを作成しましょう。 レイヤーパネルの下部にある新しいレイヤーアイコンをクリックするだけです。

新しいレイヤーを選択した状態で、前景色を黒(または白以外の他の色)に設定し、Option+Delete(Mac)またはAlt+Delete(PC)を押してレイヤーを色で塗りつぶします。


作成する3×3グリッドコラージュに合わせてレイヤーを再スケールするには、Command+T(Mac)またはControl+T(PC)を押して変換ツールにアクセスします。

上部の設定バーに移動し、基準点の場所がオフにチェックされていることを確認してから、場所を左上隅に設定します。 基準点アイコンの白い点は、変形ツールのアンカーポイントとともにこの左上隅に移動します。

各行を3つの画像に分割したいので、パーセント値を33.33%に変更します。 行ごとに必要な写真の数に応じて、このパーセント値が変更されます。
100を連続して使用する写真の数で除算するだけで、使用する正しいパーセント値が得られます。

これで、シェイプは特定のパーセント値に応じて左上にサイズ変更されます。 Enterキーを押して変更を確定します。
この正方形は、コラージュ内の各画像のテンプレートとして使用するものになります。 あなたはすべての写真のための新しい正方形が必要なので、それはコラージュを記入するために、この正方形を複製し、移動する時間です。
これを行う最も簡単な方法は、AltまたはOption(PC/Mac)を押したまま、図形をクリックしてドラッグすることです。 これにより、レイヤーが自動的に複製され、同時に移動されます。

3つの個々の正方形が行全体を埋めるまで、このプロセスを2回繰り返します。

いくつかのケースでは、特定の文書のサイズは、あなたが意志の形状間の小さなギャップを残すことができます。 これらを取り除くには、移動ツール(V)でレイヤーを選択し、矢印キーを使用してレイヤーを所定の位置に微調整します。
それでも白い隙間をなくすのに苦労している場合は、よりフィットするようにシェイプのサイズをわずかに変更できます。 移動ツール(V)を使用している間は、shiftキーを押しながら、大きくしたいエッジをドラッグします。 それは自分自身のサイズを変更し、あなたのキャンバスや他の図形の端にスナップします。
図形に数ピクセルを追加するだけなので、コラージュ全体のサイズの違いに気付くことはありません。
–画像行を整理する
コラージュテンプレートを適切に整理しないと、物事は非常に混乱することがあります。 私がこれに最も適していることがわかった方法は、各行をグループ化することです。
Shiftキーを押しながら3つの正方形のレイヤーをすべてクリックして選択し、Command+G(Mac)またはControl+G(PC)を押してグループ化します。 このグループの名前を”Top Row”に変更します。

グループの中で、病気はその後、左から右に行く彼らの位置に基づいて、形状1、2、および3として各正方形の名前を変更します。 これは、コラージュ内の多くの行を扱い始めるときの命の恩人です。

– 最初の行を複製してテンプレートを完成させる
コラージュテンプレートの単一の行を正常に作成したので、ハードワークは終わりました。 これで、この行を複製して、このグリッドコラージュの中央と下部の行を作成することができます。一番上の行のグループを選択した状態で、Command+J(Mac)またはControl+J(PC)を押してグループを複製します。

Vキーを押して移動ツールをつかみ、キャンバスの中央に収まるまで行を下にドラッグします。

この複製されたグループの名前を”Middle Row”に変更します。”

中央の行でこのプロセスを繰り返し、Command+J(Mac)またはControl+J(PC)を押して、移動ツールを使用してグループを複製して下部に配置します。
この最後のグループの名前を変更し、”一番下の行。”

各行の間にギャップがある場合は、矢印キーを使用して、グループを選択した状態で行全体を微調整します。 それでもそれらを取り除くことができない場合は、移動ツール(V)を使用し、shiftキーを押したまま、エッジをドラッグすると、拡張する必要があります。
レイヤーと同じように、Photoshopのコラージュではわずかなサイズの違いは目立たないでしょう。

行間の空白

矢印キーで行をナッジすることによって満たされた空白。
ステップ3:各行の形状にあなたの画像をクリップ
今楽しみが始まり、あなたのコラージュテンプレートに写真を追加することができます! ウィンドウの切り替え画像を見つけるには、移動ツール(V)を選択し、グループレイヤーをクリックします。

次に、このグループをクリックして他のタブまでドラッグして、コラージュテンプレートに表示します。 コラージュテンプレートの上にマウスを移動しながら、カーソルを放す。 すべての写真は、テンプレートと同じプロジェクトになります。
今残っているのは、各行にどの画像を配置するかを決めることだけです。 上の行から始めて、画像を表示するさまざまなグループにドラッグアンドドロップします。 たとえば、私はコラージュの私の上の行に配置する三つの画像を選択し、独自の形状の上に各画像を配置しています。

写真をシェイプのサイズと場所に限定したいので、クリッピングマスクを作成する必要があります。 画像レイヤーが表示したい図形の真上にあることを確認し、画像レイヤーを右クリックして”クリッピングマスクの作成”を選択します。”


これで、あなたの写真は、それがクリップされている形状の内側にのみ表示されます。 移動ツール(V)を使用すると、形状に合わせて画像を再スケールして配置することができます。 画像レイヤーはスマートオブジェクトなので、品質を損なうことなく拡大または縮小できます!

すすぎ、あなたの写真のすべてが自分の形にクリップされるまで、このプロセスを繰り返します。 今、あなたのコラージュが完了しました!

ステップ4:コラージュの画像間に線を追加する
もう少し芸術的な雰囲気のために、画像間に境界線を追加することを検討するかもしれません。 これを行う最も簡単な方法の1つは、単一の行と単一の列のマーキーツールを使用することです。
ツールバーのマーキーツールをクリックしたままにすると、単一行と単一行のマーキーツールが表示されます。 このために、病気は、単一の列のマーキーを使用しています。

新しいレイヤーを作成するレイヤーのスタックの上部にあるキャンバスをクリックし、テンプレートの垂直方向の行に沿って選択範囲を配置します。

選択範囲をアクティブにした状態で、前景色を白に設定し、Option+Delete(Mac)またはAlt+Delete(PC)を押して選択範囲を白で塗りつぶします。


終了後、Command+D(Mac)またはControl+D(PC)を押して選択を解除します。
この時点で、線は非常に細いように見えます。 それを少し強化するには、レイヤースタイルオプションを明らかにするためにあなたの層をダブルクリックします。 ストロークを選択し、色を白に設定し、それに応じてサイズを調整します。 これは、行間の線をすばやく太くする最も簡単な方法の1つです!



プロセスを高速化するには、この行を複製して追加の行に再度使用できます。 ラインレイヤーを選択した状態で、移動ツール(V)をつかみ、AltまたはOption(PC/Mac)を押したまま、ラインからクリックしてドラッグして複製します。 別の列に応じて、この2行目の位置を変更します。

作成された2つの新しいラインレイヤーを使用して、shiftキーを押しながら上行と下行の間をクリックし、Command+G(Mac)またはControl+G(PC)を押してグループ化します。 このグループの名前を”列枠”に変更します。”

行の生活を容易にするには、Command+J(Mac)またはControl+J(PC)を押して列グループを複製します。 Vキーを押して移動ツールを選択し、コラージュの行と整列するまで列の境界線を回転させます。 完了したら、このグループの名前を”Rows Border”に変更します。”

– カラーボーダー
でコラージュ全体を概説さらに一歩それを取るために、あなたはまた、あなたの全体のコラージュテンプレートに輪郭を追加することができます。 これまでの他のステップのいくつかとは異なり、これは数回のクリックで行うことができます。
レイヤースタックの上部に新しいレイヤーを作成し、前景色を黒に設定します。 Option+Delete(Mac)またはAlt+Delete(PC)を押して、この新しいレイヤーを黒で塗りつぶします。



レイヤーの描画モードを「通常」から「画面」に変更して、すべての黒を透明にします。

次に、レイヤーをダブルクリックして[レイヤースタイル]オプションを開きます。 ストロークオプションを選択し、位置を内側に設定し、色を選択してストロークのサイズを調整します。 結果に満足したら、[OK]をクリックします。


今、あなたはあなたのテンプレートに見栄えの良い効果を追加し、あなたのコラージュの端の周りに色の輪郭を持っているでしょう!

ステップ5:コラージュテンプレートをPSDファイルとして保存する
この時点で、Photoshopでコラージュを作成し、エクスポートして共有する準備ができました。 このチュートリアルの手順に従うことの美しさは、今、あなたはあなたが残りの時間のために使用できるコラージュテンプレートが残っているです。
残っているのはテンプレートを保存することだけです!
プロセスを開始するには、ファイル>名前を付けて保存に進みます。

次に、ファイルの名前を変更し、コンピュータ上の保存場所を選択します。

今重要な部分のために。 コラージュをエクスポートして共有するか、コラージュをテンプレートとして保存するかによって、選択したファイル形式が異なります。
コラージュを共有可能な写真として保存するには、フォーマットをJPEGに設定します。

あなたは将来の使用のためのコラージュテンプレートを作成したい場合は、Photoshopにフォーマットを設定します。 これは、すべてのファイルへの完全なアクセスを後で再開することができますPhotoshopファイルとして画像を保存します! PSDファイルの詳細とその仕組みについては、この記事で学ぶことができます。

保存をクリックすると、Photoshopのコラージュテンプレートが完成します!

Photoshopのための5つの無料コラージュテンプレートへのアクセスを取得します
あなたのPhotoshopのコラージュを取得したいどのように空想に応じて、あなたが望むよりも多くの時間を費やしてしまう可能性があります。 あなたは時間のヒープを節約するために、Photoshopのためのこれらの5つの無料のコラージュテンプレートをダウンロードしてください。
このテンプレートパックには、このチュートリアルで作成した正確なテンプレートと、物事を盛り上げるための追加のテンプレートが含まれています。 上記のハイライトは、これらの無料のコラージュテンプレートのすべての5つの外観!
この5つの無料テンプレートにアクセスするにはここをクリック!
Photoshopでコラージュを作る方法を知ったので、オンラインで写真を表示する方法で創造的な取得を開始することができます。 あなたがソーシャルメディア上で何かを共有したり、あなたの壁にハングアップする画像を印刷したいかどうか、この方法は、簡単に仕事を取得しま
ハッピーコラージュ!
–ブレンダン⇒