Photoshopでパターン入りの線やテクスチャ入りの線を作成する方法

Photoshopとそのツールや機能を使用すると、あらゆる用途のグラフィックのデザインをより魅力的にすることができます。アートは、魅力的なものを作るために配置された線で構成されています。これはグラフィックにも当てはまり、そのため線を引きつける方法を学ぶことが重要です。Photoshopでパターン入りの線を描く方法を学ぶことは、非常に重要なスキルです。

Photoshopでパターン入りの線やテクスチャ入りの線を作成する方法

Photoshopでパターン入りの線やテクスチャ入りの線を描くことは、アートワークに独自性を追加することでもあります。人はパターンについて異なるアイデアを持ち、それらをカスタマイズすることができます。パターン入りの線を描く方法は2つあり、この記事で両方について説明します。

  1. Photoshopでドキュメントを開く
  2. 線を描く
  3. レイヤーのスタイルオプションを使用してパターンを追加する
  4. ストロークを使用してパターンを追加する
  5. 図形を使用してパターン入りの線を作成する

1] Photoshopでドキュメントを開く

この最初のステップを意図的にPhotoshopでドキュメントを開くと名付けました。これは、場合によってはパターン入りの線が新しいドキュメントで作成されるか、すでに作成されているドキュメントに追加されるためです。

新しいドキュメントを開く

新しいドキュメントを開くには、Photoshopを開き、[ファイル]、[新規]の順に移動するか、Ctrl + Nを押します。新しいドキュメントのオプションウィンドウが開き、ドキュメントに必要なものを定義できるようになります。確認したら、[OK]を押します。

既存のドキュメントを開く

既存のドキュメントを開くには、Photoshopを開き、[ファイル][開く]の順に移動するか、Ctrl + Oを押します。ドキュメントを見つけてPhotoshopにドラッグすることもできます。ドキュメントを見つけてダブルクリックするか、右クリックして[プログラムから開く][Adobe Photoshop(バージョン番号)]を選択することもできます。

キャンバスが準備されたり、既存のドキュメントが開かれたら、パターン入りの線を作成する時です。

2] 線を描く

線を描くには、左側のツールバーに移動して、[線]ツールを選択します。[線]ツールは、[長方形ツール][角丸長方形ツール]などと同じグループにあります。[線]ツールを選択してキャンバスに移動し、プライマリマウスボタンをクリックして押し続け、ドラッグして線を作成します。線の直線性を確認したい場合は、ドラッグ中にShiftキーを押します。

長方形ツールをクリックしてからキャンバスをクリックして、線を作成することもできます。[長方形を作成]ダイアログボックスが表示されます。長方形に必要な寸法を入力し、[OK]をクリックして確認し、長方形を作成します。

線をより目立たせる

デフォルトでは、線は細く、前景の現在の色になります。上の画像は、描かれたばかりの線で、H(高さ)の値は1pxです。

線がまだ選択されていて、[線]ツールがまだアクティブな状態で、トップメニューバーにメニューが表示されます。ここでは、線の塗りつぶしの色ストロークの色太さ(厚さ)などを変更できます。

H(高さ)の値ボックスに移動して、値を線の太さを大きくする数値に変更することができます。新しい値を入力してEnterキーを押すと、線の高さが大きくなります。上の線の高さの値は10pxです。

W(幅)に大きな値を選択して、線の長さを変更することもできます。目的の値を入力してEnterを押すと、長さが変更されます。

3] レイヤーのスタイルオプションを使用してパターンを追加する

線が大きくなったら、パターンを追加する時が来ました。

レイヤーのスタイルを使用して、Photoshopのデフォルトのパターンを線に追加できます。パターンを追加するには、レイヤーパネルに移動し、線のレイヤーを右クリックして、表示されるメニューのブレンドオプションをクリックします。レイヤースタイルウィンドウが表示されたら、パターンオーバーレイという文字をクリックします。

パターンオーバーレイのオプションに移動して、目的のパターンを選択します。他のスタイル名をクリックして、線にスタイルを追加できます。ただし、この記事ではパターンが焦点であるため、パターンのみが追加されます。

パターンをより目立たせるために、線をはるかに太くします。線の高さは30pxで、パターンはより目立ちます。

