修理 オンライン パズル作成サービス: 可能性の概要。 DIY知育玩具:紙とフェルトでパズルを作る 自宅でパズルを作る方法

オンライン パズル作成サービス: 可能性の概要。 DIY知育玩具:紙とフェルトでパズルを作る 自宅でパズルを作る方法

このチュートリアルでは、Photoshop で写真からパズルを作成する簡単な方法を見ていきます。 Photoshop には、この目的のために特別に作成された無料のテクスチャを備えた特別な Texturizer フィルターがあることを知っておくと便利です。 このチュートリアルでは、ペン ツールを使用します。

この写真を処理します:

パズルにすると次のようになります。

はじめましょう!

ステップ 1: 背景レイヤーのコピーを作成する

Photoshop で写真を開いたら、最初に行うことは、現在写真が含まれている背景レイヤーのコピーを作成することです。 現時点ではこれが唯一のレイヤーです。 そのコピーを作成すると、オリジナルを損なうことなくあらゆる操作を実行できるようになります。オリジナルは背景レイヤーに保存され、必要に応じて元のレイヤーに戻ることができます。 最も簡単な方法コピーを作成します - Ctrl+J (Win) / Command+J (Mac) を押します。 その後、レイヤーパネルに 2 番目のレイヤーができます。 オリジナルの背景レイヤーが一番下にあり、自動的に「レイヤー 1」という名前が付けられたコピーが上にあります。

背景レイヤーの上に新しいレイヤー「レイヤー 1」があるレイヤーパネル。

ステップ 2: 新しいレイヤーに「パズル」という名前を付けます。

Photoshop で作業するときは、レイヤーに意味のある名前を付ける習慣を付けても問題ありません。 レイヤーが数個しかない場合、これは特に必要ではないように思えますが、作業によっては 50 ~ 100、あるいはそれ以上のレイヤーが蓄積されることがあります。そのため、これらをすべて「レイヤー 1」、「レイヤー 56」、「レイヤー 83 コピー 4」と呼ぶとします。と混乱してしまうかもしれません。 「レイヤー 1」ではパズルを作成するので、レイヤー名を直接クリックして「パズル」と呼びます。

レイヤー名を「レイヤー1」から「パズル」に変更します。

Enter (Win) / Return (Mac) を押して新しい名前を入力します。

ステップ 3: 「パズル」レイヤーの下に新しい空のレイヤーを追加します

次に、「パズル」レイヤーの下に新しいレイヤーを追加しましょう(「パズル」と背景の間に配置されます)。 現在、「パズル」レイヤーがレイヤーパネルで選択されています。 これは青色のバックライトで示されます。 通常、Photoshop で新しいレイヤーを追加すると、選択したレイヤーの上に自動的に配置されるため、ここでレイヤーパネルの下部にある新しいレイヤーアイコンをクリックすると、新しいレイヤーが「パズル」レイヤーの上に表示されます。 Alt (Win) / Option (Mac) を押しながら、「新規レイヤー」アイコンをクリックします。

Alt (Win) / Option (Mac) を押しながら、「新規レイヤー」アイコンをクリックします。

Ctrl/Command キーを使用すると、現在アクティブなレイヤーの下に新しいレイヤーを追加するコマンドが実行されます。 新しい空のレイヤーがレイヤーパネルに表示されます。 これも「レイヤー 1」と呼ばれ、「パズル」レイヤーと背景レイヤーの間に位置します。

「パズル」と背景の間に新しい空のレイヤーが現れました

ステップ 4: 新しいレイヤーを黒で塗りつぶします

このレイヤーは特殊効果の背景となり、背景色を黒に設定します。 少なくとも近い将来に関しては。 つまり、レイヤーを黒で塗りつぶします。 Photoshop には、Fill と呼ばれるこのための特別なコマンドがあります。 これは、画面上部の [編集] メニューにあります。 開いたら、「塗りつぶし」を選択します。

新しいレイヤーに「背景色」という名前を付けます。

ステップ 5: 「パズル」レイヤーに戻ります

ここでパズル自体の描画を開始しますが、そのためには適切なレイヤーを選択する必要があります。 これで「背景色」レイヤーがアクティブになりましたが、「パズル」が必要なので、レイヤーパネルでその名前をクリックします。

