Photoshop のグリッド機能は、Web や印刷物のレイアウトデザインを支援する素晴らしいツールです。 スナップ」を追加すると、グリッドの線に沿ってオブジェクトを非常に正確に配置することができます。 また、デザインするたびに新しいグリッドを作成するのではなく、再利用可能なグリッドプリファレンスを設定することができます。 新しいドキュメントを作成します。 1024×768ピクセルのモニター解像度でデザインする場合、新しいドキュメントを幅960ピクセル、高さ768ピクセルで設定します。
2.グリッドを追加するために、［表示］>［表示］>［グリッド］を選択します。 すぐに新しいドキュメントにグリッドが表示されます。
いくつかの太い線があり、その間に小区画と呼ばれる細い点線があることに気がつくと思います。
この時点でグリッドをそのままにしておくこともできますが、いくつかの環境設定を行うことにより、グリッドの線がどのように見えるか、互いにどのくらい離れているか、主グリッド線の間にいくつのサブディビジョンが表示されるかなどを設定し、よりコントロールすることができます。 すると、下図のような［環境設定］ダイアログボックスが表示されます。 (注意: 私は CS3 を使用しています。以前のバージョンでは少し違って見えるかもしれませんが、グリッドに関する同様のオプションがあります。)
グリッド線に使用する色を選択します。 また、スタイルも選択でき、線、破線、または点から選択できます。 線 が強すぎる場合、点 オプションを使用するとよいでしょう (下記参照)。グリッド 環境設定で、960 ピクセル ドキュメント全体に 12 列のグリッドがある場合、「グリッド線間隔」オプションで 80 ピクセルに設定します。 OK] をクリックすると、グリッドが配置されます。
スナップスナップ機能を有効にすると、レイヤー、テキスト、および基本的にあらゆるオブジェクトを整列させることができます。 これをオンにするには、[表示] > [スナップ]を選択します。 このオプションが選択されている場合、その横にチェックマークが表示されます。 次に、[表示] > [スナップ] > [グリッド]を選択します。 これが選択されると、オブジェクトがグリッド上でクリックまたはスナップされることがわかります。 スナップが煩わしい場合は、［表示］-［8740］-［スナップ先］-［8740］-［グリッド］を再度選択して、スナップ機能をオフにしてください。
デザインを終えたら、表示 > 表示 > グリッド、または Ctrl+; (pc) か Cmd+; (Mac) でグリッドを隠して、美しいデザインに感嘆するのみです。 それとも Web からダウンロードしましたか?
この投稿を楽しんでいただけたなら、新鮮なスキルとテクニックを巨匠から学ぶ場である Learnable が好きになるでしょう。 メンバーは、SitePoint のすべての電子書籍と、Foundations of Photoshop などのインタラクティブなオンライン コースにすぐにアクセスできます。