「パズル」効果は、写真を特別な方法で表現する創造的な方法です。 Photoshopを使用して、1つの画像から実物のパズルを作成し、取り外した部分を統合してデザインにダイナミズムをもたらすことができます。 このチュートリアルでは、この効果を2つの方法で実現する方法を示します:クラシックなパズル外観とモダンで抽象化されたバージョン。 さあ、始めましょう。あなたの写真をインタラクティブな芸術作品に変えましょう!

ステップ1:

最初に新しいドキュメントを作成します。サイズはまったく問題ありません。 800x600ピクセルと非常に小さなサイズを選択します。 この効果を印刷したい場合は、ピクセルの単位をcmに変更して、解像度を72から300ピクセル/インチに変更する必要があります。

写真からピースを取り出したパズルを2つのバリエーションで解く

ステップ2:

次に、ファイルマネージャーから選択した写真を、ドラッグ&ドロップしてドキュメントに追加します。

写真から取り外したパズルピースでのパズル、2つのバリエーション

ステップ3:

構造を付加フィルターを正しくパズルテクスチャと共にロードするため、Photoshop CS3までのディレクトリに含まれているパズルテクスチャが必要です。

写真から取り出したパズルのピースで2つのバージョンのパズルを解く

ステップ4:

より新しいバージョンのPhotoshopを持っているすべての所有者は、リンクAdobe Photoshop CS5 - オプションモジュール+オプショナルモジュールを追加するにはここをクリックしてください.pdf - ドイツ語に移動します(www.adobe.deで見つかり、ダウンロード>更新の下で、Photoshopとして選択します)。

写真から取り外されたパズルのピースでパズルを組み立てるパズル、2つのバリエーション

ステップ5:

圧縮されたファイルにはTexturesディレクトリにパズルファイルが含まれています。 これを解凍します。

写真から取り外されたパズルピースで2つのバージョンのパズル

ステップ6:

安全のため、写真レイヤーをCtrl+Jで複製し、元の写真を非表示にします。 次に、複製された写真レイヤーをアクティブにし、フィルターメニューに移動して構造を付加フィルターをクリックします。

写真から取り出したパズルピースで、2つのバリエーションのパズルを作る

ステップ7:

今、オプションメニューをクリックして、Puzzle.psdファイルをロードします。

写真から取り出したパズルピースを使ったパズル、2種類

ステップ8:

スケーリング時にサイズを変更することもできます。 しかし、注意してください:スケーリングが大きくなるほど、パズル効果がぼやけてしまいます。 リリーフ高度を6に、ライト右上に設定します。

写真パズル、抜き取ったパズルピース付き、2つのバリエーション

ステップ9:

スケーリングが100%の場合、パズルは次のようになります。

写真から取り出したパズルピースで2つのバリエーションでパズルを組?

ステップ10:

今、いくつかのパズルピースを取り出したいと思います。 そのためには、さまざまな効果的な方法があります。 私はペンツールソリューションを選択します。 ペンツールを使用してパスを作成します。

写真から取り外されたパズルピースでパズルを2つの方法で解く

ステップ11:

次に、パスパネルで作成したパスを右クリックし、選択範囲を作成を選択します。 承認するために、半径には1ピクセルを設定して、ぼかしを使用して柔らかい選択を作成できますが、私は0ピクセルの半径のままにします。 滑らかにのオプションはそのままにします。

写真から取り外されたパズルピースを使った2つのバリエーションのパズル

ステップ12:

今、単純にCtrl+Xで画像を切り取り、Ctrl+Vで新しいレイヤーとして挿入します。 その後、パズル部分を回転させ、両方のレイヤーにドロップシャドウを追加します。

写真から取り出されたパズルピースでのパズル、2つのバリエーション

ステップ13:

次のパズルピースでは、ラソツールを使用します。 素晴らしいグラフィックスタブレットまたは非常に良いマウスを所有している場合は、それだけで機能します。 Alt-またはShiftキーを使用して、選択範囲にエリアを追加または削除することもできます。

写真から取り出したパズルピースが入ったパズルを2種類作成します。

ステップ14:

まだ選択と選択ツールがアクティブな場合、コントロールパネル上部でエッジ強調をクリックします。少し角を丸くし、必要に応じてわずかなエッジソフトウェア値も選択してください。

写真から取り外されたパズルピースを使ったパズル。2つのバリエーションがあります。

ステップ15:

次に、画像を切り取るには再度Ctrl+Xを押し、新しいレイヤーとして貼り付けるにはCtrl+Vを押します。その後、パズルのピースを回転させ、レイヤーにドロップシャドウを追加します。

写真から取り外されたパズルピースでのパズルを2つのバリエーションで作成

ステップ16:

次の2つのパズルピースをポリゴン・ラッソ・ツールで選択し、エッジ強調を使って最適化します。さらにオプションのエフェクトを追加するために、フォト上にまずレイヤーマスクを追加します。

写真から取り外されたパズルピースを使った2つの異なるバリエーションのパズル

ステップ17:

その後、レーゾ・ツールを使って上から下にパズルピースを選択します。

写真から取り出したパズルピースを使った2つのバリエーションのパズル

ステップ18:

今、選択範囲を黒で塗りつぶして、この部分を非表示にします。すると、端にまだパズルピースが欠けているように見えます。

写真から抜き取られたパズルピースで作ったパズル、2つのバリエーション

ステップ19:

端からさらに1つのパズルピースをマスクを介して削除します。マスク内の選択範囲を微調整するには、ブラシを使用できます。さらに、左上のパズルピースには影を追加し、塗りつぶしオプション内側にシャドウを追加します。

写真のパズルを取り出したパズルピースで、2つのバージョンを用意します。

ステップ20:

2番目の方法では、Puzzle.psdファイルが利用できないと仮定し、代わりの方法を考える必要があります。 www.sxc.huからパズルの写真を入手します。残念ながら、邪魔な画像要素がないパズルはありません。この写真を選んだ理由は、中央部分だけを削除すればよいという点です。

写真から切り取られたパズルピースを使った2種類のパズル

ステップ21:

その写真をPhotoshopに保存し、その後半分を選択します。

写真から取り外されたパズルピースを使ったパズル。2つのバリエーションがあります。

ステップ22:

今、選択範囲の中身をコピーしてCtrl+Vで貼り付けます。それからレイヤーを変形するためにCtrl+Tを押し、右クリックして水平に反転します。

写真から取り外されたパズルピースを使った二つのバリエーションのパズル

ステップ23:

次に、作業領域を拡大して、レイヤーを1つにまとめて(レイヤーパネルでShiftキーを押して選択し、Ctrl+Eを押して結合)、Ctrl+Jで複製し、Ctrl+Tでそれぞれを反転させ、空白の領域を徐々に組み合わせて1枚の大きなパズルテクスチャができるまで組み立てます(詳細はビデオで説明)。

写真から取り出したパズルピースで2つの異なるバージョンのパズル

ステップ24:

大きなパズルテクスチャをPSDファイルとして保存します(この表示はたった8.33%ですが、このテクスチャは非常に大きいことがわかります)。

写真から取り外したパズルピースを使ったパズル、2つのバリエーション

ステップ25:

次に、お好きな写真を開き、フィルターメニューに移動してテクスチャ入りを再度クリックします。その後、オプションメニューで新しいパズルPSDファイルを選択し、4000ピクセル以上の写真を使った結果が次のようになります。

写真から取り外されたパズルピースでのパズル、2つの異なるバリエーション

ステップ26:

次に、背景レイヤーをダブルクリックして通常のレイヤーに変換し、その下に白い色のレイヤーを作成します。

写真のパズルを取り出したパズルピースを使って2つのバージョンで解く

ステップ27:

ここでも、例えば ラッソ でパズルの1ピースを取り出し、両方のレイヤーに ドロップシャドウ を追加することができます。

写真から取り外されたパズルピースでのパズル、2つのバージョン

ステップ28:

25%ズーム時の画像は次のようになります:

写真から取り除かれたパズルピースを使った2つのバリエーションのパズル



私は、2つのバリエーションで写真からパズルを作成するのがそれほど難しくないことを示すことができたら嬉しいです。