レイヤーパネルで「パズル」を選択します

これでパズルを作成する準備が整いました。

ステップ 6: 「テクスチャライザー」ダイアログボックスを開く

チュートリアルの冒頭で述べたように、Photoshop には特別なテクスチャが存在するため、実質的に何もする必要はありません。 このテクスチャはすでにハード ドライブ上にありますが、少なくともデフォルトでは、まだ Photoshop にロードされていません。 これは自分で行う必要がありますが、まず Photoshop Texturizer フィルターを開く必要があるため、画面上部の [Filter] メニューから [Texture]、[Texturizer] の順に選択します。

フィルター > テクスチャ > テクスチャライザーを開きます

ステップ 7: 「パズル」テクスチャをロードする

大きなテクスチャライザー ダイアログ ボックスが開き、左側にプレビュー ウィンドウ、右側にフィルター オプションが表示されます。 Photoshop をインストールしたときにハード ドライブに表示された「パズル」テクスチャをロードする必要があります。 これを行うには、テクスチャ選択ウィンドウの右側にある矢印をクリックします。[テクスチャのロード] という 1 つのオプションを含むメニューが表示されます。 それを選択してください:

テクスチャ選択ウィンドウの右側にある矢印をクリックし、「テクスチャのロード」オプションを選択します。

[テクスチャのロード] ダイアログ ボックスが開き、テクスチャを選択できます。 必要な「パズル」テクスチャは、インストールした Photoshop ディレクトリにあります。 PC (Windows) では、デフォルトでこれはドライブ C です。それを開いてから、Program Files フォルダーを開きます。 その中に Adob​​e フォルダーがあり、その中に Photoshop フォルダーがあります。 フォルダーの正確な名前は、Photoshop のバージョンによって異なります。 Photoshop CS3 をデフォルトのフォルダーにインストールして作業している場合、プログラム フォルダーは C:\Program files\Adobe\Photoshop CS3 に配置されます。

Mac をお持ちの場合は、もう少し簡単です。 Photoshop フォルダーは、ハード ドライブのアプリケーション ディレクトリにあります。 ただし、フォルダーの正確な名前は Photoshop のバージョンによって異なります。
このフォルダーを見つけて開きます。 その中にはPresetsフォルダーがあります。 それを開いて、Textures フォルダーを見つけます。 インストールされているすべての Photoshop テクスチャが含まれています。 選択肢は非常に豊富ですが、特殊効果にはパズル テクスチャのみが必要です。 それをクリックし、「ロード」ボタンをクリックしてダウンロードします。

Photoshop ディレクトリで Texture フォルダを見つけて、Puzzle テクスチャを選択します

ステップ 8: テクスチャ オプションを調整する

Puzzle テクスチャが読み込まれたら、Texturizer ダイアログ ボックスの Texture オプションで Puzzle を選択する必要があります。 何らかの理由でこれが起こらない場合は、リストからパズル テクスチャを選択します。 次に、左側のプレビュー ウィンドウを使用して、テクスチャ オプションを編集します。 設定は主に次のものに依存します。 オリジナルの写真パズルのピースの希望のサイズに合わせてください。 パズルのピースをできるだけ大きくしたいので、スケーリング オプションを 200% に増やします。 下にある「レリーフ」オプションは、パズルのピースのレリーフを決定します。 値を 6 に設定しましょう。これも別の方法で行うことができます。 そして最後に、パズル上の光源の位置を決定するライト オプションです。 右上隅 (右上) を選択します。

主要なことは完了しましたが、アセンブリがまだ進行中であるかのように見えるように、いくつかの要素を削除することをお勧めします。

ステップ9: ペンツールを選択します

Photoshop のペン ツールの使用方法を理解することが重要なチュートリアルの部分に到達しました。 これは、パズルの個々のピースをトレースする必要があり、それらが非常に目立つためです。 なげなわツールや多角形なげなわツールなどの別のツールを使用してそれらを選択することもできますが、これはおそらく雑に見えるでしょう。 また、ペン ツールは曲線を描くために特別に設計されており、結果ははるかに優れています。
すでにペン ツールを十分にマスターしている場合は、このツールの仕組みを理解すれば、その操作は非常に簡単なので、このレッスンは難しくありません。 ペン ツールを使用する前に、ペン ツールを選択する必要があるため、[ツール] パネルからペン ツールを取得するか、キーボードの文字 P を押します。

