Photoshopでシームレスな背景パターンを作成する方法-blog.icons8.com
シームレスなパターンは、ウェブサイトやアプリケーションからTinderの写真まで、あなたが想像できる任意の背景に適用することができます。
このhowtoでは、Photoshopで作成できるラスターパターンについて説明します。 あなたはベクトルを好む場合は、代わりに、このチュートリアルをチェックしてください。
ミッションを実行するために必要なもの
1. アドビフォトショップ。 あなたはこのチュートリアルに出くわした場合,チャンスは、あなたがすでにこのプログラムを持っていることが高いです. しかし、念のために、ここに無料のテスト版をダウンロードするためのリンクがあります。
2. デスクトップ用のicons8。 これは、アイコンの多くを含む無料アプリだとPhotoshopでうまく動作します。
3. あなたのパターンに必要なアイコンやその他の画像。 私たちは、このチュートリアルのために私たちの自然のアイコンを取りました。 参考までに、彼らは任意のサイズのPNGで無料ですので、あなたのアカウントに保存し、同様にパターンのためにそれらを使用することができます。
Photoshopでパターンを作成するための8つのステップ
パターンのベースを作る
幅と高さが等しい任意のサイズの新しいファイルを作成します。 私たちの場合、各辺は200pxです。
アイコンを追加
アイコンをデスクトップ用のIcons8（またはその他のアイコン）からPhotoshopファイルにドラッグアンドドロップします。 私たちは、カニ、魚、ピエロの魚、そしてタツノオトシゴのために行ってきました。
モノクロのアイコンを使用する場合は、異なる色でそれらを必要とする場合があります。 PhotoshopでPNGアイコンの色を変更する方法は次のとおりです。
各アイコンを別々のレイヤーに配置
Enterキーを押してアイコンの貼り付け処理を終了します。 あなたはもう黒のフレームが表示されなくなるまで、必要に応じて何度もそれを押す必要があります。
最後に次のようになります。
今、各アイコンはあなたのファイル内の独自のレイヤー上にあります。
最初のレイヤーを設定する
レイヤーパネルで一つのレイヤーを選択し、フィルタ>その他>オフセットに移動します。
パラメータを水平と垂直をファイルの横の長さの半分に設定します。 あなたの正方形の幅と高さを覚えていますか？ これらはあなたが必要とする2つの設定です。
ファイルのサイズは200x200pxなので、両方のパラメータに100pxを設定します。 ポップアップウィンドウの下部にある[Wrap Around]オプションにチェックを入れてください。 [OK]をクリックします。 最初のレイヤーが完了します：
第二のレイヤーを設定
レイヤーパネルで別のレイヤーを選択します。 次に、Filter>Other>Offsetに移動します。
水平を0pxに設定し、OKを押します。
第三のレイヤーを設定
さらに別のレイヤーを選択し、フィルタ>その他>オフセットに移動します。 次に、水平値と垂直値を反転します。 私たちの場合、水平は100px、垂直は0pxになります。 [OK]をクリックします。
今、我々は準備ができてパターンタイルを持っています。
レイヤーをマージ
レイヤーパネルで背景を除くすべてのレイヤーを選択し、ホットキーの組み合わせCtrl+Eを使用します。
パターンを作成する
まず、もう一つのホットキーの組み合わせCtrl+a（すべて選択）を使用します。
次に、>パターンの定義の編集に移動します。
名前を付けてOKを押します。 タダ！ あなたのパターンは準備ができています！
パターンを適用する方法
あなたはパターンを持っています、大丈夫です。 今のは、バックグラウンドでそれを使用する方法を見てみましょう。
新しいファイルを作成します
結果を確認するには、パターンタイルよりも大きくします。 私たちは800x600pxです。
パターンオーバーレイを選択します
レイヤーパネルの背景をダブルクリックします。 ポップアップウィンドウで”OK”をクリックします。
レイヤーに移動>レイヤースタイル>パターンオーバーレイ:
ポップアップウィンドウで新しく作成したパターンを選択し、OKをクリックします。
あなたのパターンをお楽しみください！
Photoshopのテクスチャを持つソース
- Fixthephoto。com
続きを読む
- Adobe Illustratorでクリスマスの背景パターンを作成する
- PhotoshopでPNGアイコンを再色付けする方法
Icons8チームによるクリエイターのための無料ツールを試してみてください
また、無料のベクトルソフトウェアと無料の写真編集ソフトウェアのリストを取得します。