Adobe Photoshopでグリッドをすばやく簡単に作成する方法は?


32

Photoshopでグリッドを描画する必要があるとします。各正方形は同じサイズで、一定量の高さと幅のピクセルで、グリッド線は特定のピクセル幅を持っています。このような:

ここに画像の説明を入力してください

現在、これを行うには、1つの正方形を描画し、それを数回コピー+貼り付け+移動+マージして1つの行を作成し、それを数回コピー/貼り付けてさらに多くの行を作成します。

それは動作しますが、非常に不器用に感じます。これを行うには、より効率的な方法があるはずです。

同じサイズの正方形のグリッドを作成するためのいくつかの効率的な方法は何ですか?


3
Illustratorをお持ちの場合は、そこで行います。これを参照してください:graphicdesign.stackexchange.com/questions/16869/…-単にPhotoshopにコピー/貼り付けしてください。
スコット

回答:


61

パターンを使用してみてください。正方形の例:

最初の正方形を描いて、上部と左側のみを含む小さな正方形を選択します。次にEdit > Define Pattern...、パターンを選択して名前を付けて保存します。

次に、塗りつぶす領域をマーキー選択します。次にEdit > Fill...Use: Patternを選択し、正方形パターンを選択して選択します。

ここに画像の説明を入力してください


完全に適合するという点で、半分のセルがないようにするにはどうすればよいですか?
小さな小さな男

1
上記の例では、情報パレットを使用してグリッドサイズを測定しました。この場合、86pxでした。「ハーフセル」なしでキャンバスをタイル表示する場合は、キャンバスの寸法に均等に乗算する値を使用します。
アレックスブラックウッド

さて、選択した四角形を描画するレイヤーがあり、マーキーがすべて設定されていますが、[編集]> [パターンの定義]は無効なメニュー選択です。困惑。
デイブマンガー

6

設計中に利益のためだけにグリッドを作成しようとする場合、これを効率的に行うGuideGuideという名前の拡張機能があります。

グリッドをデザインの一部にする必要がある場合は、マーキーツールを使用して線を作成し、必要に応じて何度でも複製し、Layer >> Distributeオプションを使用してそれらを完全に均等にすることをお勧めします。


2
  1. セレクトフォトショップ→設定→ガイド、グリッド&スライス。

  2. 必要に応じてグリッドを定義します

  3. ビュー→表示→グリッドを選択します; エキストラを確認してください

  4. ビューをチェック→グリッドにスナップ; 次にスナップを確認します。

  5. まだ表示されていない場合は、[ パス]ウィンドウをオンにします。Horizo​​ntalという新しいパスを作成します

  6. 使用ペンツールを(P)。グリッドの上部に水平線分を定義します。最初に左側をシングルクリックし、次に右側をクリックします。

  7. パス選択ツール(A、黒い矢印)を使用します。パスをクリックし、オプションAlt)を押してオブジェクトのコピーを作成します。

  8. verticalという別の新しいパスを作成します

  9. 使用ペンツールを(P)。左側のグリッドの垂直線セグメントを定義します。最初に上部をクリックし、次に下部をクリックします。

  10. パス選択ツール(A、黒い矢印)を使用します。パスをクリックし、オプションAlt)を押してオブジェクトのコピーを作成します。

  11. グリッドの新しいレイヤーを作成します(オプション)。それ以外の場合、グリッドはアクティブなレイヤーに描画されます。

  12. パレットウィンドウ→ 水平パスを選択し、オプションサブメニューからストロークパス(前景色を使用)を選択し(パレットウィンドウの右上隅にある3本の線の付いた小さな三角形をクリックします)、ブラシまたは鉛筆を選択します。

  13. 前の手順を繰り返して、垂直パスをストロークします。


1
これは、このように行うには膨大な量の作業です。
エヴァン・カースレイク

実際、それは私にとって非常に迅速でした。(ピクセルではなく)パスのグリッドを作成するより良い方法はありますか?非常にきちんとグリッドにスナップします。ありがとう!
emrys57

2

PSファイルを新しいレイヤーとして作成し、サイズとスケールに合わせてトリミングしました。これは一部のユーザーにとっては高解像度ではありませんが、非常に迅速であり、私のニーズに合っていました。


2

[表示]タブの新しいガイドレイアウト

これにより、新しいウィンドウプリセットが開きます-必要に応じて列または行を何度もチェックまたはチェック解除するために、ガイドレイアウトを保存、ロード、および作成できます「プレビュー」をチェックすることをお勧めします=生成されたガイド間の距離ガター=ガイド間のスペースマージン=デザインに必要なマージンを設定します。上、左、下、右の値を入力できます

中央の列と明確な既存のガイドも選択できます

これはPhotoshop CC 2015.5用です

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.