ペンツールの選択

ステップ 10: オプションパネルで「パス」を選択します。

ペン ツールを選択した状態で、画面上部のオプション バーでパスが選択されていることを確認します。ベクトルやピクセルベースの形状ではなく、パスを描画するためです。

オプションパネルで「パス」を選択します

ステップ 11: パズルのピースの周囲に輪郭を描きます

ペン ツールを使用して、パズルのピースをなぞります。 あたかも写真からそれを切り取ったかのようで、それが写真の上空に浮かんでいて、今にも定位置に収まりそうな感覚を生み出します。 任意の作品を選択してください。 少年の右目の上にあるものを見てみましょう (見る人にとっては左側にあります)。 完全なアウトラインが完成するまで、アンカー ポイントと方向マーカーを追加しながらトレースします。 Ctrl+スペースバー (Win) / Command+スペースバー (Mac) を押すとズームインできます。ズーム ツールが一時的にアクティブになり、部分を数回クリックするだけでズームインできます。 便利なサイズ。 おそらく、スクリーンショットでは輪郭があまり見えないので、丸で囲みます。

ステップ 12: パスを選択範囲に変える

1 つの部分の周囲に輪郭を描いたら、Ctrl+Enter (Win) / Command+Return (Mac) を押します。 これで、実線のパスが選択パスに変わりました。

ステップ 13: 選択した部分を別のレイヤーに転送します

「パズル」レイヤーから選択したパズルのピースを切り取って別のレイヤーに移動します。その後、「パズル」レイヤーの所定の位置に穴が残ります。 「パズル」レイヤーはレイヤーパネルで選択されたままになっている必要があります。 画面上部の「レイヤー」メニューから「新規」と「カットによるレイヤー」を選択します。

レイヤーを開く > 新規 > カットによるレイヤー

選択範囲が「パズル」レイヤーから切り取られ、「パズル」の上のレイヤーパネルに表示される独自のレイヤーに移動されます。 この作品は現在、次の場所にあります 上層、Photoshop ではこれを再び「レイヤー 1」と呼びます。 新しい名前「最初のパズルのピース」を付けます。

丸で囲まれたパズルのピースが、「パズル」レイヤーの上の独自のレイヤーに配置されます。

ステップ 14: 自由変形を使用してパズルのピースを移動および回転する

パズルのピースがはまるように配置してみましょう。 走る Photoshop ツール Ctrl+T (Win) / Command+T (Mac) を押して自由変形すると、パズル ピースの周囲にハンドル付きの四角形が表示されます。 この長方形の外側をクリックして回転させます。 次に、長方形の内側をクリックし、マウスを使用して別の場所に移動します。 この作品がどこに属しているのかを視聴者に明確にしたいため、回転させすぎたり、遠ざけすぎたりしないでください。

以前この部分があった領域が黒く塗りつぶされていることに注目してください。 これは、「パズル」レイヤーに穴を開け、そこから黒い「背景色」レイヤーが透けて見えるためです。

完了したら、Enter (Win) / Return (Mac) を押して変更を受け入れ、自由変形を終了します。

ステップ 15: 影を追加する

切り抜いたピースをよりボリューム感を持たせ、パズルの上で空中に浮いているように見せるには、影を追加します。 [レイヤー]パネルの下部にある[レイヤースタイル]アイコンをクリックし、表示されるリストから[ドロップシャドウ]オプションを選択します。

レイヤースタイルの一覧から「ドロップシャドウ」を選択します。

[レイヤー スタイル] ダイアログ ボックスが開き、中央の列にドロップ シャドウ オプションが表示されます。 暗すぎないように影の不透明度を60%程度に下げましょう。 [グローバル ライトを使用する] のチェックを外し、角度を 120° に設定します。 「距離」を約 16 ピクセルに、「サイズ」を約 16 ピクセルに増やします。 いつものように、どの場所でも、 特定のケースこれらの指標は異なる場合があります。

