У графічному редакторі Photoshop є відмінний засіб зване сіткою. Сітка допомагає точно розташувати будь-якої об'єкт при його переміщенні або створенні. Найбільше в цій функції потребують веб-дизайнери. Для того щоб включити (відобразити) сітку в випадаючому меню виберіть Перегляд -> Показати -> Сітку (View-> Show -> Grid). Або поєднання клавіш Ctrl + Е. Точно таким же чином можна її моментально відключити сітку.
За замовчуванням сітка будується з ліній, відстань між якими 2 см (крок сітки) і, в той же час, це відстань ділиться ще на 4 частини точковими лініями. Ці настройки, звичайно ж, можна поміняти. У меню виберіть Редагування -> Установки -> Напрямні, сітка та фрагменти (Edit -> Preferences -> Guides, Grid & Slices). Або поєднання клавіш Ctrl + K і Ctrl + 8.
У третьому блоці Сітка (Grid) змініть значення полів на необхідні. А веб-дизайнерам варто ще нагадати, що найкраще використовувати пікселі як одиниці виміру.
Щоб включити автоматичну прив'язку об'єктів до ліній сітки поставте галочку Перегляд -> Прив'язати -> Лініям сітки (View -> Snap to -> Grid).