そのリストのパターンが気に入らない場合や、さらに追加したい場合は、追加できます。パターン見本をクリックしてパターンを表示するだけです。パターン見本の右上に小さな歯車アイコンが表示されます。クリックしてメニューを表示します。下にスクロールして、自然パターンなどの新しいパターンカテゴリを選択できます。

目的のパターンをクリックすると、新しいカテゴリで現在のパターンを使用するかどうかを尋ねられます。OKをクリックして置き換えるか、追加をクリックして古いパターンを保持し、新しいパターンをリストに追加するか、キャンセルをクリックして変更せずに閉じます。

使用可能なカスタムパターンが必要な場合は、同じメニューをクリックして、ダウンロードまたは作成したパターンを読み込むことができます。

パターンメニューにいる間は、パターンの不透明度とサイズを変更できます。パターンの不透明度を変更するには、不透明度スライダーを上下にドラッグするか、値を入力します。パターンのサイズを変更するには、スケールスライダーを左右にドラッグするか、値ボックスに数値を入力します。すべて完了したら、[OK]を押してパターンのオプションを保持し、レイヤースタイルオプションウィンドウを閉じます。

4] ストロークを使用してパターンを追加する

線ツールが選択されている状態で、トップメニューバーに移動して、線のオプションバーを探します。まだない場合は、線に塗りつぶしの色を追加します。その後、ストロークの色も適用します。ストロークが追加されたら、ストロークの種類を破線または点線に変更します。ストロークは線にパターンを形成します。パターンは線が太くなるほどはるかに明確になり、線が太くなるにつれてデザインが変わります。

これらはさまざまな高さの線です。最初の線は5px、次の線は10px、2番目の線は20px、他の30px、最後の40pxです。最初の2つの線には破線が表示されていませんが、破線があることに注意してください。

これにより、線にパターンを描く方法は非常に信頼性が低くなります。線が細すぎるとパターンは表示されず、破線は使用されます。ただし、5pxの場合でもドットは表示されます。

5] 図形を使用してパターン入りの線を作成する

パターン入りの線を作成するこの方法は、図形を使用します。具体的には、長方形または正方形です。この方法は非常に簡単です。図形を使用してパターン入りの線を作成するには、左のツールパネルに移動して、長方形ツールを選択します。長方形ツールは線ツールと同じグループにあります。長方形ツールを選択して、キャンバスに長方形を描きます。

画面をクリックして長方形を描画することもできます。長方形を作成するオプションボックスが表示されます。測定値を入力して[OK]をクリックするだけで、長方形が作成されます。長方形は、線を引き伸ばしたり太くしたりするために調整できます。長方形のサイズを調整するには、長方形をクリックしてCtrl + Tを押して、長方形の周りの変形ボックスを表示します。

長方形の上部または下部のハンドルを保持して、長方形を太くするか薄くするかによって、上下に引っ張ります。調整する間は、Shift + Altを押しながらドラッグします。

長方形の線にパターンを追加するには、長方形を選択してレイヤーパネルに移動します。長方形レイヤーを右クリックして、メニューが表示されたらレイヤースタイルを選択します。

パターンオーバーレイという文字をクリックして、長方形にパターンを追加します。パターン見本の横にある下矢印をクリックして、目的のパターンを選択できます。完了したら、[OK]を押してパターンを確認します。

これは、長方形で作られ、パターンで覆われた線です。

注: 図形または線を描くたびに、ここで使用した線、ストローク、塗りつぶしの設定がデフォルトになります。

Photoshopにカスタムパターンを追加できますか?

カスタムパターンを作成してPhotoshopに追加できます。Photoshopでパターンを作成するか、Photoshopに画像を配置して、画像全体または一部をパターンとして使用できます。画像の準備ができたら、長方形選択ツールで画像またはその一部を選択します。画像またはその一部が選択されたら、編集パターンの定義の順に移動します。パターン名オプションボックスが表示されます。パターンに名前を付けて、OKをクリックします。アートワークにパターンを追加したいときはいつでも、パターン見本でパターンを使用できます。

Photoshopでオブジェクトにパターンを追加するにはどうすればよいですか?

Photoshopのオブジェクトにパターンを追加するには、オブジェクトを選択して、レイヤーパネルで右クリックします。メニューが表示されます。ブレンドオプションをクリックします。レイヤースタイルウィンドウが表示されます。パターンオーバーレイという文字をクリックします。パターン見本が表示されます。パターン見本の横にあるドロップダウン矢印をクリックして、選択できる追加のパターンを表示します。