ステップ 16: 再度「パズル」レイヤーに移動します

いわば、パズルから 1 つのピースを切り出したのです。 もう一方を完全に削除することをお勧めします。 「Puzzle」レイヤーが選択されているはずです - レイヤーパネルでその名前をクリックします。

ステップ 18: パスを選択範囲に変える

前回と同様に、「Ctrl+Enter」 (Win) / 「Command+Return」 (Mac) を押して、アウトラインから選択します。

選択範囲のアウトラインを削除するには、Ctrl+D (Win) / Command+D (Mac) を押します。 1 つの部分を削除すると、次の結果が得られます。

さらにいくつかのピースを削除します。写真の上に浮いたままにするか (ステップ 11 ~ 15)、完全に削除します (ステップ 16 ~ 19)。 新しいピースを切り取るか削除するときは、必ず「パズル」レイヤーに戻ってください。

パズルは成長に役立ちます 精神的思考、論理、想像力、創造性。 パズルは、いくつかの部分を組み合わせて 1 つの全体を形成する、魅力的で教育的なタイプのパズルの 1 つです。 パズルを集めるのは子供だけでなく大人にとっても興味深いものです。

さまざまなパズルの膨大な選択肢がありますが、パズルもそのひとつです 特別な場所。 世界を探検し始めたばかりの赤ちゃんでも遊べます。

お子様と一緒に自分の手でパズルを作れば、さらに楽しくなります。

最も重要なものの 1 つ 簡単なオプション 2~3歳のお子様でもできるパズルです。

必要になるだろう: 白い紙皿、明るいマーカー、はさみ。

作品の説明: プレートに任意のデザインを描きます。 次に、それをいくつかの部分に切ります。 これで、自分の手でパズルが完成しました。

別の 興味深いオプション– からのパズル マッチ箱.

必要になるだろう: 一定数のマッチ箱(偶数)、 ホワイトリストまたは 白いペイント(ぬり絵箱用)、絵を描くための絵の具または鉛筆、はさみ、接着剤。

作品の説明: まずそれを貼り付ける必要があります マッチ箱白い紙または白い絵の具でペイントします。 乾燥後、正方形または長方形の特定の形状に箱を組み立て、その上に任意のデザインを描きます。 好きなデザインを貼り付けたり、ボックスを切り取ったりすることもできます。


アイスキャンディーのスティックパズル。 必要になるだろう: アイスクリームスティック、描画、テープ、はさみ、PVA 接着剤。 作品の説明: スティックを並べてテープで固定します。 反対側には図面を接着します。 乾燥後、パターンの付いたスティックを切り取ります。

スティックに絵を描いたり、スティック自体にペイントしたりすることができます。


最も簡単な方法は、好みのデザインをいくつかのパーツにカットすることです。 強度を高めるために、テープで事前に接着しておくこともできます。 しかし、より多くの 難しい選択肢パズルは立体パズルです。


小さなお子様向けには、布やフェルトでパズルを縫うことができます。 これらは赤ちゃんの最初のパズルになるかもしれません。

興味深いオプション:カーペットから作られたパズル。ゲームと床の両方に使用できます。 もう一つのオプションは枕パズルです。 そのような枕は誰も無関心ではありません。

長い間使わなかったり、紛失したりする不要なパズルが家にたくさんある場合。 彼らから何ができるのか オリジナルモザイク。 これは不要なものの第二の人生になります。

モザイクの場合は、最初にパズル要素をペイントする必要があります。 異なる色。 次に、装飾やデザインを組み立てます。


パズル要素から作られたクリエイティブなペンダントやイヤリングについてどう思いますか?


パズルを組み合わせて 1 枚の絵を作るという活動に出会ったことがない人はいないでしょう。しかし、インターネットでダウンロードした画像や、自分の手で作った写真から自分でパズルを作ってみたらどうなるでしょうか? 小さな子供を持つ親にとって、何か新しいもので同時に役立つもので子供を楽しませるために、これがどのように行われるかを知ることは非常に役立ちます。 それでは、花の写真からパズルを作り始めましょう。 このタスクを開始する前に、パズルと呼ばれる Photoshop 用のテクスチャをダウンロードする必要があります。

