MILK2016/12/8更新Photoshopでグリッドの設定と表示をさせる方法タイトルとURLをコピーPhotoshopには、キャンバスや画像上にグリッドを表示させることができる機能があります。グリッドを表示させることで、オブジェクトやテキストを簡単に正確に配置することが可能です。綺麗なレイアウトを作るには不可欠な機能なので、使い方を覚えておくと良いでしょう。今回は、Photoshopでグリッドを表示させる方法について、紹介します。グリッドを表示させるPhotoshopで画像を開くか、新規ファイルを作成したら、メニューバーの表示をクリックし、表示・非表示からグリッドを選択してください。グリッドを表示させることができました。グリッドの設定を行うメニューバーのPhotoshopを押して、環境設定からガイド・グリッド・スライスを選択してください。環境設定のウインドウが開きます。グリッドの項目をみると、線の色、種類などが変更できます。ガイドと併用する場合は、それぞれ判別しやすいように、色が同じにならないようにしましょう。カラーをサーモンピンク、線を1px、スタイルを点線に設定してみると画像のようになります。1pxにするとWebデザイン制作に便利ですね。破線だと下図のようになります。画像のものは500pxの分割数が4になっています。線の設定はリアルタイムでプレビューされるので、画像や背景の色に合わせて、見やすいグリッド設定にカスタマイズして使ってください。まとめグリッドの設定と表示方法について、紹介してきました。このグリッドを参考にガイドラインを引いて、オブジェクト配置などを行えば、作業も効率的になります。グリッドを上手く活用していきましょう。ガイドについては、以下の記事を参考にしてください。MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。