テクスチャを含むアーカイブをダウンロードした後、解凍して Photoshop を開きます。 パズルに変換する画像を開きます。

図に示すように、レイヤー ウィンドウで、マウスの左ボタンを使用してイメージ レイヤーのロックをダブルクリックします。

開いたウィンドウで「OK」をクリックします。 「フィルター」タブに移動し、「テクスチャ」を選択してから「テクスチャライザー」を選択します。

開いたウィンドウで、図に示されているアイコンをクリックしてテクスチャをロードします。

それでは、パズルを作成するプロセスに進みましょう。 画像から作成するパズルのおおよその数を決定します。 作成するパズルの数を減らすには、「スケール」パラメータの値を増やす必要があります。 そして、「Relief」パラメータを増やすことで、より顕著なレリーフを作成します。

パズルの準備は完了しましたが、処理の目的がパズルを作成するだけでなく、画像にパズルの効果を与えることである場合は、パズルを少し分解する必要があり、画像が少し組み立てられていません。 これを行うには、「Rectilinear Lasso」または「Pen」ツールのいずれか使いやすい方を使用し、個々のパズルを選択します。

パズルを選択したら、「編集」タブに移動して「切り取り」を選択し、このタブで「貼り付け」を選択します。

パズルが新しいレイヤーに表示され、画像内の任意の場所に移動できるようになりました。 これを行うには、「編集」タブで「変換」を選択し、次に「スケーリング」を選択します。

パズルに傾きを与えたり回転させたりするには、「変形」セクションの「編集」タブで「回転」を選択します。

画像の端に沿ってパズルを完全に切り取ることができ、より印象的なものになります。

カットエッジが鮮明にならないようにするには、ぼかしツールを使用してエッジを処理します。

さらにいくつかのパズルを切り取って画像に貼り付け、切り取った領域の端を再度処理して、パズルを画像全体に少し散らします。

次に、「レイヤー」タブの「新規」をクリックし、「レイヤー」をクリックして新しいレイヤーを作成します。 マウスの左ボタンを押したまま、レイヤー ウィンドウのパズル レイヤーの下にレイヤーをドラッグして、このレイヤーをパズル画像の下に配置します。

子供向けのパズルは、非常にエキサイティングな教育ゲームです。 パズルを組み立てるとき、子供は部分を分析し、比較し、組み合わせて全体を作ることを学びます。 私たちのウェブサイトでは、子供向けのパズルを自分で作ることを勧めています。 これを行うには、多くの時間や労力を費やす必要はなく、多額の費用を節約できます。

このセクションでは、 24 のパーツからなる、3、4、5 歳の子供向けのカラフルなパズル。

無料で印刷できる子供向けのカラフルなパズル

無料で印刷できる子供向けのカラフルなパズル

自分の手でパズルを作る方法

自分の手でパズルを作成するには、アーカイブをダウンロードし、パズルが含まれるファイルを選択し、印刷し、段ボールに貼り付け、テープで覆い、線に沿って画像を小さな断片に切ります。

子供がハサミの使い方が得意な場合は、自分でパズルを切り取らせてください。 たとえスムーズにカットできなくても、絵はうまく仕上がります。

赤ちゃんが好きなことをするなら アップリケ, 次に、パズルのピースを紙に貼り付けて全体の絵を作るように彼に勧めます。 そうすれば、画像が描かれたシートをボール紙に貼り付ける必要はありませんが、単に小さな部分に切って、子供にそれらを貼り合わせてもらいます。

自分の手で子供向けのパズルを作るプロセスが写真に示されています。 頑張って!

パズル付きファイルを印刷する

シートをボール紙に貼り付け、その上からテープで覆います

パズルのピースを切り出し始めましょう

子供向けのカラフルなパズル

子供向けのカラフルなパズル

子供向けのカラフルなパズル

子供向けのカラフルなパズル

子供向けのカラフルなパズル

準備を進めながら、出版物に続き、新しい開発資料を投稿していきます。

このサイトでは、あらゆる年齢の子供向けのパズルも提供しています。

  1. 非常に小さなお子様向け
  2. 民話を題材にしたパズル
  3. 2、3、4 歳の子供向けの大きなパズル
  4. 2、3、4、5 歳の子供向け、パズル
リンク: http://www.jigsawplanet.com/

このサイトでは、登録なしで任意の画像から独自のパズルを作成できます。 ジグソー プラネット Web サイト自体で収集することも、訪問者がプレイできるようにパズル コードを Web サイトに挿入することもできます。

英語のサービスなので、パズルの作成手順を詳しく見てみましょう。

  • ページ http://www.jigsawplanet.com/ にアクセスし、上部のボタンをクリックします。 作成する(作成する)
  • ボタンによる 画像レビューコンピューター上で画像を選択し、それに基づいてパズルを作成します

  • フィールド内 名前パズル名をラテン文字で指定するか、そのままにしておきます
  • 分野 ピース— は、パズルが構成されるピースの数を示すことを目的としています。 パーツの数が少ないほどパズルは大きくなり、簡単になります (Easy)。逆にパーツの数が多いほど、パズルは複雑になります (Hard)。 デフォルトでは、プログラムは 35 のパートを提供します
  • 分野 図面を分割する断片の形状を選択することを目的としています。
  • チェックボックス 回転(回転)パズルはより難しくなります。 チェックボックスをオンにすると、パズルを開くたびに数字が混合されます。
  • タグ— 入力用のオプションのフィールド キーワード、他のユーザーがあなたのパズルを見つけることができるように、スペースで区切られています。 たとえば、トラがいる写真のタグ: 動物、トラ
パズルを作成するには、ボタンをクリックします。 作成する(作成する)。

この後、作成したパズルが含まれるページに移動し、マウスで断片を「取得」し、適切な場所に「投げる」ことで、すでにパズルの解決に進むことができます。 ピースを右クリックすると、それが裏返されます。

このページでは、ボタンがロシア化されています。作業フィールドを全画面に拡大したり、組み立て中の画像を表示したり、パズルを組み合わせたり、背景を変更したり、最初からやり直したりすることができます。

このパズルを Web サイトにインストールするか、転送するには ソーシャルメディア「共有」ボタンをクリックしてゲームを共有する必要があります。 Web サイトにインストールするには、[共有 - 埋め込み] を選択すると、共有設定ページが開きます。


いくつかのオプションがあります。
  • 画像 + テキストリンク(Web サイトには、パズルのあるサービス ページへの画像とテキスト リンクが表示されます) には 3 つの設定があります。
リンク付きの画像 - 画像をクリック可能になります、個数 - 表示される個数、リンク付きのテキスト - テキストリンク。 パズルを Web サイトにインストールするには、以下の Web サイトをページにコピーします。

  • URLアドレス(パズルのあるサービス ページへのテキスト リンクが Web サイトに表示されます)。

  • ゲーム— 最も興味深いのは、パズル コードが Web サイトのページに埋め込まれていることです。 コピーしたコードの次の行で幅と高さを調整できます: width - サイト上のゲームフィールドの幅、height - 高さ。 パーセンテージまたはピクセルで指定できます。 コードをコピーします 適切な場所ウェブサイトのページに。

これは、私たちのウェブサイトにパズルを配置した例です - プレイ >>>

ロシアのパズル作成サービス Puzzle It

リンク: http://puzzleit.org/


このサービスはロシアのものであるため、誰がパズルを完了した回数、誰がコメントを残したかなど、パズルの評価を確認するのは難しくありません。


このサービスには、続行できるようにビルド結果を事前に保存する機能があります。 自動保存は 10 分ごとに行われます。

その他のパズル作成サービス

また、以前、自分の写真からパズルを作成できるだけでなく、他のコンピュータに転送するためにゲームを Flash 形式で保存できるプログラムがコンピュータにインストールされていることに気づきました。 残念ながら、オンラインサービスの中でそのような機会は見つかりませんでした。 そんなサービスをご存知ですか?

写真出典:
http://fotopirogi.ru/menyu-2/nachinka/page_1.html
http://www.dostup1.ru/society/society_29910.html



サイトの新着情報

>

最も人気のある